@import "https://fonts.googleapis.com/css2?family=Caveat:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,600;1,700&display=swap";html,body,#root{width:100%;margin:0;padding:0}#root{text-align:left;max-width:none}:root{--cream:#f7f2e8;--paper:#fffcf5;--ink:#202020;--green:#173b2e;--green-soft:#2d5a46;--gold:#c49a52;--gold-dark:#8e6a2b;--gold-pale:#efe0c0;--muted:#6a6558;--line:#e6dcc8;--side:#f2eada;--tag:#efe6d3;--accent:#173b2e;--live:#2f9e63;--serif:"Playfair Display", Georgia, "Times New Roman", serif;--sans:"DM Sans", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;--hand:"Caveat", "Segoe Script", cursive;--shadow:0 18px 40px #46361624;--shadow-sm:0 8px 22px #46361614;--ease:cubic-bezier(.22, .8, .3, 1);--rail:76px;--side-w:248px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:24px}body{min-width:320px;font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}.portfolio{background:var(--cream);min-height:100dvh;color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.6;transition:background .3s,color .3s;overflow-x:clip}.portfolio a{color:inherit;text-decoration:none}.portfolio button{font:inherit;color:inherit;cursor:pointer}.portfolio img{max-width:100%;display:block}.portfolio h1,.portfolio h2,.portfolio h3,.portfolio h4,.portfolio p{margin-top:0}.portfolio ::selection{background:var(--gold);color:#211b11}.portfolio button:focus-visible,.portfolio a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.hand{font-family:var(--hand);color:var(--gold-dark);font-weight:600;line-height:1.05}.scroll-progress{z-index:90;pointer-events:none;background:0 0;height:3px;position:fixed;top:0;left:0;right:0}.scroll-progress-fill{background:linear-gradient(90deg, var(--green-soft), var(--gold), var(--green));width:0%;height:100%;transition:width .1s linear;box-shadow:0 0 12px #c49a5299}.menu-fab{z-index:70;color:#173b2e;-webkit-backdrop-filter:blur(12px)saturate(160%);cursor:pointer;-webkit-tap-highlight-color:transparent;width:46px;height:46px;transition:transform .3s var(--ease), box-shadow .3s ease, border-color .3s ease, background .3s ease, color .3s ease, left .45s var(--ease);background:linear-gradient(145deg,#fffaf0,#f3e5c9);border:1px solid #c49a528c;border-radius:15px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:fixed;top:18px;left:16px;overflow:hidden;box-shadow:0 5px 16px #644b1e1f,inset 0 1px #fffc}.menu-fab:before{content:"";transition:transform .7s var(--ease);pointer-events:none;background:linear-gradient(115deg,#0000 25%,#ffffffa6 50%,#0000 75%);position:absolute;inset:0;transform:translate(-120%)}.menu-fab:hover:before{transform:translate(120%)}.menu-fab:hover{background:linear-gradient(145deg,#fffdf7,#eddbb6);border-color:#c49a52;transform:translateY(-2px);box-shadow:0 8px 20px #644b1e2e,0 0 0 3px #c49a521a}.menu-fab:active{transform:scale(.95)}.menu-fab:focus-visible{outline-offset:3px;outline:3px solid #c49a528c}.menu-fab-label{display:none}.menu-fab-lines{z-index:1;flex:none;width:20px;height:16px;display:block;position:relative}.menu-fab-lines i{height:2px;transition:top .35s var(--ease), width .35s var(--ease), transform .4s var(--ease), opacity .25s ease;background:currentColor;border-radius:3px;position:absolute;left:0}.menu-fab-lines i:first-child{width:20px;top:0}.menu-fab-lines i:nth-child(2){width:13px;top:7px}.menu-fab-lines i:nth-child(3){width:20px;top:14px}.menu-fab:hover .menu-fab-lines i:nth-child(2){width:20px}.menu-fab.is-open{color:#173b2e;left:calc(var(--side-w) + 16px);background:linear-gradient(145deg,#e4c27e,#c49a52);border-color:#d9b66d;width:44px;height:44px;padding:0;box-shadow:0 8px 20px #c49a5240,inset 0 1px #ffffff73}.menu-fab.is-open .menu-fab-lines i:first-child{width:20px;top:7px;transform:rotate(45deg)}.menu-fab.is-open .menu-fab-lines i:nth-child(2){opacity:0;width:0}.menu-fab.is-open .menu-fab-lines i:nth-child(3){width:20px;top:7px;transform:rotate(-45deg)}.menu-fab:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #c49a5200;animation:3.2s ease-in-out infinite fabPulse;position:absolute;inset:-1px}@keyframes fabPulse{0%,to{box-shadow:0 0 #c49a5200}50%{box-shadow:0 0 0 5px #c49a521a}}.sidebar{z-index:30;width:var(--rail);background:var(--side);border-right:1px solid var(--line);transition:width .45s var(--ease), box-shadow .45s, background .3s;scrollbar-width:none;flex-direction:column;padding:22px 12px 20px;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden auto}.sidebar.open{width:var(--side-w);box-shadow:18px 0 40px #281e0a24}.side-backdrop{z-index:25;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;visibility:hidden;background:#20180a61;transition:opacity .4s,visibility 0s .4s;position:fixed;inset:0}.side-backdrop.show{opacity:1;visibility:visible;transition:opacity .4s,visibility}.brand strong,.brand small,.nav-label{white-space:nowrap;transition:opacity .3s .1s, max-width .45s var(--ease)}.nav-label{max-width:180px;overflow:hidden}@media (width>=761px){.sidebar:not(.open) .brand{align-items:center;padding:0}.sidebar:not(.open) .brand strong,.sidebar:not(.open) .brand small{opacity:0;height:0;overflow:hidden}.sidebar:not(.open) .nav-item{justify-content:center;gap:0;padding:0}.sidebar:not(.open) .nav-item:hover{padding-left:0}.sidebar:not(.open) .nav-label{opacity:0;max-width:0}.sidebar:not(.open) .side-bottom,.sidebar:not(.open) .avail-badge{display:none}}.sidebar.open .side-bottom{animation:.4s .2s backwards fadeIn}.sidebar::-webkit-scrollbar{display:none}.brand{animation:slideIn .6s var(--ease) backwards;flex-flow:wrap;align-items:center;gap:6px 10px;margin-bottom:18px;padding:0 8px;display:flex}.brand-mark{color:var(--green);font:italic 700 28px/1 var(--serif);transition:transform .4s var(--ease);margin-bottom:0}.brand:hover .brand-mark{transform:rotate(-6deg)scale(1.1)}.brand strong{font-size:15.5px}.brand small{color:var(--muted);font-size:12.5px}.avail-badge{color:#1f7a4a;letter-spacing:.4px;white-space:nowrap;background:#2f9e6314;border:1px solid #2f9e634d;border-radius:99px;align-items:center;gap:7px;margin:0 8px 18px;padding:5px 10px;font-size:11px;font-weight:700;animation:.5s .15s backwards fadeIn;display:inline-flex}.avail-badge:before{content:"";background:var(--live);border-radius:50%;width:7px;height:7px;animation:2s ease-out infinite ping;box-shadow:0 0 #2f9e6380}.side-nav{gap:4px;display:grid}.nav-item{z-index:0;width:100%;min-height:46px;color:var(--muted);text-align:left;animation:slideIn .55s var(--ease) backwards;transition:color .25s, padding-left .3s var(--ease), transform .2s var(--ease);-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:0 12px;font-size:14.5px;font-weight:500;display:flex;position:relative;overflow:hidden}.sidebar.open .nav-item{animation:navIn .5s var(--ease) backwards}.side-nav .nav-item:first-child{animation-delay:80ms}.side-nav .nav-item:nth-child(2){animation-delay:.16s}.side-nav .nav-item:nth-child(3){animation-delay:.24s}.side-nav .nav-item:nth-child(4){animation-delay:.32s}.side-nav .nav-item:nth-child(5){animation-delay:.4s}.side-nav .nav-item:nth-child(6){animation-delay:.48s}.side-nav .nav-item:nth-child(7){animation-delay:.56s}.side-nav .nav-item:nth-child(8){animation-delay:.64s}.nav-item:after{content:"";z-index:-1;transform-origin:0;transition:transform .4s var(--ease);background:linear-gradient(90deg,#c49a5242,#c49a520f);border-radius:12px;position:absolute;inset:0;transform:scaleX(0)}.nav-item svg,.nav-item img{transition:transform .4s var(--ease), color .25s;flex:none}.nav-item:hover{color:var(--ink);padding-left:18px}.nav-item:hover:after{transform:scaleX(1)}.nav-item:hover svg,.nav-item:hover img{color:var(--gold-dark);transform:scale(1.18)rotate(-8deg)}.nav-item:active{transform:scale(.96)}.nav-item.active{color:var(--green);font-weight:700}.nav-item.active:after{background:#173b2e1a;transform:scaleX(1)}.nav-item.active:before{content:"";background:var(--gold);transform-origin:50%;width:4px;animation:barGrow .45s var(--ease) backwards;border-radius:4px;position:absolute;top:10px;bottom:10px;left:0}.nav-item.active svg,.nav-item.active img{color:var(--gold-dark);animation:iconPop .5s var(--ease) backwards}.side-bottom{margin-top:auto;padding:0 8px}.side-label{color:var(--muted);margin:22px 0 10px;font-size:12px;font-weight:600}.side-social{flex-wrap:wrap;gap:8px;display:flex}.side-social a{width:34px;height:34px;color:var(--ink);transition:background .2s, color .2s, transform .25s var(--ease);border-radius:9px;place-items:center;display:grid}.side-social a:hover{background:var(--green);color:#fff;transform:translateY(-3px)}.sidebar-quote{font:600 26px/1.05 var(--hand);color:var(--gold-dark);margin:20px 0 16px;transform:rotate(-4deg)}.sidebar-quote span{color:var(--green)}.resume-link{color:var(--gold-dark);transition:background .2s, border-color .2s, transform .2s var(--ease);background:#c49a5214;border:1px dashed #c49a5280;border-radius:8px;align-items:center;gap:7px;margin-bottom:14px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.resume-link:hover{border-color:var(--gold);background:#c49a5229;transform:translateY(-1px)}.icon-btn{border:1px solid var(--line);background:var(--paper);width:42px;height:42px;color:var(--ink);transition:background .2s, border-color .2s, transform .3s var(--ease);-webkit-tap-highlight-color:transparent;border-radius:50%;flex:none;place-items:center;display:grid}.icon-btn:hover{background:var(--gold-pale);border-color:var(--gold);transform:rotate(14deg)}.theme-switch{border:1px solid var(--line);background:var(--paper);border-radius:99px;padding:3px;display:inline-flex}.theme-switch button{width:34px;height:30px;color:var(--muted);transition:background .25s, color .25s, transform .25s var(--ease);background:0 0;border:0;border-radius:99px;place-items:center;display:grid}.theme-switch button:hover{transform:scale(1.1)}.theme-switch button.on{background:var(--green);color:#fff}.hire-fab{z-index:65;border:1px solid var(--gold);color:#173b2e;letter-spacing:.2px;height:48px;transition:transform .3s var(--ease), box-shadow .3s, background .3s;-webkit-tap-highlight-color:transparent;background:linear-gradient(145deg,#dcb468,#c49a52);border-radius:99px;align-items:center;gap:9px;padding:0 20px;font-size:13.5px;font-weight:700;display:inline-flex;position:fixed;bottom:22px;right:22px;box-shadow:0 14px 30px #c49a5266,inset 0 1px #fff6}.hire-fab:before{content:"";border-radius:inherit;transition:transform .7s var(--ease);pointer-events:none;background:linear-gradient(115deg,#0000 40%,#ffffff80 50%,#0000 60%);position:absolute;inset:0;transform:translate(-120%)}.hire-fab:hover:before{transform:translate(120%)}.hire-fab:hover{transform:translateY(-3px);box-shadow:0 20px 36px #c49a5280,inset 0 1px #fff6}.hire-fab:active{transform:scale(.96)}.back-top{z-index:64;border:1px solid var(--line);background:var(--paper);width:42px;height:42px;color:var(--ink);box-shadow:var(--shadow-sm);opacity:0;visibility:hidden;transition:opacity .3s, visibility .3s, transform .3s var(--ease), background .2s, border-color .2s;-webkit-tap-highlight-color:transparent;border-radius:50%;place-items:center;display:grid;position:fixed;bottom:82px;right:22px;transform:translateY(8px)}.back-top.show{opacity:1;visibility:visible;transform:none}.back-top:hover{background:var(--green);color:#fff;border-color:var(--green);transform:translateY(-2px)}.main{min-width:0;margin-left:var(--rail)}.topbar{z-index:5;justify-content:flex-end;align-items:center;padding:20px 4%;display:flex;position:absolute;top:0;right:0}.availability{color:var(--ink);align-items:center;gap:9px;font-size:13.5px;font-weight:500;display:flex}.availability:before{content:"";background:var(--live);border-radius:50%;width:8px;height:8px;animation:2.2s ease-out infinite ping}.mobile-head{display:none}.content{max-width:1400px;margin:0 auto;padding:0 3% 40px;position:relative}.hero{background:var(--cream);isolation:isolate;border-radius:22px;align-items:center;min-height:520px;margin-top:18px;display:flex;position:relative;overflow:hidden}.hero-photo{z-index:-1;object-fit:cover;object-position:center 20%;width:66%;height:100%;position:absolute;inset:0 0 0 auto;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 38%);mask-image:linear-gradient(90deg,#0000 0%,#000 38%)}.hero:after{content:"";z-index:-1;background:linear-gradient(90deg, var(--cream) 22%, #f7f2e800 62%);pointer-events:none;position:absolute;inset:0}.hero-copy{z-index:2;width:min(540px,56%);animation:rise .8s var(--ease) both;padding:60px 0 80px 44px;position:relative}.hero-status{color:var(--muted);align-items:center;gap:8px;margin-bottom:20px;font-size:13px;font-weight:500;display:inline-flex}.hero-status:before{content:"";background:var(--live);border-radius:50%;width:7px;height:7px}.hero h1{font:700 clamp(32px, 3.8vw, 50px)/1.1 var(--serif);letter-spacing:-1.2px;margin:0 0 12px}.hero h1 em{color:var(--green);font-style:normal;display:inline-block;position:relative}.hero h1 em:after{content:"";border-bottom:3px solid var(--gold);border-radius:50%;height:7px;position:absolute;bottom:-4px;left:2%;right:4%;transform:rotate(-1.2deg)}.hero-typing{min-height:28px;color:var(--gold-dark);font-family:var(--serif);letter-spacing:.2px;align-items:center;gap:8px;margin:0 0 18px;font-size:clamp(15px,1.6vw,18px);font-style:italic;font-weight:600;display:flex}.hero-typing .caret{background:var(--gold);width:2px;height:1.1em;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-copy>p:not(.eyebrow,.hero-typing){max-width:460px;color:var(--muted);font-size:15px;line-height:1.75}.eyebrow{color:#72664d;letter-spacing:1.2px;text-transform:uppercase;align-items:center;gap:9px;margin:0;font-size:12.5px;font-weight:700;display:flex}.eyebrow span{background:var(--gold);border-radius:50%;flex:none;width:8px;height:8px}.hero-actions{flex-wrap:wrap;gap:12px;margin:28px 0;display:flex}.hero-proof{color:var(--muted);align-items:center;gap:12px;font-size:13.5px;line-height:1.35;display:flex}.hero-proof strong{color:var(--ink);font-size:14px;display:block}.avatar-stack{display:flex}.avatar-stack span{border:2px solid var(--cream);background:var(--green-soft);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;margin-left:-9px;font-size:11px;font-weight:700;display:grid}.avatar-stack span:first-child{margin-left:0}.avatar-stack span:nth-child(2){background:var(--gold-dark)}.avatar-stack span:nth-child(3){background:#5b4a7a}.hero-location{color:var(--muted);align-items:center;gap:8px;margin-top:14px;font-size:13.5px;display:flex}.hero-note{z-index:3;max-width:150px;font:600 22px/1.05 var(--hand);color:var(--gold-dark);position:absolute}.hero-note.n1{top:24%;left:55%;transform:rotate(-5deg)}.hero-note.n2{text-align:right;top:15%;right:5%;transform:rotate(3deg)}.hero-note svg{opacity:.8;margin-top:4px;display:block}.tech-float{z-index:3;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#202020e0;border:1px solid #ffffff1f;border-radius:14px;padding:11px 13px 13px;position:absolute;top:36%;right:6%;box-shadow:0 18px 40px #0000004d}.tech-float-head{opacity:.9;justify-content:space-between;align-items:center;gap:18px;margin-bottom:9px;font-size:12px;font-weight:600;display:flex}.tech-float-grid{grid-template-columns:repeat(3,36px);gap:8px;display:grid}.tech-float-grid span{background:#ffffff14;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.tech-float-grid img{width:20px;height:20px}.hero-art{z-index:-1;width:60%;position:absolute;inset:0 0 0 auto}.btn{border:1px solid var(--line);white-space:nowrap;min-height:46px;transition:transform .25s var(--ease), background .2s, box-shadow .25s, border-color .2s;-webkit-tap-highlight-color:transparent;border-radius:99px;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:14px;font-weight:700;line-height:1;display:inline-flex}.btn:hover{transform:translateY(-3px)}.btn:active{transform:translateY(-1px)scale(.98)}.btn-primary{background:var(--accent);border-color:var(--accent);box-shadow:0 10px 24px #173b2e47;color:#fff9eb!important}.btn-primary:hover{box-shadow:0 14px 30px #173b2e61}.btn-light{background:#fffcf5d9}.btn-light:hover{border-color:var(--gold);background:var(--gold-pale)}.btn-gold{background:var(--gold);border-color:var(--gold);color:#211b11!important}.btn-gold:hover{background:#d3ab66}.stats{z-index:4;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow);border-radius:18px;grid-template-columns:repeat(4,minmax(0,1fr));margin:24px 24px 60px;padding:24px 12px;display:grid;position:relative}.stat{border-right:1px solid var(--line);justify-content:center;align-items:center;gap:14px;padding:4px 12px;display:flex}.stat:last-child{border-right:0}.stat-icon{color:var(--ink);flex:none}.stat strong{font:700 21px/1.15 var(--serif);display:block}.stat span{color:var(--muted);margin-top:2px;font-size:13px;display:block}.section{margin:0 0 60px;scroll-margin-top:24px}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px;display:flex}.section-heading h2{font:700 clamp(24px, 2.5vw, 32px)/1.18 var(--serif);letter-spacing:-.7px;margin:8px 0 0}.section-note{max-width:360px;color:var(--muted);margin:0;font-size:14px;line-height:1.6}.view-all{color:var(--ink);align-items:center;gap:7px;font-size:13.5px;font-weight:700;display:inline-flex}.view-all svg{transition:transform .25s var(--ease)}.view-all:hover svg{transform:translate(5px)}.reveal{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);will-change:opacity, transform;transform:translateY(24px)}.reveal.in-view{opacity:1;transform:none}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.project-card{border:1px solid var(--line);background:var(--paper);min-width:0;transition:transform .35s var(--ease), box-shadow .35s, border-color .25s;border-radius:18px;position:relative;overflow:hidden}.project-card:hover{box-shadow:var(--shadow);border-color:var(--gold);transform:translateY(-6px)}.project-cover{flex-direction:column;justify-content:space-between;height:210px;padding:18px;display:flex;position:relative;overflow:hidden}.project-cover>img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease);position:absolute;inset:0}.project-card:hover .project-cover>img{transform:scale(1.05)}.project-gold{color:#fff7e5;background:linear-gradient(135deg,#1b1d1a,#413522)}.project-rose{color:#fff3e7;background:linear-gradient(135deg,#2a1822,#6d3936)}.project-blue{color:#1c3433;background:linear-gradient(135deg,#d9e8e6,#a8c7c6)}.project-cover-top{z-index:1;justify-content:space-between;align-items:center;gap:8px;font-size:12.5px;font-weight:600;display:flex;position:relative}.project-mark{z-index:1;font:700 48px/1 var(--serif);letter-spacing:-3px;opacity:.92;transition:transform .5s var(--ease);position:relative}.project-card:hover .project-mark{transform:translate(6px)}.badge{color:#fff;background:var(--live);border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700}.badge.live{background:#2f9e63}.badge.new{background:#2f6fe0}.badge.featured{background:#2f9e63}.project-body{padding:18px 18px 20px}.project-category{color:var(--gold-dark);letter-spacing:.8px;text-transform:uppercase;font-size:12px;font-weight:700}.project-body h3{margin:5px 0 7px;font-size:17px;font-weight:700}.project-body p{min-height:62px;color:var(--muted);margin:0 0 14px;font-size:14px;line-height:1.65}.tag-list{flex-wrap:wrap;gap:6px;display:flex}.tag-list span{background:var(--tag);color:#5b5446;border-radius:7px;padding:5px 10px;font-size:12px;font-weight:600}.project-link{color:var(--green);align-items:center;gap:6px;margin-top:16px;font-size:13.5px;font-weight:700;display:inline-flex}.project-link:hover{text-decoration:underline!important}.project-arrow{z-index:2;width:34px;height:34px;color:var(--green);opacity:0;transition:opacity .3s, transform .4s var(--ease);pointer-events:none;background:#ffffffeb;border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;right:14px;transform:translate(-4px,4px)scale(.85)}.project-card:hover .project-arrow{opacity:1;transform:translate(0)scale(1)}.three-column{grid-template-columns:1fr 1.15fr 1fr;align-items:stretch;gap:20px;display:grid}.panel{border:1px solid var(--line);background:var(--paper);border-radius:18px;min-width:0;padding:24px 22px;scroll-margin-top:24px}.panel-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.panel h3{font:700 20px var(--serif);margin:0}.panel p{color:var(--muted);font-size:14px;line-height:1.75}.about-photo{aspect-ratio:16/11;background:linear-gradient(135deg,#e2cfa9,#b9a47f);border-radius:14px;margin-bottom:18px;position:relative;overflow:hidden}.about-photo img{object-fit:cover;object-position:center 25%;width:100%;height:100%}.about-chip{background:var(--green);color:#fff;border-radius:9px;padding:8px 12px;font-size:12px;line-height:1.35;position:absolute;bottom:10px;right:10px}.about-chip strong{font-size:12.5px;display:block}.about-note{width:fit-content;font:600 22px/1 var(--hand);color:var(--gold-dark);margin:6px 0 10px auto;display:block;transform:rotate(-3deg)}.mini-link{background:var(--green);min-height:42px;transition:transform .25s var(--ease), box-shadow .25s;-webkit-tap-highlight-color:transparent;border:0;border-radius:10px;align-items:center;gap:8px;margin-top:8px;padding:0 18px;font-size:13.5px;font-weight:700;display:inline-flex;color:#fff!important}.mini-link:hover{transform:translateY(-2px);box-shadow:0 10px 22px #173b2e4d}.mini-link svg{transition:transform .25s var(--ease)}.mini-link:hover svg{transform:translate(5px)}.skill-tabs{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.skill-tabs button{border:1px solid var(--line);color:var(--muted);-webkit-tap-highlight-color:transparent;background:0 0;border-radius:9px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .2s,color .2s,border-color .2s}.skill-tabs button:hover{border-color:var(--gold);color:var(--ink)}.skill-tabs button.active{background:var(--green);border-color:var(--green);color:#fff}.skill-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.skill-tile{border:1px solid var(--line);background:var(--paper);text-align:center;min-height:88px;animation:pop .35s var(--ease) both;transition:transform .25s var(--ease), box-shadow .25s, border-color .2s;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 6px;font-size:12px;font-weight:600;display:flex}.skill-tile:hover{border-color:var(--gold);box-shadow:var(--shadow-sm);transform:translateY(-4px)}.skill-tile img{object-fit:contain;width:28px;height:28px}.timeline{gap:22px;padding-left:26px;display:grid;position:relative}.timeline:before{content:"";background:var(--line);width:1px;position:absolute;top:8px;bottom:8px;left:5px}.timeline-item{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;display:grid;position:relative}.timeline-item:before{content:"";border:2px solid var(--green);background:var(--paper);border-radius:50%;width:11px;height:11px;position:absolute;top:6px;left:-26px}.timeline-item:first-child:before{background:var(--green)}.timeline-year{color:var(--gold-dark);grid-column:1/-1;font-size:13px;font-weight:700}.timeline-item h4{margin:0;font-size:15px;line-height:1.4}.timeline-item strong{color:var(--muted);font-size:13px;font-weight:600}.timeline-item p{grid-column:1/-1;margin:4px 0 0;font-size:13.5px;line-height:1.65}.timeline-tag{background:var(--tag);color:var(--muted);border-radius:6px;align-self:start;padding:3px 9px;font-size:11.5px;font-weight:600}.services-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.service-card{border:1px solid var(--line);background:var(--paper);min-width:0;transition:transform .35s var(--ease), box-shadow .35s, border-color .25s;border-radius:16px;flex-direction:column;padding:24px 20px;display:flex;position:relative}.service-card:hover{box-shadow:var(--shadow);border-color:var(--gold);transform:translateY(-5px)}.service-card.featured{border-color:var(--gold);box-shadow:0 8px 24px #c49a5233}.service-badge{background:var(--gold);color:#282116;border-radius:5px;width:fit-content;margin-bottom:12px;padding:4px 9px;font-size:11px;font-weight:700}.service-icon{width:46px;height:46px;color:var(--gold-dark);background:#f1e5cd;border-radius:12px;place-items:center;margin-bottom:16px;display:grid}.service-card h3{margin:0 0 8px;font-size:17px;font-weight:700;line-height:1.35}.service-card p{color:var(--muted);margin:0 0 16px;font-size:14px;line-height:1.7}.service-card ul{gap:9px;margin:0 0 22px;padding:0;list-style:none;display:grid}.service-card li{color:#5f5a50;align-items:flex-start;gap:8px;font-size:13.5px;line-height:1.5;display:flex}.service-card li svg{color:var(--gold-dark);flex:none;margin-top:2px}.service-price{font:700 22px var(--serif);margin-top:auto}.service-btn{width:100%;margin-top:14px}.contact-wrap{background:var(--accent);color:#fff9eb;border-radius:24px;grid-template-columns:1.15fr .85fr;gap:28px;padding:clamp(28px,4vw,46px);display:grid;position:relative;overflow:hidden}.contact-wrap:after{content:"";pointer-events:none;border:1px solid #ffffff1f;border-radius:50%;width:300px;height:300px;position:absolute;top:-130px;right:-90px;box-shadow:0 0 0 30px #ffffff08,0 0 0 60px #ffffff08}.contact-wrap>div{z-index:1;position:relative}.contact-wrap .eyebrow{color:#e9d7ae}.contact-wrap h2{font:700 clamp(26px, 3vw, 34px)/1.18 var(--serif);margin:14px 0}.contact-wrap p{color:#e1ddcf;max-width:480px;margin-bottom:24px;font-size:15px;line-height:1.75}.contact-details{align-content:center;gap:12px;display:grid}.contact-row{overflow-wrap:anywhere;border:1px solid #ffffff29;border-radius:13px;align-items:center;gap:13px;padding:14px 16px;font-size:14px;transition:background .2s,border-color .2s;display:flex}a.contact-row:hover{background:#ffffff14;border-color:#e7c77e99}.contact-row svg{color:#e7c77e;flex:none}.footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:15px;padding:26px 0 8px;font-size:13.5px;display:flex}.footer strong{color:var(--ink)}.footer button{background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:13.5px;display:inline-flex;color:var(--muted)!important}.footer button:hover{color:var(--gold-dark)!important}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes slideIn{0%{opacity:0;transform:translate(-22px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes navIn{0%{opacity:0;transform:translate(-22px)}to{opacity:1;transform:none}}@keyframes barGrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes iconPop{0%{transform:scale(.6)rotate(-20deg)}60%{transform:scale(1.25)rotate(6deg)}to{transform:scale(1)rotate(0)}}@keyframes pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}@keyframes ping{0%{box-shadow:0 0 #2f9e6380}to{box-shadow:0 0 0 9px #2f9e6300}}.theme-dark{--cream:#171815;--paper:#22231f;--ink:#f3eddf;--muted:#b2ac9d;--line:#3b3a32;--side:#1e1f1b;--tag:#33322a;--gold-dark:#d9b062;--gold-pale:#4d4129;--green:#a9c79a;--accent:#2c5a46;--shadow:0 18px 40px #00000080;--shadow-sm:0 8px 22px #0006}.theme-dark .hero:after{background:linear-gradient(90deg, var(--cream) 22%, #17181500 62%)}.theme-dark .hero-photo{filter:brightness(.82)saturate(.95)}.theme-dark .btn-light{background:#22231fd9}.theme-dark .avatar-stack span{border-color:var(--cream)}.theme-dark .eyebrow{color:#d9b062}.theme-dark .tag-list span{color:#e9dfca}.theme-dark .service-icon{background:#34322a}.theme-dark .service-card li{color:#d0c7b8}.theme-dark .project-blue{color:#152b2a}.theme-dark .skill-tile img.invert-dark{filter:invert()}.theme-dark .about-chip,.theme-dark .mini-link,.theme-dark .skill-tabs button.active,.theme-dark .theme-switch button.on{color:#fff;background:#2c5a46;border-color:#2c5a46}.theme-dark .timeline-item:before{background:var(--paper);border-color:var(--green)}.theme-dark .timeline-item:first-child:before{background:var(--green)}.theme-dark .nav-item.active:after{background:#a9c79a24}.theme-dark .avail-badge{color:#7ee0a4;background:#2f9e6326;border-color:#2f9e6366}.theme-dark .resume-link{color:#e7c77e;background:#c49a521f}.theme-dark .project-arrow{color:var(--gold);background:#22231feb}.theme-dark .menu-fab{color:#f0d9a0;background:linear-gradient(135deg,#d9b06233 0%,#c49a521f 45%,#f0c8822e 100%);border-color:#d9b06273;box-shadow:0 6px 18px #0006,inset 0 1px #ffffff1f,inset 0 -1px #d9b06226}.theme-dark .menu-fab:hover{color:#ffe6b0;background:linear-gradient(135deg,#d9b06252 0%,#c49a5233 45%,#f0c8824d 100%);border-color:#d9b062;box-shadow:0 10px 24px #d9b06240,0 0 0 4px #d9b0621f,inset 0 1px #ffffff2e}.theme-dark .menu-fab.is-open{color:#173b2e;background:linear-gradient(145deg,#dcb468,#c49a52);border-color:#e7c77e}@media (width<=1366px){.hero{min-height:480px}.hero-copy{padding-top:48px;padding-bottom:72px}.hero-note.n1{left:52%}.project-cover{height:190px}}@media (width<=1150px){:root{--side-w:224px}.hero{min-height:540px}.hero-copy{width:min(520px,62%);padding-left:34px}.hero-note.n2{display:none}.tech-float{right:4%}.stats{margin-inline:14px}.three-column{grid-template-columns:repeat(2,minmax(0,1fr))}.three-column .panel:last-child{grid-column:1/-1}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=761px) and (width<=900px){.hero h1{font-size:34px}.hero-copy{width:64%;padding-left:28px}.hero-note.n1{display:none}.tech-float{top:auto;bottom:70px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card:last-child{grid-column:1/-1}}@media (width<=760px){.topbar{display:none}.menu-fab{letter-spacing:1.2px;border-radius:11px;gap:8px;height:42px;padding:0 13px 0 12px;font-size:11px;top:12px;left:12px}.menu-fab-lines{width:19px;height:14px}.menu-fab-lines i:first-child{width:19px;top:0}.menu-fab-lines i:nth-child(2){width:13px;top:6px}.menu-fab-lines i:nth-child(3){width:19px;top:12px}.menu-fab.is-open{width:42px;padding:0;left:calc(min(310px,84vw) + 12px)}.menu-fab.is-open .menu-fab-label{display:none}.menu-fab.is-open .menu-fab-lines i:first-child,.menu-fab.is-open .menu-fab-lines i:nth-child(3){width:19px;top:6px}.sidebar{z-index:60;visibility:hidden;width:min(310px,84vw);box-shadow:none;transition:transform .5s var(--ease), visibility 0s .5s, box-shadow .5s, background .3s;padding:82px 16px 22px;transform:translate(-104%)}.sidebar.open{visibility:visible;width:min(310px,84vw);transition:transform .5s var(--ease), visibility 0s, box-shadow .5s;transform:none;box-shadow:24px 0 60px #00000047}.side-backdrop{z-index:55}.main{margin-left:0}.mobile-head{z-index:40;border-bottom:1px solid var(--line);background:var(--cream);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:space-between;align-items:center;padding:12px 18px 12px 70px;display:flex;position:sticky;top:0}.mobile-brand{color:var(--green);font:italic 700 26px var(--serif)}.mobile-controls{align-items:center;gap:8px;display:flex}.content{padding:0 16px 24px}.hero{border-radius:22px;flex-direction:column;align-items:stretch;min-height:0;margin-top:14px}.hero-copy{width:100%;padding:28px 20px 14px}.hero h1{letter-spacing:-1px;font-size:clamp(30px,8.2vw,40px);line-height:1.12}.hero-typing,.hero-copy>p:not(.eyebrow,.hero-typing){font-size:15px}.hero-actions{gap:10px}.hero-actions .btn{flex:140px;min-height:46px}.hero-photo{z-index:0;order:2;width:100%;height:320px;position:relative;inset:auto;-webkit-mask-image:linear-gradient(#0000 0%,#000 22%);mask-image:linear-gradient(#0000 0%,#000 22%)}.hero:after{display:none}.hero-art{z-index:0;width:100%;position:relative;inset:auto}.hero-note{display:none}.tech-float{padding:8px 10px 10px;top:auto;bottom:18px;right:12px}.tech-float-grid{grid-template-columns:repeat(3,32px);gap:6px}.tech-float-grid span{width:32px;height:32px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));margin:-20px 4px 50px;padding:8px}.stat{border-right:0;border-bottom:1px solid var(--line);justify-content:flex-start;padding:14px 10px}.stat:nth-child(odd){border-right:1px solid var(--line)}.stat:nth-child(n+3){border-bottom:0}.stat strong{font-size:18px}.stat span{font-size:12.5px}.section{margin-bottom:50px}.section-heading{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:22px}.section-heading h2{font-size:26px}.section-note{max-width:none;font-size:14px}.project-grid,.three-column,.services-grid{grid-template-columns:minmax(0,1fr);gap:16px}.project-cover{height:200px}.project-body p{min-height:0}.project-arrow{opacity:1;transform:none}.three-column .panel:last-child{grid-column:auto}.panel{padding:22px 18px}.skill-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.skill-tile{min-height:82px;font-size:11.5px}.contact-wrap{border-radius:20px;grid-template-columns:minmax(0,1fr);gap:22px;padding:28px 20px}.contact-wrap h2{font-size:26px}.contact-wrap p{font-size:14.5px}.footer{flex-direction:column;align-items:flex-start;gap:10px}.hire-fab{gap:7px;height:44px;padding:0 16px;font-size:12.5px;bottom:16px;right:14px}.back-top{width:40px;height:40px;bottom:70px;right:14px}}@media (width<=380px){.content{padding-left:12px;padding-right:12px}.hero h1{font-size:28px}.hero-copy{padding:24px 16px 12px}.stat{gap:8px;padding:12px 6px}.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.btn{padding:0 18px;font-size:13.5px}.menu-fab{height:40px;padding:0 12px;font-size:10.5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=600px){.stats{margin-top:24px!important;transform:none!important}}.certificates-page{--c-bg:var(--cream,#f7f2e8);--c-card:var(--paper,#fffcf5);--c-ink:var(--ink,#202020);--c-muted:var(--muted,#6a6558);--c-line:var(--line,#e6dcc8);--c-green:var(--accent,#173b2e);--c-gold:var(--gold,#c49a52);--c-gold-dark:var(--gold-dark,#8e6a2b);--c-tag:var(--tag,#efe6d3);--c-ease:cubic-bezier(.22, .8, .3, 1);box-sizing:border-box;width:100%;max-width:1120px;min-height:100dvh;padding:clamp(28px, 5vw, 48px) clamp(16px, 4vw, 32px) calc(40px + env(safe-area-inset-bottom,0px));color:var(--c-ink);font-family:var(--sans,"DM Sans", system-ui, -apple-system, "Segoe UI", Arial, sans-serif);margin:0 auto;line-height:1.6}.certificates-page *,.certificates-page :before,.certificates-page :after{box-sizing:border-box}.certificates-page button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.certificates-page a{text-decoration:none}.certificates-page button:focus-visible,.certificates-page a:focus-visible{outline:3px solid var(--c-gold);outline-offset:3px}.certificates-back{border:1px solid var(--c-line);background:var(--c-card);min-height:40px;transition:transform .25s var(--c-ease), border-color .2s;border-radius:99px;align-items:center;gap:8px;margin-bottom:18px;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex}.certificates-back:active{transform:scale(.96)}.certificates-head{animation:certRise .7s var(--c-ease) both;margin-bottom:clamp(20px,3vw,28px)}.certificates-label{color:var(--c-gold-dark);letter-spacing:2.4px;align-items:center;gap:9px;margin:0;font-size:11.5px;font-weight:700;display:flex}.certificates-label:before{content:"";background:var(--c-gold);border-radius:50%;flex:none;width:8px;height:8px}.certificates-page h1{font:700 clamp(26px, 4.4vw, 38px) / 1.15 var(--serif,"Playfair Display", Georgia, serif);letter-spacing:-.8px;text-wrap:balance;margin:10px 0 8px}.certificates-intro{max-width:560px;color:var(--c-muted);margin:0;font-size:clamp(13px,1.6vw,14.5px);line-height:1.7}.certificates-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.certificates-filters{scrollbar-width:none;gap:6px;min-width:0;padding:2px 0;display:flex;overflow-x:auto}.certificates-filters::-webkit-scrollbar{display:none}.filter-chip{border:1px solid var(--c-line);color:var(--c-muted);white-space:nowrap;background:0 0;border-radius:99px;flex:none;padding:7px 14px;font-size:12.5px;font-weight:600;transition:background .2s,color .2s,border-color .2s}.filter-chip.active{background:var(--c-green);border-color:var(--c-green);color:#fff}.certificates-count{color:var(--c-muted);flex:none;margin-left:auto;font-size:12.5px;font-weight:600}.certificates-empty{border:1px dashed var(--c-line);color:var(--c-muted);text-align:center;border-radius:14px;padding:32px 16px;font-size:14px}.certificates-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:clamp(12px,2vw,20px);display:grid}.certificate-card{border:1px solid var(--c-line);background:var(--c-card);min-width:0;animation:certRise .6s var(--c-ease) both;animation-delay:calc(var(--i,0) * 70ms + .12s);transition:transform .3s var(--c-ease), box-shadow .3s, border-color .25s;border-radius:14px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 6px 18px #4636160f}.certificate-thumb{border:0;border-bottom:1px solid var(--c-line);background:var(--c-bg);aspect-ratio:4/3;width:100%;padding:0;display:block;position:relative;overflow:hidden}.certificate-thumb img{object-fit:contain;width:100%;height:100%;transition:transform .5s var(--c-ease);padding:8px}.certificate-thumb-fallback{width:100%;height:100%;color:var(--c-gold-dark);place-content:center;justify-items:center;gap:6px;display:grid}.certificate-thumb-fallback small{color:var(--c-muted);font-size:11.5px}.certificate-badge{background:var(--c-green);color:#fff;letter-spacing:.3px;border-radius:99px;padding:3px 9px;font-size:10.5px;font-weight:700;position:absolute;top:10px;left:10px}.certificate-zoom{color:#fff;opacity:0;transition:opacity .25s, transform .3s var(--c-ease);background:#141008b8;border-radius:99px;align-items:center;gap:6px;padding:6px 11px;font-size:11.5px;font-weight:600;display:inline-flex;position:absolute;bottom:10px;right:10px;transform:translateY(6px)}.certificate-info{flex-direction:column;flex:1;padding:14px 16px 16px;display:flex}.certificate-info h2{font:700 clamp(15px, 2vw, 17px) / 1.3 var(--serif,"Playfair Display", Georgia, serif);margin:0 0 4px}.certificate-info p{color:var(--c-muted);margin:0;font-size:12.5px}.certificate-actions{align-items:center;gap:8px;margin-top:auto;padding-top:14px;display:flex}.certificate-view{background:var(--c-green);color:#fff;min-height:38px;transition:transform .25s var(--c-ease), box-shadow .25s;border:0;border-radius:10px;flex:1;padding:0 14px;font-size:12.5px;font-weight:700}.certificate-view:active{transform:scale(.97)}.certificate-open{border:1px solid var(--c-line);width:38px;height:38px;color:var(--c-ink);border-radius:10px;flex:none;place-items:center;transition:background .2s,border-color .2s,color .2s;display:grid}.certificate-verify{color:var(--c-gold-dark);margin-top:10px;font-size:12.5px;font-weight:700;display:inline-block}.lightbox{z-index:100;padding:calc(64px + env(safe-area-inset-top,0px)) 16px calc(20px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overscroll-behavior:contain;background:#141008e0;place-items:center;animation:.25s both certFade;display:grid;position:fixed;inset:0}.lightbox-figure{width:100%;max-width:940px;animation:certPop .4s var(--c-ease) both;flex-direction:column;align-items:center;gap:12px;margin:0;display:flex}.lightbox-img{background:var(--c-card);object-fit:contain;border-radius:12px;max-width:100%;max-height:68dvh;display:block;box-shadow:0 24px 60px #00000073}.lightbox-fallback{background:var(--c-card);color:var(--c-muted);text-align:center;border-radius:14px;justify-items:center;gap:10px;padding:36px 28px;display:grid}.lightbox-fallback p{margin:0;font-size:14px}.lightbox-caption{color:#f3eddf;text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 14px;font-size:13px;display:flex}.lightbox-caption strong{font:700 16px / 1.3 var(--serif,"Playfair Display", Georgia, serif)}.lightbox-caption span{color:#cfc7b4}.lightbox-caption a{color:#e7c77e;align-items:center;gap:6px;font-weight:600;display:inline-flex}.lightbox-close,.lightbox-nav{color:#fff;transition:background .2s, transform .25s var(--c-ease);background:#ffffff1f;border:1px solid #ffffff38;border-radius:50%;place-items:center;display:grid;position:absolute}.lightbox-close{top:calc(14px + env(safe-area-inset-top,0px));width:42px;height:42px;right:14px}.lightbox-nav{width:44px;height:44px;margin-top:-22px;top:50%}.lightbox-nav.prev{left:14px}.lightbox-nav.next{right:14px}.lightbox-close:active,.lightbox-nav:active{transform:scale(.92)}@media (hover:hover) and (pointer:fine){.certificates-back:hover{border-color:var(--c-gold);transform:translate(-3px)}.filter-chip:hover{border-color:var(--c-gold);color:var(--c-ink)}.filter-chip.active:hover{color:#fff}.certificate-card:hover{border-color:var(--c-gold);transform:translateY(-5px);box-shadow:0 18px 38px #46361624}.certificate-card:hover .certificate-thumb img{transform:scale(1.05)}.certificate-card:hover .certificate-zoom{opacity:1;transform:none}.certificate-view:hover{transform:translateY(-2px);box-shadow:0 10px 22px #173b2e4d}.certificate-open:hover{background:var(--c-tag);border-color:var(--c-gold)}.certificate-verify:hover,.lightbox-caption a:hover{text-decoration:underline}.lightbox-close:hover,.lightbox-nav:hover{background:#ffffff3d}.lightbox-nav:hover{transform:scale(1.08)}}@keyframes certRise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes certFade{0%{opacity:0}to{opacity:1}}@keyframes certPop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}.theme-dark .certificates-page .certificate-card{box-shadow:0 8px 22px #0006}.theme-dark .certificates-page .filter-chip.active,.theme-dark .certificates-page .certificate-view,.theme-dark .certificates-page .certificate-badge{background:#2c5a46;border-color:#2c5a46}@media (width<=900px){.certificates-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))}}@media (width<=600px){.certificates-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.certificate-card{border-radius:12px}.certificate-badge{padding:2px 8px;font-size:10px;top:7px;left:7px}.certificate-zoom{display:none}.certificate-info{padding:11px 12px 12px}.certificate-info h2{font-size:14px}.certificate-info p{font-size:11.5px}.certificate-actions{gap:6px;padding-top:10px}.certificate-view{min-height:36px;padding:0 8px;font-size:12px}.certificate-open{width:36px;height:36px}.lightbox{padding:calc(60px + env(safe-area-inset-top,0px)) 12px calc(78px + env(safe-area-inset-bottom,0px))}.lightbox-nav{top:auto;bottom:calc(16px + env(safe-area-inset-bottom,0px));margin-top:0}.lightbox-nav.prev{left:calc(50% - 56px)}.lightbox-nav.next{right:calc(50% - 56px)}.lightbox-img{max-height:62dvh}}@media (width<=340px){.certificates-grid{grid-template-columns:minmax(0,1fr)}}@media (height<=480px) and (orientation:landscape){.lightbox{padding:56px 64px 16px}.lightbox-img{max-height:60vh}.lightbox-nav{margin-top:-22px;top:50%;bottom:auto}.lightbox-nav.prev{left:12px}.lightbox-nav.next{right:12px}}@media (prefers-reduced-motion:reduce){.certificates-page *,.certificates-page :before,.certificates-page :after,.lightbox,.lightbox *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}