:root{--bg:#02060e;--panel:#071326;--line:rgba(49,111,190,.28);--white:#f3f5f8;--muted:#9ba9bd;--silver:#c9d5e5;--accent:#0356c5;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--white);font-family:"DM Sans",Arial,sans-serif;font-weight:300;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}.page-grain{pointer-events:none;position:fixed;inset:0;z-index:10;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")}.section-wrap{width:min(var(--max),calc(100% - 88px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:22px max(44px,calc((100vw - var(--max))/2));background:rgba(2,6,14,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(3,86,197,.22)}.brand{display:flex;align-items:center;gap:17px}.brand-mark{font:36px "Playfair Display",serif;letter-spacing:-4px}.brand-divider{height:36px;width:1px;background:#656769}.brand-text{display:flex;flex-direction:column;gap:3px}.brand-text strong{font-size:12px;font-weight:500;letter-spacing:.27em;text-transform:uppercase}.brand-text small{font-size:8px;letter-spacing:.31em;color:#9b9d9e}.nav{display:flex;gap:30px}.nav a{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#b8b9b9;position:relative;padding:8px 0}.nav a:after{content:"";height:1px;background:#1680ff;position:absolute;left:0;right:100%;bottom:0;transition:right .3s}.nav a:hover,.nav a.active{color:white}.nav a:hover:after,.nav a.active:after{right:0}.menu-toggle{display:none;background:none;border:0}.hero{min-height:690px;position:relative;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;padding-top:62px;padding-bottom:40px}.hero:before{content:"";position:absolute;inset:0 -8vw;background:radial-gradient(ellipse at 72% 54%,rgba(3,86,197,.20),transparent 43%);pointer-events:none}.hero-lines{display:none}.hero-copy{z-index:1;padding:20px 0 65px}.eyebrow{font-size:9px;letter-spacing:.29em;color:#c4c6c7;text-transform:uppercase;margin:0 0 20px}.eyebrow span{display:inline-block;width:23px;height:1px;background:#0356c5;vertical-align:middle;margin-right:12px}.hero h1{font:clamp(58px,7.3vw,105px)/.95 "Playfair Display",serif;letter-spacing:-.055em;text-transform:uppercase;margin:0 0 24px}.hero h1 em,.contact-details h2 em{font-weight:400;color:#a9abad}.hero-subtitle{font-size:15px;letter-spacing:.09em;margin:0 0 12px}.hero-description{max-width:365px;color:#9da0a1;font-size:12px;line-height:1.9;margin:0 0 31px}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:9px;letter-spacing:.2em;border-bottom:1px solid #7f8284;padding:0 0 10px}.text-link span{font-size:18px}.hero-image-wrap{position:relative;z-index:1;margin-right:-8%;height:490px;overflow:hidden;border-radius:3px;isolation:isolate}.hero-image-wrap:before{content:"";position:absolute;z-index:2;top:-25%;bottom:-25%;left:-45%;width:30%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.015) 22%,rgba(255,255,255,.13) 44%,rgba(255,255,255,.62) 50%,rgba(255,255,255,.17) 57%,rgba(255,255,255,.025) 76%,transparent 100%);filter:blur(1px);mix-blend-mode:screen;opacity:0;animation:whiteBlueprintSweep 10s cubic-bezier(.42,0,.25,1) infinite;pointer-events:none}.hero-image-wrap:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(0deg,rgba(2,6,14,.22),transparent 22%,transparent 78%,rgba(2,6,14,.12));pointer-events:none}.image-caption{position:absolute;z-index:3;bottom:18px;left:16%;right:5%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.18em;color:#d7e5f8;text-shadow:0 1px 5px #02060e}@keyframes whiteBlueprintSweep{0%,10%{left:-45%;opacity:0}18%{opacity:.72}55%{opacity:.8}82%{left:115%;opacity:.55}94%,100%{left:115%;opacity:0}}.hero-image-wrap{background:#02060e}.hero-bottom{position:absolute;bottom:0;left:0;right:0;border-top:1px solid rgba(255,255,255,.14);padding:15px 0;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.19em;color:#828586}.section{padding-top:95px;padding-bottom:28px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section-heading h2{font:clamp(38px,5vw,61px)/1.1 "Playfair Display",serif;margin:0;letter-spacing:-.04em}.silver-dot{color:#777b7d}.section-note{max-width:390px;color:#96999a;font-size:12px;line-height:1.9;margin:0 0 4px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-card{position:relative;min-height:280px;overflow:hidden;border:1px solid rgba(3,86,197,.68);border-radius:7px;background:#061225;isolation:isolate;box-shadow:0 0 0 1px rgba(3,86,197,.06),0 8px 25px rgba(0,0,0,.2);transition:transform .35s,border-color .35s,box-shadow .35s}.service-card:hover{transform:translateY(-5px);border-color:rgba(54,139,255,.95);box-shadow:0 0 18px rgba(3,86,197,.2)}.service-photo{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.82;transition:transform .6s,opacity .4s}.service-card:hover .service-photo{transform:scale(1.06);opacity:.9}.photo-interior{background-image:linear-gradient(0deg,rgba(2,6,14,.76),transparent 78%),url("assets/interior-design.jpg");background-position:center 48%}.photo-facade{background-image:linear-gradient(0deg,rgba(2,6,14,.76),transparent 78%),url("assets/building-facade.jpg");background-position:center 48%}.photo-renovation{background-image:linear-gradient(0deg,rgba(2,6,14,.76),transparent 78%),url("assets/renovation.jpg");background-position:center 48%}.photo-supervision{background-image:linear-gradient(0deg,rgba(2,6,14,.76),rgba(2,6,14,.10)),url("assets/supervision.jpg");background-position:center 48%}.card-number{position:absolute;top:16px;left:17px;font-size:9px;letter-spacing:.15em;color:#c4c6c7;z-index:2}.glass-panel{position:absolute;bottom:0;left:0;right:0;min-height:135px;padding:17px 18px 20px;background:linear-gradient(0deg,rgba(2,6,14,.94),rgba(4,19,42,.68));border-top:1px solid rgba(49,111,190,.38);backdrop-filter:blur(8px)}.service-icon{font-size:23px;color:#e8e9e8}.glass-panel h3{font-size:16px;font-weight:400;margin:7px 0 4px}.glass-panel p{font-size:10px;line-height:1.7;color:#aeb0b1;margin:0;max-width:220px}.card-arrow{position:absolute;right:16px;bottom:19px;font-size:18px}.skills-section{position:relative}.skills-panel{display:grid;grid-template-columns:repeat(10,1fr);gap:10px;padding:25px;border:1px solid rgba(255,255,255,.22);border-radius:7px;background:linear-gradient(110deg,rgba(3,86,197,.08),rgba(255,255,255,.008));position:relative;overflow:hidden}.skills-panel:after{content:"";position:absolute;inset:auto -10% -80% -10%;height:170px;border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 -12px 0 -11px rgba(255,255,255,.12),0 -24px 0 -23px rgba(255,255,255,.1),0 -36px 0 -35px rgba(255,255,255,.09);pointer-events:none}.skill{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;font-size:9px;color:#c2c4c5;position:relative;z-index:1}.skill-logo{width:54px;height:54px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.19);border-radius:9px;background:linear-gradient(145deg,rgba(3,86,197,.16),rgba(255,255,255,.015));font-size:22px;font-weight:600;color:#e3e4e4;box-shadow:inset 0 1px rgba(255,255,255,.09)}.resume-accordion{border-top:1px solid var(--line)}.resume-group{border-bottom:1px solid var(--line)}.resume-group summary{display:grid;grid-template-columns:58px 1fr auto 36px;gap:15px;align-items:center;list-style:none;padding:24px 8px;cursor:pointer}.resume-group summary::-webkit-details-marker{display:none}.summary-index{font:26px "Playfair Display",serif;color:#7e8284}.summary-title{display:flex;flex-direction:column;gap:3px}.summary-title small{font-size:8px;letter-spacing:.24em;color:#85898a}.summary-title strong{font-size:16px;font-weight:400}.summary-count{font-size:8px;letter-spacing:.15em;color:#999c9d}.summary-plus{width:30px;height:30px;border:1px solid rgba(255,255,255,.28);border-radius:50%;display:grid;place-items:center;font-size:19px;transition:transform .3s,background .3s}.resume-group[open] .summary-plus{transform:rotate(45deg);background:#eee;color:#111}.resume-content{padding:0 20px 25px 76px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.resume-item{padding:18px 17px;border:1px solid rgba(255,255,255,.12);border-radius:4px;background:rgba(3,35,76,.16);position:relative}.resume-item:before{content:"";position:absolute;top:0;left:0;width:22px;height:1px;background:#e0e2e2}.resume-meta{font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:#aeb1b2;margin-bottom:9px}.resume-item h3{font-size:12px;font-weight:400;line-height:1.65;margin:0 0 5px}.resume-item p{font-size:10px;color:#939697;line-height:1.7;margin:0}.resume-years{display:block;font-size:9px;color:#c7c9ca;margin-top:10px}.resume-footnote{font-size:10px;line-height:1.7;color:#777b7c;margin-top:15px}.contact-section{padding-top:90px;padding-bottom:65px}.contact-panel{display:grid;grid-template-columns:1fr .92fr 1fr;min-height:440px;border:1px solid rgba(255,255,255,.22);border-radius:7px;overflow:hidden;background:linear-gradient(130deg,rgba(3,86,197,.09),rgba(255,255,255,.005))}.contact-details{padding:36px 34px;border-right:1px solid var(--line)}.contact-details h2{font:clamp(34px,4vw,48px)/1.1 "Playfair Display",serif;margin:0 0 16px}.contact-intro{font-size:11px;color:#9b9e9f;line-height:1.8;margin-bottom:27px}.contact-line{display:flex;gap:13px;align-items:center;margin:17px 0;font-size:11px;overflow-wrap:anywhere}.contact-line>span:first-child{width:29px;height:29px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:50%;font-size:15px;flex-shrink:0}.contact-line>span:last-child{display:flex;flex-direction:column;gap:1px}.contact-line small{font-size:7px;letter-spacing:.2em;color:#898d8e}.social-links{display:flex;gap:10px;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.social-links a{display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:9px 11px;font-size:14px}.social-links a span{font-size:9px;color:#b9bbbc}.social-links a span small{display:block;color:#777;font-size:7px}.telegram-placeholder{opacity:.55;cursor:default}.portrait-frame{position:relative;min-height:440px;overflow:hidden;background:#131414}.portrait-frame img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 16%;filter:grayscale(1);mix-blend-mode:screen;opacity:.9}.portrait-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,6,6,.8),transparent 60%),linear-gradient(90deg,rgba(5,6,6,.15),transparent 40%)}.portrait-label{position:absolute;bottom:17px;left:16px;right:16px;z-index:1;font-size:8px;letter-spacing:.14em;color:#d4d5d5}.quote-panel{padding:42px 31px;position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.quote-panel blockquote{position:relative;z-index:1;font:clamp(22px,2.5vw,32px)/1.45 "Playfair Display",serif;margin:0 0 22px;color:#dedfdf}.quote-signature{position:relative;z-index:1;font-size:10px;color:#a7aaab;letter-spacing:.1em}.quote-wave{position:absolute;left:-10%;right:-10%;bottom:-20px;height:100px;opacity:.4;background:repeating-radial-gradient(ellipse at 50% 110%,transparent 0 7px,rgba(220,220,220,.25) 8px 9px,transparent 10px 16px);transform:rotate(-7deg)}.site-footer{border-top:1px solid rgba(255,255,255,.15);padding-top:20px;padding-bottom:24px;display:flex;justify-content:space-between;align-items:center;color:#7f8283;font-size:8px;letter-spacing:.16em}.footer-brand{font:25px "Playfair Display",serif;color:#eee;letter-spacing:-2px}.footer-brand span{color:#888}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}
@media(max-width:1000px){.section-wrap{width:calc(100% - 48px)}.site-header{padding:18px 24px}.hero{grid-template-columns:.85fr 1.15fr;min-height:600px}.hero-image-wrap{height:410px;margin-right:-5%}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card{min-height:300px}.skills-panel{grid-template-columns:repeat(5,1fr);row-gap:22px}.resume-content{grid-template-columns:repeat(2,1fr)}.contact-panel{grid-template-columns:1fr 1fr}.quote-panel{grid-column:1/-1;min-height:250px;border-top:1px solid var(--line)}.contact-details{border-right:0}.portrait-frame{border-left:1px solid var(--line)}}
@media(max-width:650px){.section-wrap{width:calc(100% - 34px)}.site-header{padding:14px 17px}.brand-mark{font-size:30px}.brand{gap:11px}.brand-divider{height:30px}.brand-text strong{font-size:9px;letter-spacing:.19em}.brand-text small{font-size:7px;letter-spacing:.18em}.menu-toggle{display:flex;flex-direction:column;gap:5px;padding:8px}.menu-toggle span{display:block;width:23px;height:1px;background:#eee}.nav{display:none;position:absolute;top:100%;left:0;right:0;padding:15px 20px 20px;background:rgba(2,6,14,.98);border-bottom:1px solid var(--line);flex-direction:column;gap:8px}.nav.open{display:flex}.nav a{padding:10px 0}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:42px;min-height:auto}.hero-copy{padding:15px 0 12px}.hero h1{font-size:clamp(58px,18vw,90px)}.hero-description{max-width:100%}.hero-image-wrap{height:280px;margin:0 -17px 40px;border-radius:0}.hero-bottom{position:relative;margin-top:0;font-size:7px;gap:10px}.hero-bottom span:last-child{text-align:right}.image-caption{left:18px;right:18px;font-size:6px}.section{padding-top:65px}.section-heading{display:block;margin-bottom:25px}.section-note{margin-top:15px}.service-grid{gap:10px}.service-card{min-height:250px}.glass-panel{padding:14px 12px;min-height:130px}.glass-panel h3{font-size:13px}.glass-panel p{font-size:9px}.skills-panel{padding:18px 10px;grid-template-columns:repeat(3,1fr);gap:22px 5px}.skill-logo{width:47px;height:47px}.resume-group summary{grid-template-columns:33px 1fr 25px;gap:9px;padding:18px 0}.summary-count{display:none}.summary-index{font-size:22px}.summary-title strong{font-size:13px}.summary-plus{width:26px;height:26px}.resume-content{padding:0 0 20px;grid-template-columns:1fr}.resume-item{padding:15px}.contact-section{padding-top:60px;padding-bottom:40px}.contact-panel{grid-template-columns:1fr}.contact-details{padding:27px 23px;border-bottom:1px solid var(--line)}.portrait-frame{min-height:380px;border-left:0;border-bottom:1px solid var(--line)}.quote-panel{min-height:250px;padding:30px 24px}.site-footer{flex-wrap:wrap;gap:14px;font-size:7px}.site-footer span:last-child{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*{animation:none!important;transition:none!important}}

/* Refined portfolio details: stronger career storytelling and software-inspired skill marks */
.skills-panel{grid-template-columns:repeat(5,minmax(0,1fr));gap:25px 16px;padding:30px 28px;background:linear-gradient(120deg,rgba(3,86,197,.12),rgba(5,15,31,.42) 48%,rgba(255,255,255,.012));border-color:rgba(49,111,190,.38)}
.skill{gap:11px;font-size:10px;letter-spacing:.025em;color:#d3dceb;transition:transform .25s ease,color .25s ease}
.skill:hover{transform:translateY(-4px);color:#fff}
.skill-logo{position:relative;width:62px;height:62px;overflow:hidden;border:1px solid rgba(76,143,232,.42);border-radius:13px;background:linear-gradient(145deg,rgba(10,40,79,.96),rgba(2,6,14,.98));box-shadow:inset 0 1px rgba(255,255,255,.1),0 7px 18px rgba(0,0,0,.18);transition:border-color .25s,box-shadow .25s}
.skill:hover .skill-logo{border-color:rgba(55,139,255,.95);box-shadow:0 0 22px rgba(3,86,197,.24),inset 0 1px rgba(255,255,255,.15)}
.skill-logo:before{content:"";position:absolute;width:42px;height:42px;border:1px solid rgba(62,135,224,.18);border-radius:50%;right:-20px;top:-19px}
.logo-mark{position:relative;z-index:2;font-size:25px;line-height:1;font-weight:700;letter-spacing:-.08em;color:#dcecff;text-shadow:0 0 15px rgba(55,139,255,.16)}
.logo-mark sup{font-size:8px;letter-spacing:0;vertical-align:top;margin-left:1px;color:#6db2ff}
.logo-corner{position:absolute;left:9px;bottom:9px;width:14px;height:14px;border-left:2px solid #1680ff;border-bottom:2px solid #1680ff;opacity:.9}
.logo-3ds{font-size:19px;letter-spacing:-.08em}.logo-3ds small{display:block;font-size:7px;letter-spacing:.23em;text-align:right;margin-top:2px;color:#6db2ff}
.logo-vray{font-size:27px;font-style:italic;color:#d8e8ff}.logo-vray span{color:#1680ff;font-size:19px;margin-left:-2px}
.logo-adobe{font-family:Arial,sans-serif;font-size:25px;color:#e7f1ff;letter-spacing:-.1em}
.logo-orbit{position:absolute;inset:10px;border:1px solid rgba(22,128,255,.5);border-radius:50%;transform:rotate(-35deg) scaleX(1.15)}
.logo-office{font-family:Arial,sans-serif;font-size:26px;letter-spacing:-.08em;color:#dcecff}
.logo-page{position:absolute;width:16px;height:22px;right:10px;bottom:9px;border:1px solid rgba(22,128,255,.65);border-radius:2px;background:linear-gradient(180deg,rgba(22,128,255,.22),transparent)}
.logo-grid{position:absolute;right:8px;bottom:9px;width:19px;height:19px;border:1px solid rgba(22,128,255,.75);background:linear-gradient(90deg,transparent 30%,rgba(22,128,255,.5) 31% 37%,transparent 38% 64%,rgba(22,128,255,.5) 65% 71%,transparent 72%),linear-gradient(0deg,transparent 30%,rgba(22,128,255,.5) 31% 37%,transparent 38% 64%,rgba(22,128,255,.5) 65% 71%,transparent 72%)}
.logo-chart{position:absolute;right:8px;bottom:9px;width:22px;height:17px;border-left:1px solid #1680ff;border-bottom:1px solid #1680ff;background:linear-gradient(135deg,transparent 40%,rgba(22,128,255,.8) 42% 47%,transparent 49%)}
.logo-system{font-size:27px;color:#7ebcff}.logo-circuit{position:absolute;right:9px;bottom:9px;width:18px;height:13px;border:1px solid rgba(22,128,255,.6);border-right:0;border-top:0}.logo-circuit:after{content:"";position:absolute;width:4px;height:4px;border:1px solid #1680ff;border-radius:50%;right:-3px;top:-3px}
.logo-gear{position:absolute;right:6px;bottom:3px;font-size:17px;color:#1680ff}
/* Career section: an editorial feature panel, timeline-like rows, and a more inviting accordion */
.career-intro{position:relative;display:grid;grid-template-columns:1.05fr 1.2fr auto;gap:28px;align-items:center;overflow:hidden;margin:0 0 30px;padding:32px 34px;border:1px solid rgba(49,111,190,.42);border-radius:8px;background:radial-gradient(ellipse at 83% 0%,rgba(3,86,197,.22),transparent 48%),linear-gradient(125deg,rgba(8,25,49,.96),rgba(3,8,17,.97) 72%);box-shadow:0 18px 55px rgba(0,0,0,.18)}
.career-intro:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(135deg,transparent 0 22px,rgba(80,145,224,.035) 23px 24px);mask-image:linear-gradient(90deg,transparent 20%,#000)}
.career-intro-copy,.career-pillars,.career-stamp{position:relative;z-index:1}
.career-kicker{display:block;font-size:8px;letter-spacing:.24em;color:#72aef6;margin-bottom:13px}
.career-intro-copy h3{font:clamp(25px,3vw,38px)/1.16 "Playfair Display",serif;letter-spacing:-.035em;margin:0 0 12px;color:#f1f6ff}
.career-intro-copy h3 span{color:#1680ff}
.career-intro-copy p{font-size:10px;line-height:1.85;color:#a7b5c9;max-width:360px;margin:0}
.career-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.career-pillar{min-height:112px;padding:15px 13px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(74,137,219,.28);border-radius:5px;background:linear-gradient(145deg,rgba(16,55,103,.46),rgba(2,6,14,.48));transition:transform .25s,border-color .25s,background .25s}
.career-pillar:hover{transform:translateY(-4px);border-color:rgba(51,135,255,.75);background:linear-gradient(145deg,rgba(17,71,137,.52),rgba(2,6,14,.5))}
.pillar-number{font-size:9px;letter-spacing:.14em;color:#4b9bff}
.career-pillar strong{font:19px "Playfair Display",serif;font-weight:400;color:#eef5ff}
.career-pillar small{font-size:8px;color:#93a8c4;line-height:1.5}
.career-stamp{width:86px;height:86px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(64,143,246,.48);border-radius:50%;box-shadow:0 0 0 7px rgba(3,86,197,.05),inset 0 0 24px rgba(3,86,197,.13);transform:rotate(-10deg)}
.career-stamp span{font:27px "Playfair Display",serif;letter-spacing:-.08em;color:#d9eaff}
.career-stamp small{font-size:5px;line-height:1.5;text-align:center;letter-spacing:.15em;color:#7eabe5}
.resume-accordion{border-top:0;display:grid;gap:11px}
.resume-group{border:1px solid rgba(49,111,190,.3);border-radius:6px;overflow:hidden;background:linear-gradient(110deg,rgba(8,24,46,.66),rgba(3,7,15,.7));transition:border-color .25s,box-shadow .25s,transform .25s}
.resume-group:hover{border-color:rgba(49,126,220,.65);box-shadow:0 9px 28px rgba(0,0,0,.15)}
.resume-group[open]{border-color:rgba(35,119,226,.7);box-shadow:0 0 0 1px rgba(3,86,197,.08),0 12px 30px rgba(0,0,0,.18)}
.resume-group summary{position:relative;grid-template-columns:58px 1fr auto 36px;gap:15px;padding:23px 22px;background:linear-gradient(100deg,rgba(3,86,197,.08),transparent 65%);transition:background .25s}
.resume-group summary:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#1680ff,rgba(3,86,197,.12));opacity:.6;transition:opacity .25s}
.resume-group:hover summary:before,.resume-group[open] summary:before{opacity:1}
.resume-group[open] summary{background:linear-gradient(100deg,rgba(3,86,197,.18),rgba(3,7,15,.05) 72%)}
.summary-index{display:grid;place-items:center;width:43px;height:43px;border:1px solid rgba(49,111,190,.45);border-radius:5px;background:rgba(3,86,197,.11);font:22px "Playfair Display",serif;color:#6eabf6}
.summary-title small{color:#6ca9f3;letter-spacing:.2em;font-size:8px}
.summary-title strong{font-size:17px;letter-spacing:.01em;color:#f0f5fc}
.summary-count{padding:7px 10px;border:1px solid rgba(49,111,190,.28);border-radius:3px;color:#9eb7d8;background:rgba(3,86,197,.07);font-size:7px;letter-spacing:.12em}
.summary-plus{border-color:rgba(49,111,190,.58);color:#80b8ff;background:rgba(3,86,197,.08);font-size:20px}
.resume-group[open] .summary-plus{background:#0356c5;color:white;border-color:#368bff}
.resume-content{padding:4px 22px 25px 95px;gap:12px}
.resume-item{border:1px solid rgba(64,115,177,.25);border-radius:5px;background:linear-gradient(145deg,rgba(9,28,52,.7),rgba(2,6,14,.42));padding:19px 17px 17px;transition:transform .25s,border-color .25s,background .25s;overflow:hidden}
.resume-item:hover{transform:translateY(-3px);border-color:rgba(49,126,220,.68);background:linear-gradient(145deg,rgba(10,42,82,.78),rgba(2,6,14,.52))}
.resume-item:before{top:0;left:0;width:42px;height:2px;background:linear-gradient(90deg,#1680ff,rgba(22,128,255,0))}
.resume-meta{color:#75a9e9;font-size:8px;letter-spacing:.09em;line-height:1.7}
.resume-item h3{font-size:13px;line-height:1.6;color:#e7effb}
.resume-item p{color:#9aabc1;font-size:10px}
.resume-years{display:inline-block;margin-top:12px;padding:4px 8px;border:1px solid rgba(49,111,190,.27);border-radius:3px;background:rgba(3,86,197,.09);color:#a8c8f4;font-size:9px;letter-spacing:.04em}
.resume-interaction-hint{display:flex;align-items:center;gap:10px;margin:17px 0 0;font-size:7px;letter-spacing:.18em;color:#6e94c4}
.hint-dot{width:5px;height:5px;border-radius:50%;background:#1680ff;box-shadow:0 0 10px rgba(22,128,255,.8)}
.hint-line{height:1px;flex:1;background:linear-gradient(90deg,rgba(49,111,190,.4),transparent)}
.resume-footnote{color:#778aa3}
@media(max-width:1000px){.career-intro{grid-template-columns:1fr 1.25fr;gap:20px;padding:27px}.career-stamp{display:none}.career-pillars{gap:7px}.career-pillar{padding:12px 10px;min-height:104px}.skills-panel{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:650px){.skills-panel{grid-template-columns:repeat(3,minmax(0,1fr));padding:22px 10px;gap:22px 5px}.skill-logo{width:53px;height:53px}.career-intro{grid-template-columns:1fr;padding:24px 20px;gap:22px;margin-bottom:22px}.career-intro-copy h3{font-size:29px}.career-intro-copy p{font-size:11px}.career-pillars{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.career-pillar{min-height:100px;padding:11px 9px}.career-pillar strong{font-size:17px}.career-pillar small{font-size:7px}.resume-accordion{gap:9px}.resume-group summary{grid-template-columns:42px 1fr 28px;gap:10px;padding:17px 12px}.summary-index{width:36px;height:36px;font-size:19px}.summary-title strong{font-size:13px}.summary-title small{font-size:7px}.resume-content{padding:0 12px 15px;grid-template-columns:1fr;gap:9px}.resume-item{padding:15px}.resume-item h3{font-size:12px}.resume-interaction-hint{font-size:6px;letter-spacing:.12em}}


/* MONOCHROME REVISION — black, white and silver only */
:root{--bg:#050505;--panel:#101010;--line:rgba(255,255,255,.19);--white:#f4f4f4;--muted:#a1a1a1;--silver:#d0d0d0;--accent:#f4f4f4;--max:1240px}
body{background:#050505;color:#f4f4f4}
.site-header{background:rgba(5,5,5,.9);border-bottom-color:rgba(255,255,255,.12)}
.nav a:after{background:#f2f2f2}
.hero:before{background:radial-gradient(ellipse at 72% 54%,rgba(255,255,255,.055),transparent 43%)}
.eyebrow span{background:#e9e9e9}
.hero-image-wrap{background:#000}
.hero-image-wrap:after{background:linear-gradient(0deg,rgba(0,0,0,.18),transparent 22%,transparent 78%,rgba(0,0,0,.1))}

.image-caption{color:#e5e5e5;text-shadow:0 1px 5px #000}
.service-card{border-color:rgba(255,255,255,.23);background:#101010;box-shadow:0 8px 25px rgba(0,0,0,.25)}
.service-card:hover{border-color:rgba(255,255,255,.7);box-shadow:0 0 18px rgba(255,255,255,.08)}
.photo-interior{background-image:linear-gradient(0deg,rgba(0,0,0,.76),transparent 78%),url("assets/interior-design.jpg")}
.photo-facade{background-image:linear-gradient(0deg,rgba(0,0,0,.76),transparent 78%),url("assets/building-facade.jpg")}
.photo-renovation{background-image:linear-gradient(0deg,rgba(0,0,0,.76),transparent 78%),url("assets/renovation.jpg")}
.photo-supervision{background-image:linear-gradient(0deg,rgba(0,0,0,.76),rgba(0,0,0,.10)),url("assets/supervision.jpg")}
.glass-panel{background:linear-gradient(0deg,rgba(0,0,0,.95),rgba(16,16,16,.7));border-top-color:rgba(255,255,255,.2)}
.skills-panel{background:linear-gradient(110deg,rgba(255,255,255,.035),rgba(255,255,255,.008));border-color:rgba(255,255,255,.22)}
.skill{color:#d0d0d0}
.skill-logo{border-color:rgba(255,255,255,.2);background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.015));color:#e3e3e3}
.skill:hover .skill-logo{border-color:rgba(255,255,255,.7);box-shadow:0 0 20px rgba(255,255,255,.08),inset 0 1px rgba(255,255,255,.15)}
.logo-mark,.logo-3ds,.logo-vray,.logo-adobe,.logo-office,.logo-system,.logo-mark sup,.logo-3ds small,.logo-vray span,.logo-system{color:#e2e2e2;text-shadow:none}
.logo-corner{border-color:#ddd}.logo-orbit{border-color:rgba(255,255,255,.4)}
.logo-page{border-color:rgba(255,255,255,.5);background:linear-gradient(180deg,rgba(255,255,255,.13),transparent)}
.logo-grid{border-color:rgba(255,255,255,.6);background:linear-gradient(90deg,transparent 30%,rgba(255,255,255,.4) 31% 37%,transparent 38% 64%,rgba(255,255,255,.4) 65% 71%,transparent 72%),linear-gradient(0deg,transparent 30%,rgba(255,255,255,.4) 31% 37%,transparent 38% 64%,rgba(255,255,255,.4) 65% 71%,transparent 72%)}
.logo-chart{border-color:#ddd;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.7) 42% 47%,transparent 49%)}
.logo-circuit{border-color:rgba(255,255,255,.55)}.logo-circuit:after{border-color:#ddd}.logo-gear{color:#ddd}
.career-intro{border-color:rgba(255,255,255,.2);background:radial-gradient(ellipse at 83% 0%,rgba(255,255,255,.07),transparent 48%),linear-gradient(125deg,rgba(18,18,18,.98),rgba(4,4,4,.98) 72%)}
.career-intro:before{background:repeating-linear-gradient(135deg,transparent 0 22px,rgba(255,255,255,.025) 23px 24px)}
.career-kicker{color:#bdbdbd}.career-intro-copy h3{color:#f1f1f1}.career-intro-copy h3 span{color:#ddd}.career-intro-copy p{color:#aaa}
.career-pillar{border-color:rgba(255,255,255,.2);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(0,0,0,.48))}
.career-pillar:hover{border-color:rgba(255,255,255,.6);background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(0,0,0,.5))}
.pillar-number{color:#c6c6c6}.career-pillar strong{color:#eee}.career-pillar small{color:#aaa}
.career-stamp{border-color:rgba(255,255,255,.4);box-shadow:0 0 0 7px rgba(255,255,255,.025),inset 0 0 24px rgba(255,255,255,.06)}
.career-stamp span,.career-stamp small{color:#ddd}
.resume-group{border-color:rgba(255,255,255,.2);background:linear-gradient(110deg,rgba(22,22,22,.75),rgba(4,4,4,.75))}
.resume-group:hover{border-color:rgba(255,255,255,.5)}.resume-group[open]{border-color:rgba(255,255,255,.62);box-shadow:0 0 0 1px rgba(255,255,255,.035),0 12px 30px rgba(0,0,0,.18)}
.resume-group summary{background:linear-gradient(100deg,rgba(255,255,255,.035),transparent 65%)}
.resume-group summary:before{background:linear-gradient(180deg,#eee,rgba(255,255,255,.12))}
.resume-group[open] summary{background:linear-gradient(100deg,rgba(255,255,255,.08),rgba(3,3,3,.05) 72%)}
.summary-index{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.045);color:#ddd}
.summary-title small{color:#bdbdbd}.summary-title strong{color:#f0f0f0}
.summary-count{border-color:rgba(255,255,255,.22);color:#bbb;background:rgba(255,255,255,.035)}
.summary-plus{border-color:rgba(255,255,255,.4);color:#ddd;background:rgba(255,255,255,.04)}
.resume-group[open] .summary-plus{background:#eee;color:#111;border-color:#eee}
.resume-content{border-color:rgba(255,255,255,.12)}
.resume-item{border-color:rgba(255,255,255,.16);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(0,0,0,.42))}
.resume-item:hover{border-color:rgba(255,255,255,.48);background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(0,0,0,.52))}
.resume-meta{color:#bdbdbd}.resume-item h3{color:#e8e8e8}.resume-item p{color:#aaa}
.resume-years{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.035);color:#ccc}
.resume-interaction-hint{color:#aaa}.hint-dot{background:#ddd;box-shadow:0 0 10px rgba(255,255,255,.35)}.hint-line{background:linear-gradient(90deg,rgba(255,255,255,.25),transparent)}
.contact-panel{background:linear-gradient(130deg,rgba(255,255,255,.035),rgba(255,255,255,.005))}
.contact-line>span:first-child{border-color:rgba(255,255,255,.25)}
.social-links a:hover{border-color:rgba(255,255,255,.65)}

.hero:before{background:radial-gradient(ellipse at 72% 52%,rgba(255,255,255,.045),transparent 48%)}
.eyebrow span,.nav a:after{background:#e9e9e9}


/* Language selector */
.site-header{gap:18px;flex-wrap:wrap}
.language-switch{display:flex;align-items:center;gap:5px;margin-left:8px;flex-shrink:0}
.language-switch button{font:500 11px/1.2 "DM Sans",sans-serif;letter-spacing:.04em;color:#bdbdbd;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.2);padding:9px 11px;cursor:pointer;transition:all .25s ease}
.language-switch button:hover,.language-switch button.selected{color:#fff;border-color:rgba(255,255,255,.8);background:rgba(255,255,255,.1)}
.language-switch button[lang="fa"],.language-switch button[lang="ar"]{font-family:Tahoma,Arial,sans-serif;font-size:12px}
html[dir="rtl"] body{font-family:Tahoma,Arial,sans-serif}
html[dir="rtl"] .site-header{direction:rtl}
html[dir="rtl"] .nav{direction:rtl}
html[dir="rtl"] .hero-copy,.html[dir="rtl"] .section-heading,.html[dir="rtl"] .career-intro-copy,.html[dir="rtl"] .contact-details,.html[dir="rtl"] .quote-panel{text-align:right}
html[dir="rtl"] .section-heading{direction:rtl}
html[dir="rtl"] .hero-copy{direction:rtl}
html[dir="rtl"] .text-link{direction:rtl}
html[dir="rtl"] .resume-group summary{direction:rtl}
html[dir="rtl"] .resume-content,html[dir="rtl"] .resume-item{text-align:right;direction:rtl}
html[dir="rtl"] .contact-panel{direction:rtl}
html[dir="rtl"] .social-links{direction:rtl}
html[dir="rtl"] .site-footer{direction:rtl}
@media(max-width:850px){.language-switch{margin-left:auto;margin-right:0}.site-header{row-gap:10px}.language-switch button{padding:7px 9px}}
html[dir="rtl"] .hero-copy,html[dir="rtl"] .section-heading,html[dir="rtl"] .career-intro-copy,html[dir="rtl"] .contact-details,html[dir="rtl"] .quote-panel{text-align:right}
html[dir="rtl"] .hero-copy .eyebrow,html[dir="rtl"] .section-note{direction:rtl}
html[dir="rtl"] .resume-meta,html[dir="rtl"] .resume-item h3,html[dir="rtl"] .resume-item p{direction:rtl}
html[dir="rtl"] .portrait-label{direction:rtl}

/* Elegant open-list career history: no cards, just typography and fine dividers */
#experience{scroll-margin-top:90px}
#experience .section-heading{margin-bottom:30px}
#experience .section-heading .eyebrow{letter-spacing:.08em}
.experience-list-wrap{border-top:1px solid rgba(255,255,255,.34)}
.experience-list-head{display:flex;align-items:center;justify-content:space-between;padding:20px 0 18px;border-bottom:1px solid rgba(255,255,255,.17)}
.experience-list-title{font-family:"Playfair Display",serif;font-size:22px;color:#f0f0f0}
.experience-total{font-size:11px;color:#aaa;letter-spacing:.06em}
.experience-column-labels,.experience-row{display:grid;grid-template-columns:minmax(180px,1.25fr) minmax(150px,1fr) minmax(90px,.55fr) minmax(180px,1.15fr);gap:22px;align-items:center}
.experience-column-labels{padding:14px 0;color:#a7a7a7;font-size:10px;letter-spacing:.04em;border-bottom:1px solid rgba(255,255,255,.24)}
.experience-list{list-style:none;padding:0;margin:0;counter-reset:experience}
.experience-row{position:relative;padding:17px 0 17px 48px;border-bottom:1px solid rgba(255,255,255,.12);transition:padding .2s,border-color .2s}
.experience-row:hover{padding-right:8px;border-bottom-color:rgba(255,255,255,.42)}
.experience-number{position:absolute;right:auto;left:0;top:50%;transform:translateY(-50%);font:12px "Playfair Display",serif;color:#777;direction:ltr}
.experience-cell{min-width:0;display:flex;flex-direction:column;gap:6px}
.experience-cell small{display:none;color:#888;font-size:9px}
.experience-cell strong{font-size:12px;line-height:1.8;font-weight:500;color:#f0f0f0}
.experience-cell span{font-size:11px;line-height:1.8;color:#b4b4b4;overflow-wrap:anywhere}
.experience-year span{font-variant-numeric:tabular-nums;white-space:nowrap;color:#e1e1e1}
.experience-client span{color:#c4c4c4}
@media(max-width:800px){.experience-column-labels{display:none}.experience-row{grid-template-columns:1fr 1fr;gap:14px 20px;padding:18px 0 18px 36px}.experience-number{top:23px;transform:none}.experience-cell small{display:block}.experience-cell strong{font-size:12px}.experience-cell span{font-size:11px}.experience-role{grid-column:1/-1}.experience-client{grid-column:1/-1}}
@media(max-width:420px){.experience-row{gap:13px 12px}.experience-list-title{font-size:19px}.experience-cell strong{font-size:11px}.experience-cell span{font-size:10px}}

.education-preserved{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0 5px;margin-top:8px;border-top:1px solid rgba(255,255,255,.24)}.education-preserved div{display:flex;flex-direction:column;gap:8px}.education-preserved small{font-size:10px;color:#999}.education-preserved strong{font-size:12px;font-weight:500;color:#ddd;line-height:1.8}.education-preserved>span{font-size:10px;color:#888;white-space:nowrap}@media(max-width:650px){.education-preserved strong{font-size:11px}.education-preserved{align-items:flex-start}}

/* -------------------------------------------------------------
   Visual identity refinement — editorial architecture / quiet luxury
   Built with native CSS; no framework or dependency added.
   ------------------------------------------------------------- */
:root{
  --bg:#080a0b;
  --panel:#101314;
  --line:rgba(201,177,130,.24);
  --white:#f4f1eb;
  --muted:#a5a29b;
  --silver:#d5cec0;
  --accent:#c7a873;
  --max:1280px;
  color-scheme:dark;
}
html{scroll-behavior:smooth;scroll-padding-top:104px}
body{
  background:
    radial-gradient(ellipse at 82% 8%,rgba(199,168,115,.055),transparent 32rem),
    var(--bg);
  color:var(--white);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
::selection{background:rgba(199,168,115,.32);color:#fff}
:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.site-header{
  padding-top:17px;padding-bottom:17px;
  background:rgba(8,10,11,.86);
  border-bottom:1px solid rgba(255,255,255,.09);
  box-shadow:0 8px 30px rgba(0,0,0,.12);
}
.brand{gap:15px}
.brand-mark{color:var(--accent);font-size:39px;letter-spacing:-.075em}
.brand-divider{background:linear-gradient(180deg,transparent,var(--accent),transparent);opacity:.8}
.brand-text strong{letter-spacing:.23em;color:#f1eee7}
.brand-text small{color:#8f8c84;letter-spacing:.24em}
.nav{gap:clamp(17px,2.3vw,32px)}
.nav a{color:#b5b2aa;letter-spacing:.13em;transition:color .25s ease}
.nav a:after{background:var(--accent);height:1px}
.nav a:hover,.nav a.active{color:#fff}
.language-switch button{
  border-color:rgba(255,255,255,.14);
  border-radius:2px;
  background:rgba(255,255,255,.025);
  transition:background .25s,border-color .25s,color .25s,transform .25s;
}
.language-switch button:hover{transform:translateY(-1px)}
.language-switch button:hover,.language-switch button.selected{
  color:#f6e9d0;border-color:rgba(199,168,115,.72);
  background:rgba(199,168,115,.1);
}
.hero{min-height:min(760px,calc(100svh - 80px));padding-top:72px;padding-bottom:50px;column-gap:clamp(36px,6vw,90px)}
.hero:before{background:radial-gradient(ellipse at 72% 52%,rgba(199,168,115,.10),transparent 48%)}
.eyebrow{color:var(--accent);font-size:10px;letter-spacing:.24em}
.eyebrow span{background:var(--accent)}
.hero h1{font-size:clamp(56px,7.4vw,108px);line-height:.94;letter-spacing:-.065em}
.hero h1 em,.contact-details h2 em{color:#c6bba7}
.hero-subtitle{color:#e4dfd5;font-size:clamp(13px,1.2vw,16px);letter-spacing:.075em}
.hero-description{color:#a6a49e;font-size:13px;line-height:2;max-width:390px}
.text-link{border-color:rgba(199,168,115,.65);transition:color .25s,border-color .25s,gap .25s}
.text-link:hover{color:#e7c994;border-color:var(--accent);gap:27px}
.text-link span{color:var(--accent)}
.hero-image-wrap{height:clamp(360px,42vw,540px);border-radius:1px;box-shadow:0 28px 90px rgba(0,0,0,.32);outline:1px solid rgba(199,168,115,.19);outline-offset:8px}
.hero-image-wrap:after{background:linear-gradient(0deg,rgba(8,10,11,.38),transparent 24%,transparent 78%,rgba(8,10,11,.16))}
.image-caption{color:#e5d8bf}
.hero-bottom{border-top-color:rgba(199,168,115,.22);color:#918e86}
.section{padding-top:clamp(76px,8vw,112px);padding-bottom:32px}
.section-heading{gap:28px;margin-bottom:40px}
.section-heading h2{color:#f1eee7;font-size:clamp(38px,5vw,66px);letter-spacing:-.055em}
.silver-dot{color:var(--accent)}
.section-note{color:#a4a198;max-width:430px;line-height:2}
.service-grid{gap:16px}
.service-card{border:1px solid rgba(199,168,115,.23);border-radius:2px;background:#101314;box-shadow:0 12px 32px rgba(0,0,0,.16);transition:transform .4s,border-color .4s,box-shadow .4s}
.service-card:hover{transform:translateY(-6px);border-color:rgba(199,168,115,.7);box-shadow:0 18px 42px rgba(0,0,0,.3)}
.service-photo{filter:saturate(.78)}
.card-number{color:#e1d1b1}
.glass-panel{border-top-color:rgba(199,168,115,.26);background:linear-gradient(0deg,rgba(8,10,11,.97),rgba(8,10,11,.72));}
.service-icon,.card-arrow{color:var(--accent)}
.glass-panel h3{color:#f1eee7}
.glass-panel p{color:#aaa69c}
.skills-panel{border-color:rgba(199,168,115,.24);border-radius:2px;gap:26px 18px;background:linear-gradient(120deg,rgba(199,168,115,.055),rgba(255,255,255,.008) 55%);padding:30px}
.skill{color:#c7c1b5}
.skill-logo{border-radius:2px;border-color:rgba(199,168,115,.26);background:linear-gradient(145deg,rgba(199,168,115,.09),rgba(255,255,255,.012));color:#e8ddc8;box-shadow:inset 0 1px rgba(255,255,255,.06);transition:transform .3s,border-color .3s,background .3s}
.skill:hover .skill-logo{transform:translateY(-3px);border-color:rgba(199,168,115,.65);background:rgba(199,168,115,.11)}
/* Keep the work history as an open list, not cards. */
#experience .section-heading{margin-bottom:34px}
.experience-list-wrap{border-top:1px solid rgba(199,168,115,.48)}
.experience-list-head{padding:23px 0 19px;border-bottom:1px solid rgba(255,255,255,.15)}
.experience-list-title{font-size:25px;color:#f0e9dc}
.experience-total{color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:.12em}
.experience-column-labels{color:#c4bba9;border-bottom-color:rgba(199,168,115,.28);letter-spacing:.09em;text-transform:uppercase;font-size:9px}
.experience-row{padding-top:19px;padding-bottom:19px;border-bottom-color:rgba(255,255,255,.095);transition:background .25s,border-color .25s,padding .25s}
.experience-row:after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent);transform:scaleY(0);transform-origin:center;transition:transform .25s}
.experience-row:hover{padding-left:54px;padding-right:8px;background:linear-gradient(90deg,rgba(199,168,115,.055),transparent 72%);border-bottom-color:rgba(199,168,115,.32)}
.experience-row:hover:after{transform:scaleY(.68)}
.experience-number{color:#b59c70;font-size:11px}
.experience-cell strong{font-size:12.5px;line-height:1.75;color:#f1eee7}
.experience-cell span{font-size:11.5px;color:#b4b0a6;line-height:1.8}
.experience-year span{color:#e1d0ad}
.experience-client span{color:#c7c0b3}
.education-preserved{border-top-color:rgba(199,168,115,.25)}
.education-preserved small,.education-preserved>span{color:#9e998e}
.education-preserved strong{color:#e1dbcf}
.contact-panel{border-color:rgba(199,168,115,.25);background:linear-gradient(130deg,rgba(199,168,115,.055),rgba(255,255,255,.008))}
.contact-line>span:first-child{border-color:rgba(199,168,115,.45);color:var(--accent)}
.contact-details h2{color:#f0ece4}
.site-footer{border-top-color:rgba(199,168,115,.2);color:#9b968b}
@media(max-width:1000px){
  .section-wrap{width:min(var(--max),calc(100% - 56px))}
  .hero{column-gap:36px}
  .hero-image-wrap{margin-right:0}
  .experience-column-labels,.experience-row{grid-template-columns:minmax(170px,1.3fr) minmax(130px,1fr) minmax(78px,.55fr) minmax(150px,1fr);gap:15px}
}
@media(max-width:800px){
  .site-header{padding:15px 28px}
  .hero{min-height:auto;padding-top:56px;padding-bottom:58px}
  .hero-image-wrap{height:390px;outline-offset:5px}
  .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .skills-panel{padding:24px 18px}
  .experience-column-labels{display:none}
  .experience-row{grid-template-columns:1fr 1fr;gap:16px 22px;padding:20px 0 20px 38px}
  .experience-row:hover{padding-left:42px;padding-right:0}
  .experience-number{top:24px;transform:none}
  .experience-cell small{display:block;color:#b59c70;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
  .experience-role,.experience-client{grid-column:1/-1}
}
@media(max-width:600px){
  .section-wrap{width:calc(100% - 36px)}
  .site-header{padding:13px 18px;gap:12px}
  .brand{gap:10px}
  .brand-mark{font-size:32px}
  .brand-divider{height:30px}
  .brand-text strong{font-size:10px;letter-spacing:.18em}
  .brand-text small{font-size:7px;letter-spacing:.14em}
  .hero{grid-template-columns:1fr;gap:28px;padding-top:48px}
  .hero-copy{padding:10px 0 0}
  .hero h1{font-size:clamp(54px,16vw,82px);max-width:650px}
  .hero-description{max-width:500px}
  .hero-image-wrap{height:clamp(270px,75vw,390px);margin:0 5px 12px}
  .hero-bottom{font-size:7px;gap:12px}
  .section{padding-top:72px}
  .section-heading{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:28px}
  .section-heading h2{font-size:clamp(38px,11vw,54px)}
  .service-grid{gap:10px}
  .service-card{min-height:245px}
  .glass-panel{padding:15px 13px 18px}
  .glass-panel h3{font-size:14px}
  .skills-panel{gap:22px 10px;padding:22px 12px}
  .skill-logo{width:48px;height:48px}
  .experience-list-head{gap:12px;align-items:flex-start}
  .experience-list-title{font-size:21px}
  .experience-total{font-size:9px;white-space:nowrap;padding-top:6px}
  .experience-row{gap:14px 12px;padding-top:18px;padding-bottom:18px}
  .experience-cell strong{font-size:12px}
  .experience-cell span{font-size:11px;overflow-wrap:anywhere}
  .education-preserved{gap:12px}
}
@media(max-width:380px){
  .language-switch{gap:3px}
  .language-switch button{padding:7px 6px;font-size:10px}
  .brand-text small{letter-spacing:.08em}
  .experience-row{grid-template-columns:1fr;padding-left:34px}
  .experience-role,.experience-client{grid-column:auto}
  .experience-cell{grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* FINAL VISUAL IDENTITY — warm dark architectural editorial theme */
:root{
  --bg:#11110f;
  --panel:#191916;
  --line:rgba(199,168,115,.22);
  --white:#f3f0e8;
  --muted:#a6a196;
  --silver:#d6cbb8;
  --accent:#c7a873;
  --max:1280px;
}
body{background:var(--bg);color:var(--white);}
::selection{background:rgba(199,168,115,.32);color:#fffaf0}
.site-header{background:rgba(17,17,15,.9);border-bottom-color:rgba(199,168,115,.18)}
.nav a:after,.eyebrow span{background:var(--accent)}
.nav a{color:#c1bbae}
.nav a:hover,.nav a.active{color:#fffaf0}
.hero:before{background:radial-gradient(ellipse at 72% 54%,rgba(199,168,115,.105),transparent 45%)}
.hero h1 em,.contact-details h2 em{color:#c7bba5}
.hero-image-wrap{background:#151512;outline:1px solid rgba(199,168,115,.2);outline-offset:8px}

.hero-image-wrap:after{background:linear-gradient(0deg,rgba(17,17,15,.32),transparent 24%,transparent 76%,rgba(17,17,15,.16))}
.hero-bottom{border-top-color:rgba(199,168,115,.22);color:#9d978b}
.section-heading h2{color:#f0ece3}
.section-note,.hero-description{color:#aaa59a}
.service-card{border-color:rgba(199,168,115,.28);border-radius:2px;background:#181815;box-shadow:0 12px 32px rgba(0,0,0,.2)}
.service-card:hover{border-color:rgba(199,168,115,.7);box-shadow:0 12px 36px rgba(0,0,0,.32)}
.card-number{color:#d4c3a2}
.glass-panel{background:linear-gradient(0deg,rgba(17,17,15,.97),rgba(25,25,22,.72));border-top-color:rgba(199,168,115,.28)}
.service-icon,.card-arrow{color:#d9c39a}
.skills-panel{background:linear-gradient(120deg,rgba(199,168,115,.06),rgba(255,255,255,.008) 58%);border-color:rgba(199,168,115,.23)}
.skill-logo{background:linear-gradient(145deg,rgba(199,168,115,.09),rgba(255,255,255,.012));border-color:rgba(199,168,115,.26);color:#e8ddc8}
.skill-logo:before{border-color:rgba(199,168,115,.16)}
.logo-mark{color:#e8ddc8;text-shadow:none}
.logo-mark sup,.logo-3ds small{color:#c7a873}
.logo-corner{border-color:#c7a873}
.logo-orbit{border-color:rgba(199,168,115,.5)}
.logo-page{border-color:rgba(199,168,115,.55);background:linear-gradient(180deg,rgba(199,168,115,.18),transparent)}
.logo-grid{border-color:rgba(199,168,115,.7);background:linear-gradient(90deg,transparent 30%,rgba(199,168,115,.45) 31% 37%,transparent 38% 64%,rgba(199,168,115,.45) 65% 71%,transparent 72%),linear-gradient(0deg,transparent 30%,rgba(199,168,115,.45) 31% 37%,transparent 38% 64%,rgba(199,168,115,.45) 65% 71%,transparent 72%)}
.logo-chart{border-color:#c7a873;background:linear-gradient(135deg,transparent 40%,rgba(199,168,115,.8) 42% 47%,transparent 49%)}
.logo-circuit{border-color:rgba(199,168,115,.6)}
.logo-circuit:after{border-color:#c7a873}
.logo-gear{color:#c7a873}
.resume-accordion,.resume-group{border-color:rgba(199,168,115,.2)}
.summary-index{color:#b7a17c}
.summary-title small,.summary-count{color:#a49a88}
.summary-plus{border-color:rgba(199,168,115,.38);color:#e8ddc8}
.resume-group[open] .summary-plus{background:#c7a873;color:#151410}
.resume-item{border-color:rgba(199,168,115,.17);background:rgba(199,168,115,.025);border-radius:1px}
.resume-item:before{background:#c7a873}
.resume-meta{color:#b8a17a}
.career-intro{border-color:rgba(199,168,115,.3);border-radius:2px;background:radial-gradient(ellipse at 83% 0%,rgba(199,168,115,.12),transparent 48%),linear-gradient(125deg,#1b1a16,#11110f 72%);box-shadow:0 18px 55px rgba(0,0,0,.18)}
.career-kicker,.pillar-number{color:#c7a873}
.career-intro-copy h3 span{color:#c7a873}
.career-pillar{border-color:rgba(199,168,115,.2);border-radius:1px;background:linear-gradient(145deg,rgba(199,168,115,.075),rgba(17,17,15,.5))}
.career-pillar:hover{border-color:rgba(199,168,115,.62);background:linear-gradient(145deg,rgba(199,168,115,.12),rgba(17,17,15,.5))}
.experience-list-wrap{border-top-color:rgba(199,168,115,.48)}
.experience-list-head{border-bottom-color:rgba(199,168,115,.2)}
.experience-list-title{letter-spacing:.035em}
.experience-total{color:#c7a873}
.experience-column-labels{color:#c7b99f;border-bottom-color:rgba(199,168,115,.25)}
.experience-row:after{background:#c7a873}
.experience-row:hover{background:linear-gradient(90deg,rgba(199,168,115,.07),transparent 72%);border-bottom-color:rgba(199,168,115,.35)}
.experience-number,.experience-year span{color:#d0b17b}
.experience-cell small{color:#b9a783}
.contact-panel{border-color:rgba(199,168,115,.25);background:linear-gradient(130deg,rgba(199,168,115,.055),rgba(255,255,255,.008))}
.contact-line>span:first-child{border-color:rgba(199,168,115,.45);color:#c7a873}
.quote-wave{opacity:.25;background:repeating-radial-gradient(ellipse at 50% 110%,transparent 0 7px,rgba(199,168,115,.25) 8px 9px,transparent 10px 16px)}
.site-footer{border-top-color:rgba(199,168,115,.2)}
.text-link{border-bottom-color:rgba(199,168,115,.65)}
.text-link:hover{color:#e4c997}
@media(hover:hover){.experience-row:hover .experience-role strong{color:#fffaf0}}

/* FINAL VISUAL IDENTITY — deep navy & cobalt palette inspired by the supplied reference */
:root{
  --bg:#19192e;
  --panel:#041642;
  --line:rgba(0,62,145,.34);
  --white:#f3f5fb;
  --muted:#9eabc7;
  --silver:#c8d6ef;
  --accent:#003e91;
  --accent-bright:#6ea0ed;
  --navy-mid:#002063;
  --max:1280px;
  color-scheme:dark;
}
html{background:var(--bg)}
body{
  background:
    radial-gradient(ellipse at 83% 7%,rgba(0,62,145,.24),transparent 36rem),
    radial-gradient(ellipse at 6% 68%,rgba(0,32,99,.16),transparent 42rem),
    var(--bg);
  color:var(--white);
}
::selection{background:rgba(0,62,145,.75);color:#fff}
:focus-visible{outline:2px solid var(--accent-bright);outline-offset:4px}
.site-header{background:rgba(25,25,46,.91);border-bottom-color:rgba(0,62,145,.38);box-shadow:0 8px 32px rgba(0,0,0,.22)}
.brand-mark{color:var(--accent-bright)}
.brand-divider{background:linear-gradient(180deg,transparent,var(--accent-bright),transparent)}
.brand-text strong{color:#f3f5fb}
.brand-text small{color:#9aaed1}
.nav a{color:#c0cbe0}
.nav a:after,.eyebrow span{background:var(--accent-bright)}
.nav a:hover,.nav a.active{color:#fff}
.language-switch button{color:#c9d7ef;border-color:rgba(110,160,237,.24);background:rgba(4,22,66,.58)}
.language-switch button:hover,.language-switch button.selected{color:#fff;border-color:rgba(110,160,237,.8);background:linear-gradient(135deg,rgba(0,62,145,.88),rgba(0,32,99,.96));box-shadow:0 0 18px rgba(0,62,145,.2)}
.hero:before{background:radial-gradient(ellipse at 72% 52%,rgba(0,62,145,.25),transparent 48%)}
.eyebrow{color:#8cb4f5}
.hero h1 em,.contact-details h2 em{color:#87aeea}
.hero-subtitle{color:#d7e3f8}
.hero-description,.section-note{color:#aab6d0}
.text-link{border-bottom-color:rgba(110,160,237,.66)}
.text-link span,.text-link:hover{color:#8fb8fa}
.text-link:hover{border-bottom-color:var(--accent-bright)}
.hero-image-wrap{background:#041642;outline-color:rgba(0,62,145,.66);box-shadow:0 28px 90px rgba(0,0,0,.36)}

.hero-image-wrap:after{background:linear-gradient(0deg,rgba(25,25,46,.4),transparent 24%,transparent 78%,rgba(25,25,46,.19))}
.image-caption{color:#d7e7ff;text-shadow:0 1px 8px #041642}
.hero-bottom{border-top-color:rgba(110,160,237,.25);color:#9caac8}
.section-heading h2{color:#f0f4ff}
.silver-dot{color:var(--accent-bright)}
.service-card{border-color:rgba(0,62,145,.48);background:#041642;box-shadow:0 12px 32px rgba(0,0,0,.25)}
.service-card:hover{border-color:rgba(110,160,237,.85);box-shadow:0 16px 42px rgba(0,18,58,.58),0 0 24px rgba(0,62,145,.18)}
.service-photo{filter:saturate(.92)}
.card-number{color:#c9dcff}
.glass-panel{background:linear-gradient(0deg,rgba(4,22,66,.98),rgba(0,32,99,.8));border-top-color:rgba(110,160,237,.32)}
.service-icon,.card-arrow{color:#8fb8fa}
.glass-panel h3{color:#f3f6ff}
.glass-panel p{color:#b3c1db}
.skills-panel{border-color:rgba(0,62,145,.48);background:linear-gradient(120deg,rgba(0,62,145,.19),rgba(4,22,66,.22) 58%)}
.skill{color:#c4d1e8}
.skill-logo{border-color:rgba(110,160,237,.3);background:linear-gradient(145deg,rgba(0,62,145,.35),rgba(4,22,66,.58));color:#dceaff;box-shadow:inset 0 1px rgba(255,255,255,.07)}
.skill:hover .skill-logo{border-color:rgba(110,160,237,.78);background:linear-gradient(145deg,rgba(0,62,145,.58),rgba(0,32,99,.75))}
.skill-logo:before{border-color:rgba(110,160,237,.2)}
.logo-mark{color:#dceaff;text-shadow:none}
.logo-mark sup,.logo-3ds small,.logo-gear{color:#8fb8fa}
.logo-corner{border-color:#6ea0ed}
.logo-orbit{border-color:rgba(110,160,237,.68)}
.logo-page{border-color:rgba(110,160,237,.58);background:linear-gradient(180deg,rgba(0,62,145,.5),transparent)}
.logo-grid{border-color:rgba(110,160,237,.8);background:linear-gradient(90deg,transparent 30%,rgba(110,160,237,.6) 31% 37%,transparent 38% 64%,rgba(110,160,237,.6) 65% 71%,transparent 72%),linear-gradient(0deg,transparent 30%,rgba(110,160,237,.6) 31% 37%,transparent 38% 64%,rgba(110,160,237,.6) 65% 71%,transparent 72%)}
.logo-chart{border-color:#6ea0ed;background:linear-gradient(135deg,transparent 40%,rgba(110,160,237,.8) 42% 47%,transparent 49%)}
.logo-circuit{border-color:rgba(110,160,237,.7)}
.logo-circuit:after{border-color:#6ea0ed}
.resume-accordion,.resume-group{border-color:rgba(0,62,145,.4)}
.resume-group{background:linear-gradient(110deg,rgba(4,22,66,.8),rgba(25,25,46,.82))}
.resume-group:hover,.resume-group[open]{border-color:rgba(110,160,237,.65);box-shadow:0 12px 30px rgba(0,0,0,.22)}
.resume-group summary{background:linear-gradient(100deg,rgba(0,62,145,.15),transparent 65%)}
.resume-group summary:before{background:linear-gradient(180deg,#6ea0ed,rgba(0,62,145,.16))}
.resume-group[open] summary{background:linear-gradient(100deg,rgba(0,62,145,.26),rgba(4,22,66,.08) 72%)}
.summary-index{color:#8fb8fa;border-color:rgba(110,160,237,.36);background:rgba(0,62,145,.12)}
.summary-title small,.summary-count{color:#a8bad9}
.summary-title strong{color:#edf3ff}
.summary-plus{border-color:rgba(110,160,237,.45);color:#d4e4ff;background:rgba(0,32,99,.28)}
.resume-group[open] .summary-plus{background:#003e91;color:#fff;border-color:#6ea0ed}
.resume-item{border-color:rgba(110,160,237,.22);background:linear-gradient(145deg,rgba(0,62,145,.12),rgba(4,22,66,.4));border-radius:2px}
.resume-item:hover{border-color:rgba(110,160,237,.55);background:linear-gradient(145deg,rgba(0,62,145,.2),rgba(4,22,66,.48))}
.resume-item:before{background:#6ea0ed}
.resume-meta{color:#9bb8e8}
.resume-item h3{color:#e9f0ff}
.resume-item p{color:#aab9d3}
.career-intro{border-color:rgba(0,62,145,.55);border-radius:2px;background:radial-gradient(ellipse at 83% 0%,rgba(0,62,145,.28),transparent 48%),linear-gradient(125deg,#041642,#19192e 72%);box-shadow:0 18px 55px rgba(0,0,0,.25)}
.career-kicker,.pillar-number{color:#8fb8fa}
.career-intro-copy h3{color:#eef3ff}
.career-intro-copy h3 span{color:#6ea0ed}
.career-intro-copy p{color:#acbbd5}
.career-pillar{border-color:rgba(0,62,145,.45);border-radius:2px;background:linear-gradient(145deg,rgba(0,62,145,.19),rgba(4,22,66,.56))}
.career-pillar:hover{border-color:rgba(110,160,237,.74);background:linear-gradient(145deg,rgba(0,62,145,.34),rgba(4,22,66,.7))}
.career-pillar strong{color:#edf3ff}
.career-pillar small{color:#afc0dd}
.career-stamp{border-color:rgba(110,160,237,.55);box-shadow:0 0 0 7px rgba(0,62,145,.07),inset 0 0 24px rgba(0,62,145,.12)}
.career-stamp span,.career-stamp small{color:#c7d8f4}
.experience-list-wrap{border-top-color:rgba(110,160,237,.52)}
.experience-list-head{border-bottom-color:rgba(110,160,237,.26)}
.experience-list-title{color:#f0f4ff}
.experience-total{color:#8fb8fa}
.experience-column-labels{color:#b9cbed;border-bottom-color:rgba(110,160,237,.3)}
.experience-row{border-bottom-color:rgba(201,218,247,.12)}
.experience-row:after{background:linear-gradient(180deg,#6ea0ed,#003e91)}
.experience-row:hover{background:linear-gradient(90deg,rgba(0,62,145,.18),transparent 72%);border-bottom-color:rgba(110,160,237,.38)}
.experience-number{color:#84abea}
.experience-cell small{color:#8eb1eb}
.experience-cell strong{color:#edf3ff}
.experience-cell span{color:#b6c3dc}
.experience-year span{color:#dce8ff}
.experience-client span{color:#c9d7ed}
.education-preserved{border-top-color:rgba(110,160,237,.3)}
.education-preserved small,.education-preserved>span{color:#9fafd0}
.education-preserved strong{color:#e1eaff}
.contact-panel{border-color:rgba(0,62,145,.5);background:linear-gradient(130deg,rgba(0,62,145,.17),rgba(4,22,66,.22))}
.contact-details h2{color:#f0f4ff}
.contact-line>span:first-child{border-color:rgba(110,160,237,.5);color:#8fb8fa}
.social-links a:hover{border-color:rgba(110,160,237,.76)}
.quote-wave{opacity:.32;background:repeating-radial-gradient(ellipse at 50% 110%,transparent 0 7px,rgba(110,160,237,.22) 8px 9px,transparent 10px 16px)}
.site-footer{border-top-color:rgba(110,160,237,.25);color:#9fafd0}
@media(max-width:800px){.experience-cell small{color:#8eb1eb}}
@media(hover:hover){.experience-row:hover .experience-role strong{color:#fff}}

/* Hero art direction: full-bleed blue architectural photography, inspired by the supplied reference */
:root{
  --bg:#19192e;
  --panel:#111a32;
  --line:rgba(95,145,220,.22);
  --white:#f5f5fb;
  --muted:#a8b4ca;
  --silver:#cbd7ec;
  --accent:#1768ed;
}
body{background:#19192e;color:var(--white)}
.site-header{background:rgba(7,12,30,.86);border-bottom-color:rgba(39,103,205,.22)}
.brand-mark{color:#1768ed}
.brand-divider{background:linear-gradient(180deg,transparent,#1768ed,transparent)}
.brand-text small{color:#8998b8}
.nav a:after{background:#1768ed}
.language-switch button:hover,.language-switch button.selected{color:#fff;border-color:rgba(40,112,255,.78);background:rgba(0,62,145,.32)}
.hero.section-wrap{
  width:100%;max-width:none;min-height:min(820px,calc(100svh - 70px));
  position:relative;display:flex;align-items:center;isolation:isolate;overflow:hidden;
  padding:clamp(76px,10vw,150px) max(44px,calc((100vw - var(--max))/2));
  background:#030918;
}
.hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#030918 0%,rgba(3,9,24,.98) 26%,rgba(3,9,24,.78) 43%,rgba(3,9,24,.13) 70%,rgba(3,9,24,.12) 100%);pointer-events:none}
.hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,rgba(3,9,24,.48),transparent 20%,transparent 82%,rgba(3,9,24,.26));pointer-events:none}
.hero .hero-copy{width:min(600px,56vw);padding:0;margin:0;z-index:3}
.hero .eyebrow{color:#a8bad9;letter-spacing:.26em}
.hero .eyebrow span{background:#1768ed}
.hero h1{font-size:clamp(66px,8vw,124px);line-height:.91;letter-spacing:.015em;margin-bottom:28px;text-shadow:0 5px 35px rgba(0,0,0,.24)}
.hero h1 em{color:#1768ed;font-style:normal}
.hero-subtitle{color:#f0f3fb;font-size:clamp(14px,1.3vw,17px);letter-spacing:.06em}
.hero-description{color:#b4bfd4;max-width:420px;font-size:13px}
.hero .text-link{border-color:rgba(104,155,255,.65);color:#f3f6ff}
.hero .text-link span{color:#4388ff}
.hero .hero-image-wrap{position:absolute;z-index:-2;inset:0;width:100%;height:100%;margin:0;border-radius:0;overflow:hidden;background:#030918}

.hero .hero-image-wrap:before,.hero .hero-image-wrap:after{display:none}


@media(max-width:850px){
 .hero.section-wrap{min-height:690px;padding:95px 32px 80px}
 .hero .hero-copy{width:min(620px,82vw)}
 .hero:before{background:linear-gradient(90deg,rgba(3,9,24,.97) 0%,rgba(3,9,24,.84) 42%,rgba(3,9,24,.32) 100%)}
 
}
@media(max-width:600px){
 .hero.section-wrap{min-height:650px;padding:90px 24px 70px}
 .hero .hero-copy{width:100%;padding:0}
 .hero h1{font-size:clamp(58px,14vw,86px);letter-spacing:0}
 .hero .eyebrow{font-size:8px;letter-spacing:.16em}
 .hero-description{max-width:330px;font-size:12px}
 
 .hero:before{background:linear-gradient(90deg,rgba(3,9,24,.95),rgba(3,9,24,.76) 58%,rgba(3,9,24,.38))}
}

/* Final monochrome palette: black, charcoal, gray and white only */
:root{
  --bg:#080808 !important;
  --panel:#171717 !important;
  --line:rgba(255,255,255,.16) !important;
  --white:#f4f4f4 !important;
  --muted:#a3a3a3 !important;
  --silver:#d0d0d0 !important;
  --accent:#e5e5e5 !important;
}
html,body{background:#080808 !important;color:#f4f4f4 !important}
.site-header{background:rgba(8,8,8,.9) !important;border-color:rgba(255,255,255,.14) !important}
.brand-mark,.brand-text strong,.nav a:hover,.nav a.active,.hero h1 em,.contact-details h2 em{color:#f1f1f1 !important}
.brand-divider{background:#777 !important}
.brand-text small,.nav a,.hero .eyebrow,.hero-description,.section-note,.hero-bottom{color:#aaa !important}
.nav a:after,.eyebrow span,.hero .eyebrow span{background:#d9d9d9 !important}
.hero.section-wrap,.hero .hero-image-wrap,.hero-image-wrap{background:#080808 !important}
.hero:before,.hero:after,

.image-caption{color:#ddd !important;text-shadow:0 1px 5px #000 !important}
.service-card,.career-pillar,.contact-panel{border-color:rgba(255,255,255,.18) !important;background:#171717 !important;box-shadow:0 8px 25px rgba(0,0,0,.25) !important}
.service-card:hover,.career-pillar:hover{border-color:rgba(255,255,255,.48) !important}
.service-photo{filter:grayscale(1) !important}
.glass-panel{background:linear-gradient(0deg,rgba(8,8,8,.96),rgba(35,35,35,.72)) !important;border-color:rgba(255,255,255,.18) !important}
.skills-panel,.skill-logo,.resume-item,.summary-count,.summary-plus,.language-switch button,.experience-cell,.career-stamp{background-color:rgba(255,255,255,.025) !important;border-color:rgba(255,255,255,.2) !important}
.skill,.skill-logo,.logo-mark,.logo-3ds,.logo-vray,.logo-adobe,.logo-office,.logo-system,.logo-mark sup,.logo-3ds small,.logo-vray span,.career-kicker,.career-intro-copy h3 span,.pillar-number,.career-stamp span,.career-stamp small,.experience-total,.experience-number,.experience-cell small,.experience-year span,.experience-client span,.resume-meta,.resume-years,.resume-interaction-hint,.hint-dot{color:#c7c7c7 !important}
.logo-corner,.logo-orbit,.logo-chart,.logo-circuit,.logo-circuit:after{border-color:#bbb !important}
.logo-chart{background:linear-gradient(135deg,transparent 40%,rgba(220,220,220,.7) 42% 47%,transparent 49%) !important}
.logo-gear,.career-intro-copy h3,.career-pillar strong,.career-stamp span,.experience-list-title,.experience-cell strong,.contact-details h2{color:#eee !important}
.career-intro:before{background:repeating-linear-gradient(135deg,transparent 0 22px,rgba(255,255,255,.025) 23px 24px) !important}
.career-intro-copy p,.career-pillar small,.experience-column-labels,.experience-cell span,.education-preserved small,.education-preserved>span{color:#aaa !important}
.resume-group,.resume-accordion,.resume-item,.experience-list-wrap,.experience-list-head,.experience-row,.education-preserved,.site-footer{border-color:rgba(255,255,255,.16) !important}
.resume-group summary:before,.resume-item:before,.experience-row:after{background:linear-gradient(90deg,#ddd,rgba(255,255,255,0)) !important}
.summary-index{color:#ddd !important;border-color:rgba(255,255,255,.3) !important;background:rgba(255,255,255,.035) !important}
.summary-title small,.summary-count,.resume-footnote{color:#aaa !important}
.resume-group[open] .summary-plus{background:#eee !important;color:#111 !important;border-color:#eee !important}
.language-switch button:hover,.language-switch button.selected{color:#fff !important;border-color:rgba(255,255,255,.7) !important;background:rgba(255,255,255,.1) !important}
.experience-row:hover{background:linear-gradient(90deg,rgba(255,255,255,.055),transparent 72%) !important}
.quote-wave{filter:grayscale(1) !important;opacity:.22 !important}
.site-footer{color:#aaa !important}


/* Hero refresh: framed monochrome glass panel with a soft silver light halo */
.hero.section-wrap{
  width:calc(100% - 10vw) !important;
  max-width:1440px !important;
  min-height:min(760px,calc(100svh - 120px)) !important;
  margin:34px auto 78px !important;
  padding:clamp(64px,8vw,112px) clamp(28px,4.5vw,72px) !important;
  border:1px solid rgba(235,235,235,.34) !important;
  border-radius:34px !important;
  background:#090909 !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.035),0 24px 85px rgba(0,0,0,.7),0 0 55px rgba(225,225,225,.075) !important;
}
.hero:before{
  content:"" !important;
  inset:0 !important;
  background:
    radial-gradient(ellipse 27% 42% at 86% 42%,rgba(255,255,255,.88) 0%,rgba(230,230,230,.43) 17%,rgba(190,190,190,.16) 38%,transparent 72%),
    radial-gradient(ellipse 35% 65% at 88% 45%,rgba(255,255,255,.12),transparent 72%),
    linear-gradient(90deg,rgba(5,5,5,.98) 0%,rgba(8,8,8,.92) 42%,rgba(8,8,8,.54) 69%,rgba(8,8,8,.25) 100%) !important;
  border-radius:inherit !important;
  pointer-events:none !important;
}
.hero:after{
  inset:0 !important;
  border-radius:inherit !important;
  background:linear-gradient(0deg,rgba(0,0,0,.34),transparent 24%,transparent 76%,rgba(0,0,0,.22)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035) !important;
  pointer-events:none !important;
}
.hero .hero-image-wrap{
  border-radius:inherit !important;
  outline:0 !important;
  box-shadow:none !important;
  background:#090909 !important;
}


.hero h1 em{color:#f1f1f1 !important;text-shadow:0 0 28px rgba(255,255,255,.13) !important}
.hero .eyebrow span{background:#e4e4e4 !important;box-shadow:0 0 12px rgba(255,255,255,.5) !important}
.hero .text-link{border-color:rgba(255,255,255,.4) !important;box-shadow:0 0 22px rgba(255,255,255,.07) !important}
.hero .text-link:hover{box-shadow:0 0 28px rgba(255,255,255,.16) !important}
@keyframes heroSilverGlowDrift{
  from{transform:scale(1.015) translateX(0)}
  to{transform:scale(1.055) translateX(-.35%)}
}
@media(max-width:850px){
 .hero.section-wrap{width:calc(100% - 36px) !important;min-height:650px !important;margin:22px auto 58px !important;padding:74px 30px 64px !important;border-radius:27px !important}
 .hero:before{background:radial-gradient(ellipse 34% 38% at 82% 35%,rgba(255,255,255,.54),rgba(220,220,220,.16) 38%,transparent 72%),linear-gradient(90deg,rgba(5,5,5,.97),rgba(8,8,8,.75) 65%,rgba(8,8,8,.4)) !important}
}
@media(max-width:600px){
 .hero.section-wrap{width:calc(100% - 24px) !important;min-height:620px !important;margin:14px auto 46px !important;padding:66px 22px 54px !important;border-radius:23px !important}
 
 .hero:before{background:radial-gradient(ellipse 45% 30% at 82% 30%,rgba(255,255,255,.34),rgba(220,220,220,.1) 38%,transparent 75%),linear-gradient(90deg,rgba(5,5,5,.94),rgba(8,8,8,.72) 72%,rgba(8,8,8,.45)) !important}
}

/* Final monochrome refinement: remove legacy blue accents from the skills area. */
:root{--bg:#080808;--panel:#171717;--line:rgba(255,255,255,.18);--accent:#d8d8d8}
.skills-panel{background:linear-gradient(120deg,rgba(255,255,255,.045),rgba(255,255,255,.008) 58%) !important;border-color:rgba(255,255,255,.2) !important;box-shadow:inset 0 1px rgba(255,255,255,.035)}
.skill-logo{background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.012)) !important;border-color:rgba(255,255,255,.22) !important;color:#e8e8e8 !important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 5px 18px rgba(0,0,0,.18) !important}
.skill,.skill span,.skill-logo *,.logo-mark,.logo-mark sup,.logo-3ds small,.logo-vray span{color:#d0d0d0 !important}
.skill-logo:before,.skill-logo:after,.logo-corner,.logo-orbit,.logo-page{border-color:rgba(255,255,255,.35) !important;background-color:transparent !important}
.skills-panel:after{border-color:rgba(255,255,255,.08) !important;box-shadow:0 -12px 0 -11px rgba(255,255,255,.08),0 -24px 0 -23px rgba(255,255,255,.065),0 -36px 0 -35px rgba(255,255,255,.05) !important}

/* Education appears before career history, using the same restrained silver system. */
.education-section{padding-top:76px;padding-bottom:20px}
.education-section .section-heading{margin-bottom:24px}
.education-preserved{border-top:1px solid rgba(255,255,255,.18) !important;border-bottom:1px solid rgba(255,255,255,.14);padding:22px 4px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.education-preserved small,.education-preserved>span{color:#aaa !important}
.education-preserved strong{color:#eee !important}

/* Progressive work history: show 15 projects initially, expand on demand. */
.experience-list .experience-row:nth-child(n+16){display:none}
#experience.experience-expanded .experience-list .experience-row:nth-child(n+16){display:grid}
.experience-more-button{display:flex;align-items:center;justify-content:center;gap:14px;margin:24px auto 0;padding:13px 22px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.025));color:#f2f2f2;font:500 11px "DM Sans",Arial,sans-serif;letter-spacing:.04em;cursor:pointer;transition:background .25s,border-color .25s,transform .25s}
.experience-more-button:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.5);transform:translateY(-2px)}
.experience-more-button .button-arrow{font-size:18px;line-height:1;transition:transform .25s}
#experience.experience-expanded .experience-more-button .button-arrow{transform:rotate(180deg)}

/* Keep the hero's copy anchored to the left in every language. Add a richer silver light sculpture. */
.hero{direction:ltr !important;text-align:left !important;isolation:isolate;overflow:hidden}
.hero .hero-copy{direction:ltr !important;text-align:left !important;justify-self:start}
.hero .hero-copy *{text-align:left !important}
.hero:before{z-index:0 !important;inset:-4% -2% !important;background:radial-gradient(ellipse 28% 52% at 82% 42%,rgba(255,255,255,.28),rgba(220,220,220,.10) 28%,transparent 70%),radial-gradient(ellipse 44% 75% at 91% 52%,rgba(255,255,255,.11),transparent 68%),linear-gradient(105deg,rgba(7,7,7,.98) 0%,rgba(8,8,8,.94) 35%,rgba(8,8,8,.55) 66%,rgba(8,8,8,.35) 100%) !important;pointer-events:none}
.hero:after{z-index:0 !important;inset:0 !important;background:radial-gradient(ellipse 24% 55% at 83% 48%,rgba(255,255,255,.2),transparent 72%),linear-gradient(0deg,rgba(8,8,8,.55),transparent 24%,transparent 76%,rgba(8,8,8,.3)) !important;pointer-events:none}
.hero .hero-image-wrap{z-index:-1 !important;border:1px solid rgba(255,255,255,.22) !important;border-radius:28px !important;box-shadow:0 0 0 1px rgba(255,255,255,.035),0 25px 90px rgba(0,0,0,.52),inset 0 0 70px rgba(255,255,255,.035) !important}


.hero .hero-copy{position:relative;z-index:2}
.hero h1 em{color:#f1f1f1 !important;text-shadow:0 0 32px rgba(255,255,255,.16) !important}
.hero .eyebrow span{background:#e4e4e4 !important;box-shadow:0 0 14px rgba(255,255,255,.6) !important}
.hero .text-link{border-color:rgba(255,255,255,.42) !important;box-shadow:0 0 24px rgba(255,255,255,.055) !important}
.hero .text-link:hover{box-shadow:0 0 32px rgba(255,255,255,.17) !important}
@keyframes heroSilverGlowDrift{0%{transform:scale(1.02) translate3d(0,0,0)}50%{transform:scale(1.07) translate3d(-.6%,.4%,0)}100%{transform:scale(1.045) translate3d(.4%,-.3%,0)}}
@media(max-width:850px){
 .hero.section-wrap{min-height:560px !important;height:auto !important;margin:18px auto 24px !important;padding:68px 30px 48px !important;border-radius:25px !important}
 .hero .hero-copy{width:min(620px,88%) !important}
 .hero .hero-image-wrap{border-radius:25px !important}
 .hero:before{background:radial-gradient(ellipse 42% 35% at 83% 32%,rgba(255,255,255,.34),rgba(220,220,220,.09) 40%,transparent 76%),linear-gradient(90deg,rgba(5,5,5,.97),rgba(8,8,8,.78) 64%,rgba(8,8,8,.43)) !important}
}
@media(max-width:600px){
 .hero.section-wrap{width:calc(100% - 24px) !important;min-height:0 !important;height:auto !important;margin:12px auto 20px !important;padding:58px 22px 38px !important;border-radius:22px !important;display:block !important}
 .hero .hero-copy{width:100% !important;padding:0 !important}
 .hero h1{font-size:clamp(56px,13vw,78px) !important;line-height:.94 !important;margin-bottom:22px !important}
 .hero .eyebrow{font-size:8px !important;letter-spacing:.13em !important}
 .hero-description{max-width:330px !important;font-size:12px !important}
 .hero .hero-image-wrap{inset:0 !important;width:100% !important;height:100% !important;margin:0 !important;border-radius:22px !important}
 
 .hero:before{background:radial-gradient(ellipse 48% 27% at 84% 28%,rgba(255,255,255,.32),rgba(220,220,220,.08) 42%,transparent 78%),linear-gradient(90deg,rgba(5,5,5,.96),rgba(8,8,8,.78) 68%,rgba(8,8,8,.48)) !important}
 .education-preserved{align-items:flex-start;flex-direction:column;gap:10px}
 .experience-more-button{max-width:100%;font-size:10px;padding:12px 16px}
}

/* Cinematic architectural hero: sculptural orbital geometry and silver light */
.hero.section-wrap{background:#070707 !important}
.hero-orbit{position:absolute;z-index:1;pointer-events:none;right:clamp(10px,8vw,130px);top:50%;width:clamp(300px,43vw,650px);aspect-ratio:1;transform:translateY(-50%);border-radius:50%;opacity:.9;mix-blend-mode:screen}
.hero-orbit:before{content:"";position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.16),rgba(210,210,210,.035) 29%,transparent 66%);filter:blur(3px);animation:orbitalBreath 8s ease-in-out infinite alternate}
.hero-orbit:after{content:"";position:absolute;left:-16%;right:-16%;top:48%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08) 18%,rgba(255,255,255,.82) 48%,rgba(255,255,255,.14) 78%,transparent);filter:blur(2px);box-shadow:0 0 24px 5px rgba(255,255,255,.16);animation:lightSweep 9s ease-in-out infinite}
.orbit-core{position:absolute;inset:29%;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.2),rgba(255,255,255,.025) 45%,rgba(0,0,0,.55) 78%);box-shadow:inset -18px -22px 45px rgba(255,255,255,.055),0 0 55px rgba(255,255,255,.11);animation:coreFloat 13s ease-in-out infinite alternate}
.orbit-ring{position:absolute;inset:12%;border:1px solid rgba(255,255,255,.24);border-radius:50%;transform:rotateX(66deg) rotateZ(-25deg);box-shadow:0 0 22px rgba(255,255,255,.08);animation:ringRotate 32s linear infinite}
.orbit-ring-two{inset:3% 19%;transform:rotateX(70deg) rotateZ(42deg);border-color:rgba(255,255,255,.13);animation-duration:42s;animation-direction:reverse}
.orbit-crosshair{position:absolute;inset:0;border:1px solid rgba(255,255,255,.08);border-radius:50%;transform:scaleX(.72) rotate(28deg)}
.hero .hero-copy{z-index:3 !important}
.hero .hero-image-wrap{z-index:0 !important;opacity:.82}
.hero:before{z-index:1 !important;background:linear-gradient(90deg,rgba(5,5,5,.98) 0%,rgba(5,5,5,.91) 34%,rgba(5,5,5,.52) 63%,rgba(5,5,5,.18) 100%),radial-gradient(ellipse 35% 58% at 78% 48%,rgba(255,255,255,.18),transparent 72%) !important}
.hero:after{z-index:2 !important;pointer-events:none}
@keyframes orbitalBreath{from{transform:scale(.94);opacity:.55}to{transform:scale(1.06);opacity:1}}
@keyframes lightSweep{0%,100%{transform:translateX(-3%);opacity:.5}50%{transform:translateX(3%);opacity:1}}
@keyframes coreFloat{from{transform:translate3d(0,-8px,0) rotate(-7deg)}to{transform:translate3d(0,9px,0) rotate(8deg)}}
@keyframes ringRotate{to{transform:rotateX(66deg) rotateZ(335deg)}}
/* Language-aware reading direction without disturbing the cinematic hero composition */
html[dir="rtl"] body{font-family:"DM Sans",Tahoma,Arial,sans-serif}
html[dir="rtl"] .site-header{direction:rtl}
html[dir="rtl"] .nav{direction:rtl}
html[dir="rtl"] .section:not(.hero){direction:rtl}
html[dir="rtl"] .section-heading{text-align:right}
html[dir="rtl"] .section-heading>div{text-align:right}
html[dir="rtl"] .contact-panel{direction:rtl}
html[dir="rtl"] .contact-details{text-align:right}
html[dir="rtl"] .contact-line{direction:rtl}
html[dir="rtl"] .social-links{direction:rtl}
html[dir="rtl"] .education-preserved{direction:rtl}
html[dir="rtl"] .experience-row{direction:rtl;text-align:right}
html[dir="rtl"] .experience-number{right:0;left:auto}
html[dir="rtl"] .hero{direction:ltr !important}
@media(max-width:850px){.hero-orbit{right:-8%;width:68vw;top:45%;opacity:.65}.hero .hero-image-wrap{opacity:.62}}
@media(max-width:600px){.hero-orbit{right:-21%;top:37%;width:82vw;opacity:.46}.hero-orbit:after{height:1px}.hero .hero-image-wrap{opacity:.56}.hero .hero-copy{z-index:4}}
@media(prefers-reduced-motion:reduce){.hero-orbit,.hero-orbit:before,.hero-orbit:after,.orbit-core,.orbit-ring{animation:none !important}}


/* =========================================================
   BLACK / WHITE / TURQUOISE GLOSS — visual refresh
   ========================================================= */
:root{
  --bg:#000000;
  --panel:#000000;
  --line:rgba(0,229,220,.52);
  --white:#ffffff;
  --muted:#ffffff;
  --silver:#ffffff;
  --accent:#00e5dc;
}
html,body{background:#000!important;color:#fff!important}
body{color:#fff}
.site-header{
  background:rgba(0,0,0,.94)!important;
  border-bottom:1px solid transparent;
  border-image:linear-gradient(90deg,transparent,rgba(0,229,220,.72),rgba(0,145,255,.55),transparent) 1;
  box-shadow:0 8px 32px rgba(0,0,0,.55);
}
.brand-divider{background:linear-gradient(180deg,#00f5e9,#087bff)}
.brand-text small,.nav a,.eyebrow,.hero-description,.section-note,
.hero-bottom,.glass-panel p,.skill,.summary-title small,.summary-count,
.resume-meta,.resume-item p,.resume-footnote,.contact-intro,
.contact-line small,.quote-signature,.site-footer{color:#fff!important;opacity:.9}
.hero:before{
  background:
    radial-gradient(ellipse at 76% 48%,rgba(0,219,230,.20),transparent 38%),
    radial-gradient(ellipse at 67% 58%,rgba(0,100,255,.15),transparent 48%)!important;
}
.hero h1 em,.contact-details h2 em,.silver-dot{color:#fff!important}
.eyebrow span{background:linear-gradient(90deg,#00fff0,#087cff);box-shadow:0 0 12px rgba(0,229,220,.85)}
.text-link{color:#fff;border-bottom:1px solid #00e5dc}
.text-link span{color:#00fff0}
.hero-image-wrap{
  border:1px solid transparent;
  background:linear-gradient(#000,#000) padding-box,
             linear-gradient(135deg,#00fff0,#006dff,#00d8c8) border-box;
  box-shadow:0 0 24px rgba(0,205,220,.18),0 0 65px rgba(0,103,255,.10);
}
.hero-bottom{border-top:1px solid rgba(0,229,220,.42)}
.section-heading h2{color:#fff}
.service-card,.resume-item,.contact-panel,.skills-panel{
  background:#000!important;
  border:1px solid transparent!important;
  background-image:linear-gradient(#000,#000),linear-gradient(135deg,rgba(0,255,238,.82),rgba(0,105,255,.35),rgba(0,255,220,.2))!important;
  background-origin:border-box!important;
  background-clip:padding-box,border-box!important;
  box-shadow:0 0 18px rgba(0,210,220,.08),inset 0 0 24px rgba(0,110,255,.035);
}
.service-card:hover{
  border-color:rgba(0,255,238,.95)!important;
  box-shadow:0 0 24px rgba(0,229,220,.24),0 0 48px rgba(0,106,255,.12)!important;
}
.service-photo{opacity:.68}
.photo-interior,.photo-facade,.photo-renovation,.photo-supervision{
  background-blend-mode:normal;
}
.glass-panel{
  background:linear-gradient(0deg,rgba(0,0,0,.98),rgba(0,0,0,.84))!important;
  border-top:1px solid rgba(0,229,220,.56)!important;
  box-shadow:0 -8px 28px rgba(0,172,255,.10);
}
.service-icon,.card-number,.card-arrow{color:#fff!important}
.skills-panel{
  background-image:linear-gradient(#000,#000),linear-gradient(110deg,#00f5e9,#006dff,#00bfae)!important;
}
.skill-logo{
  background:linear-gradient(145deg,#000,#020b12)!important;
  border:1px solid transparent!important;
  background-image:linear-gradient(#000,#000),linear-gradient(135deg,#00fff0,#006dff,#00bba9)!important;
  background-origin:border-box!important;background-clip:padding-box,border-box!important;
  box-shadow:inset 0 0 18px rgba(0,195,255,.12),0 0 15px rgba(0,220,220,.08)!important;
}
.logo-mark,.logo-vray,.logo-adobe{color:#fff!important}
.logo-mark sup,.logo-3ds small{color:#00f5e9!important}
.logo-corner{border-color:#00e5dc!important}
.resume-accordion,.resume-group{border-color:rgba(0,229,220,.38)!important}
.summary-index{color:#fff!important}
.resume-group summary{color:#fff}
.summary-plus,.contact-line>span:first-child,.social-links a{
  color:#fff!important;border:1px solid rgba(0,229,220,.7)!important;
  box-shadow:0 0 12px rgba(0,200,220,.10);
}
.resume-group[open] .summary-plus{
  background:#fff!important;color:#000!important;border-color:#fff!important;
}
.resume-item{background:#000!important}
.resume-item:before{background:linear-gradient(90deg,#00fff0,#006dff)!important}
.contact-panel{
  background-image:linear-gradient(#000,#000),linear-gradient(135deg,#00f5e9,#006dff,#00bfae)!important;
}
.contact-details{border-color:rgba(0,229,220,.42)!important}
.portrait-frame{background:#000!important;border-color:rgba(0,229,220,.38)!important}
.portrait-frame:after{
  background:linear-gradient(0deg,rgba(0,0,0,.86),transparent 60%),
             linear-gradient(90deg,rgba(0,0,0,.2),transparent 40%)!important;
}
.quote-panel blockquote{color:#fff!important}
.quote-wave{
  opacity:.55;
  background:repeating-radial-gradient(ellipse at 50% 110%,transparent 0 7px,rgba(0,229,220,.28) 8px 9px,transparent 10px 16px)!important;
}
.social-links{border-color:rgba(0,229,220,.4)!important}
.social-links a span,.social-links a span small{color:#fff!important}
.site-footer{border-color:rgba(0,229,220,.45)!important}
.footer-brand,.footer-brand span{color:#fff!important}

/* White action buttons, with dark legible labels */
button:not(.menu-toggle),.experience-more-button,
a.button,.button,.btn{
  background:#fff!important;color:#000!important;
  border:1px solid #fff!important;border-radius:999px;
  box-shadow:0 0 16px rgba(0,229,220,.18);
  font-weight:600;
}
button:not(.menu-toggle):hover,.experience-more-button:hover,
a.button:hover,.button:hover,.btn:hover{
  background:#eaffff!important;color:#000!important;
  box-shadow:0 0 22px rgba(0,229,220,.42),0 0 42px rgba(0,104,255,.18)!important;
}
.language-switch button{background:transparent!important;color:#fff!important;border:1px solid rgba(0,229,220,.5)!important}
.language-switch button.selected{background:#fff!important;color:#000!important;border-color:#fff!important}
.menu-toggle span{background:#fff!important}
.nav a:after{background:linear-gradient(90deg,#00fff0,#087bff)!important}
a:focus-visible,button:focus-visible{outline:2px solid #00f5e9!important;outline-offset:4px}
::selection{background:#00e5dc;color:#000}
@media(max-width:650px){
  .nav{background:#000!important;border-color:rgba(0,229,220,.5)!important}
}


/* =========================================================
   ATO MOTION PASS — living background, color photography,
   richer turquoise/blue edge lighting and entrance motion
   ========================================================= */
:root{
  --bg:#000;
  --panel:#000;
  --white:#fff;
  --line:rgba(0,238,224,.72);
  --accent:#00eee0;
}

/* Animated aurora / orbital background */
body{
  background:#000!important;
  isolation:isolate;
}
body:before{
  content:"";
  position:fixed;
  inset:-30%;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(ellipse 28% 24% at 22% 28%,rgba(0,225,222,.15),transparent 72%),
    radial-gradient(ellipse 32% 25% at 78% 38%,rgba(0,106,255,.17),transparent 72%),
    radial-gradient(ellipse 25% 28% at 52% 82%,rgba(0,255,204,.11),transparent 72%),
    radial-gradient(ellipse 22% 18% at 82% 82%,rgba(0,73,255,.12),transparent 72%);
  filter:blur(38px);
  animation:atoAurora 22s ease-in-out infinite alternate;
  transform:translate3d(0,0,0);
}
body:after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.42;
  background:
    radial-gradient(circle at 12% 24%,rgba(0,238,224,.7) 0 1px,transparent 2px),
    radial-gradient(circle at 78% 68%,rgba(0,135,255,.7) 0 1px,transparent 2px),
    radial-gradient(circle at 43% 82%,rgba(0,238,224,.55) 0 1px,transparent 2px),
    radial-gradient(circle at 89% 18%,rgba(0,135,255,.65) 0 1px,transparent 2px);
  background-size:310px 280px,370px 330px,430px 390px,290px 350px;
  animation:atoParticles 34s linear infinite;
}
@keyframes atoAurora{
  0%{transform:translate3d(-2%,1%,0) rotate(-3deg) scale(.96)}
  50%{transform:translate3d(2%,-2%,0) rotate(2deg) scale(1.04)}
  100%{transform:translate3d(-1%,2%,0) rotate(-1deg) scale(1)}
}
@keyframes atoParticles{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-55px,-75px,0)}
}

/* Full-color project photography — no grayscale or monochrome blend */
.service-photo{
  filter:none!important;
  opacity:1!important;
  background-blend-mode:normal!important;
  transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .5s ease!important;
}
.service-card:hover .service-photo{transform:scale(1.075)!important;opacity:1!important}
.photo-interior,.photo-facade,.photo-renovation,.photo-supervision{
  filter:none!important;
}
.portrait-frame img{
  filter:none!important;
  mix-blend-mode:normal!important;
  opacity:1!important;
}

/* Make the contact headline one consistent typographic treatment */
.contact-details h2 em{
  color:#fff!important;
  font-style:normal!important;
  font-weight:inherit!important;
  font-family:inherit!important;
  letter-spacing:inherit!important;
}

/* More visible luminous gradient rules across every major region */
.site-header,.hero-image-wrap,.service-card,.skills-panel,
.resume-group,.resume-item,.contact-panel,.contact-details,
.portrait-frame,.quote-panel,.social-links,.site-footer{
  border-color:transparent!important;
}
.site-header{
  border-bottom:1px solid transparent!important;
  border-image:linear-gradient(90deg,transparent,#00f5e9 28%,#087bff 72%,transparent) 1!important;
}
.service-card,.skills-panel,.resume-item,.contact-panel,.portrait-frame{
  background-image:linear-gradient(#000,#000),linear-gradient(135deg,#00fff0 0%,rgba(0,128,255,.82) 48%,rgba(0,255,210,.55) 100%)!important;
  background-origin:border-box!important;
  background-clip:padding-box,border-box!important;
}
.resume-group{
  border-top:1px solid transparent!important;
  border-image:linear-gradient(90deg,rgba(0,255,235,.85),rgba(0,105,255,.4),transparent) 1!important;
}
.contact-details,.quote-panel,.portrait-frame{
  border-color:rgba(0,229,220,.45)!important;
}
.section-heading:after,.section-heading:before,.hint-line{
  background:linear-gradient(90deg,transparent,#00f5e9,#087bff,transparent)!important;
}
.eyebrow span,.brand-divider{
  background:linear-gradient(180deg,#00fff0,#087bff)!important;
  box-shadow:0 0 12px rgba(0,229,220,.65);
}
.text-link,.nav a:after{
  border-color:#00f5e9!important;
  background:linear-gradient(90deg,#00fff0,#087bff)!important;
}
.contact-line>span:first-child,.social-links a,.summary-plus,.career-stamp{
  border-color:rgba(0,238,224,.75)!important;
  box-shadow:0 0 15px rgba(0,205,220,.15),inset 0 0 12px rgba(0,105,255,.08);
}
.service-card:hover,.resume-item:hover,.social-links a:hover{
  box-shadow:0 0 28px rgba(0,229,220,.22),0 0 52px rgba(0,105,255,.16)!important;
}

/* Entrance choreography — staggered reveal when the page opens */
.reveal{
  opacity:0;
  transform:translate3d(0,28px,0) scale(.985);
  filter:blur(5px);
  transition:opacity .9s ease,transform .9s cubic-bezier(.18,.72,.2,1),filter .9s ease!important;
}
.reveal.visible{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
  filter:blur(0);
}
body.page-ready .site-header{
  animation:atoHeaderIn .9s cubic-bezier(.2,.75,.2,1) both;
}
body.page-ready .hero-copy{
  animation:atoHeroIn 1.1s .12s cubic-bezier(.2,.75,.2,1) both;
}
body.page-ready .hero-image-wrap{
  animation:atoHeroIn 1.25s .28s cubic-bezier(.2,.75,.2,1) both;
}
body.page-ready .hero-lines,
body.page-ready .hero-orbit{
  animation:atoSoftAppear 1.8s .5s both;
}
@keyframes atoHeaderIn{
  from{opacity:0;transform:translateY(-18px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes atoHeroIn{
  from{opacity:0;transform:translateY(35px) scale(.975);filter:blur(9px)}
  to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
}
@keyframes atoSoftAppear{
  from{opacity:0}
  to{opacity:1}
}
.site-footer{
  border-top:1px solid transparent!important;
  border-image:linear-gradient(90deg,transparent,#00f5e9,#087bff,transparent) 1!important;
}
.site-footer .made-by-ato{
  color:#fff!important;
  letter-spacing:.22em;
  font-size:9px;
  text-transform:uppercase;
}
@media(prefers-reduced-motion:reduce){
  body:before,body:after{animation:none!important}
  .reveal{opacity:1;transform:none;filter:none;transition:none!important}
  body.page-ready .site-header,body.page-ready .hero-copy,
  body.page-ready .hero-image-wrap,body.page-ready .hero-lines,
  body.page-ready .hero-orbit{animation:none!important}
}


/* Restore the original understated text-link treatment for Explore Portfolio */
.hero .text-link{
  display:inline-flex!important;
  align-items:center!important;
  gap:20px!important;
  padding:0 0 10px!important;
  border:0!important;
  border-bottom:1px solid rgba(0,238,224,.72)!important;
  border-radius:0!important;
  background:transparent!important;
  color:#fff!important;
  box-shadow:none!important;
  font-size:9px!important;
  font-weight:500!important;
  letter-spacing:.2em!important;
  text-decoration:none!important;
  transition:color .25s,border-color .25s,gap .25s!important;
}
.hero .text-link span{
  color:#00eee0!important;
  font-size:18px!important;
}
.hero .text-link:hover{
  background:transparent!important;
  color:#fff!important;
  border-bottom-color:#087bff!important;
  box-shadow:0 5px 16px -12px rgba(0,238,224,.8)!important;
  gap:27px!important;
}