#aqua-portfolio{--pf-bg:#091f27;--pf-surface:#12303a;--pf-accent:#9ce9db;--pf-text:#eaf4f3;--pf-muted:#a4bbc0;--pf-line:#294650;--pf-shadow:#030e14;--pf-radius:16px;color-scheme:dark;isolation:isolate;background:var(--pf-bg);color:var(--pf-text);padding:22px 6% 30px;font:15px/1.65 Segoe UI,Arial,sans-serif;position:relative;overflow:clip}#aqua-portfolio *{box-sizing:border-box}#aqua-portfolio .pf-atmosphere{z-index:-1;pointer-events:none;background:radial-gradient(ellipse 60% 30% at 95% 15%,color-mix(in srgb,var(--pf-accent) 9%,transparent),transparent),radial-gradient(ellipse 60% 30% at 0% 65%,color-mix(in srgb,var(--pf-accent) 5%,transparent),transparent);transform:translateY(var(--pf-drift,0px));position:absolute;inset:0}#aqua-portfolio a{color:inherit;text-decoration:none}#aqua-portfolio .pf-nav{z-index:20;background:color-mix(in srgb,var(--pf-surface) 33%,transparent);backdrop-filter:blur(7px);border:1px solid var(--pf-line);box-shadow:0 12px 35px color-mix(in srgb,var(--pf-shadow) 35%,transparent);border-radius:50px;justify-content:space-between;align-items:center;gap:16px;padding:10px 12px 10px 23px;display:flex;position:sticky;top:16px}#aqua-portfolio .pf-brand{letter-spacing:-.5px;white-space:nowrap;font-weight:500;transition:scale .2s}#aqua-portfolio .pf-brand:hover{scale:1.1}#aqua-portfolio .pf-brand span{color:var(--pf-accent)}#aqua-portfolio .pf-navlinks{flex-wrap:wrap;gap:3px;display:flex}#aqua-portfolio .pf-navlinks a{color:var(--pf-muted);border-radius:30px;padding:9px 13px;font-size:12px;transition:background .2s,color .2s}#aqua-portfolio .pf-navlinks a:hover,#aqua-portfolio .pf-navlinks a[aria-current]{background:var(--pf-line);color:var(--pf-accent)}#aqua-portfolio section,#aqua-portfolio footer{scroll-margin-top:110px}#aqua-portfolio .pf-about{grid-template-columns:200px 1fr;align-items:center;gap:48px;padding:75px 0 65px;display:grid}#aqua-portfolio .pf-photo{background:linear-gradient(145deg,var(--pf-surface),var(--pf-line));border-radius:var(--pf-radius);border:1px solid var(--pf-line);justify-content:center;align-items:end;height:235px;padding:18px;display:flex;position:relative;overflow:hidden}#aqua-portfolio .pf-photo:before{content:"";background:var(--pf-muted);opacity:.28;border-radius:48%;width:68px;height:82px;position:absolute;top:42px}#aqua-portfolio .pf-photo:after{content:"";background:var(--pf-muted);opacity:.18;border-radius:70px 70px 0 0;width:155px;height:135px;position:absolute;top:128px}#aqua-portfolio .pf-photo span{z-index:1;color:var(--pf-text);background:var(--pf-surface);border-radius:20px;padding:4px 10px;font:11px monospace}#aqua-portfolio .pf-kicker{color:var(--pf-accent);letter-spacing:1.5px;text-transform:uppercase;font:11px/1.5 monospace}#aqua-portfolio h1{letter-spacing:-2px;margin:12px 0 18px;font-size:clamp(34px,5vw,52px);font-weight:500;line-height:1.1}#aqua-portfolio p{color:var(--pf-muted);max-width:470px;margin:0 0 19px}#aqua-portfolio .pf-link{color:var(--pf-accent);border-bottom:1px solid color-mix(in srgb,var(--pf-accent) 30%,transparent);cursor:pointer;background:0 0;border-top:0;border-left:0;border-right:0;align-items:center;gap:12px;padding:7px 0;font-family:inherit;font-size:13px;display:inline-flex}#aqua-portfolio .pf-link span{transition:transform .25s;display:inline-block}#aqua-portfolio .pf-link:hover span{transform:translate(4px,-3px)}#aqua-portfolio .pf-sectionhead{align-items:center;gap:20px;margin:0 0 28px;display:flex}#aqua-portfolio .pf-sectionhead:after{content:"";background:var(--pf-line);flex:1;height:1px}#aqua-portfolio h2{letter-spacing:-.5px;margin:0;font-size:23px;font-weight:400}#aqua-portfolio .pf-project{border-bottom:1px solid var(--pf-line);grid-template-columns:1.2fr 1fr;align-items:center;gap:35px;margin-bottom:40px;padding-bottom:40px;display:grid}#aqua-portfolio .pf-project:last-child{border-bottom:0;margin-bottom:15px}#aqua-portfolio .pf-image{border-radius:var(--pf-radius);border:1px solid var(--pf-line);background:0 0;place-items:center;min-height:0;max-height:none;padding:0;display:grid;overflow:hidden}#aqua-portfolio .pf-demo{border:1px solid var(--pf-line);background:var(--pf-bg);width:100%;box-shadow:0 15px 30px color-mix(in srgb,var(--pf-shadow) 40%,transparent);border-radius:8px;padding:18px;transition:transform .45s cubic-bezier(.2,.7,.2,1)}#aqua-portfolio .pf-project:hover .pf-demo{transform:translateY(-4px)scale(1.025)}#aqua-portfolio .pf-demobar{border-bottom:1px solid var(--pf-line);color:var(--pf-accent);justify-content:space-between;padding-bottom:13px;font-size:11px;display:flex}#aqua-portfolio .pf-demo strong{margin:17px 0 12px;font-size:17px;font-weight:400;display:block}#aqua-portfolio .pf-task{color:var(--pf-muted);border-top:1px solid var(--pf-line);justify-content:space-between;padding:8px 0;font-size:11px;display:flex}#aqua-portfolio .pf-task em{color:var(--pf-accent);font-style:normal}#aqua-portfolio h3{letter-spacing:-.7px;margin:10px 0 12px;font-size:27px;font-weight:400;line-height:1.3}#aqua-portfolio .pf-project p{font-size:14px}#aqua-portfolio .pf-tags{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}#aqua-portfolio .pf-tags span{color:var(--pf-muted);border:1px solid var(--pf-line);border-radius:5px;padding:4px 8px;font:10px/1.5 monospace}#aqua-portfolio .pf-terminal{color:var(--pf-muted);padding:13px 0;font:12px/1.8 monospace}#aqua-portfolio .pf-terminal b{color:var(--pf-accent);font-weight:400}#aqua-portfolio .pf-skills{padding:10px 0 50px}#aqua-portfolio .pf-skillgrid{grid-template-columns:1fr 1fr;column-gap:40px;display:grid}#aqua-portfolio .pf-skill{border-bottom:1px solid var(--pf-line);justify-content:space-between;gap:14px;padding:16px 8px;transition:background .2s,transform .2s;display:flex}#aqua-portfolio .pf-skill:hover{background:var(--pf-surface);transform:translate(3px)}#aqua-portfolio .pf-skill small{color:var(--pf-muted);font-size:11px;display:block}#aqua-portfolio .pf-years{color:var(--pf-accent);white-space:nowrap;font:12px/1.8 monospace}#aqua-portfolio footer{border-top:1px solid var(--pf-line);color:var(--pf-muted);flex-wrap:wrap;justify-content:space-between;gap:18px;padding-top:24px;font-size:12px;display:flex}#aqua-portfolio footer a{color:var(--pf-accent)}#aqua-portfolio .pf-reveal{transition:opacity .65s,transform .65s}#aqua-portfolio .pf-pending{opacity:.25;transform:translateY(20px)}#aqua-portfolio dialog{color:var(--pf-text);background:var(--pf-bg);border:1px solid var(--pf-line);border-radius:16px;width:min(480px,90%);padding:30px}#aqua-portfolio dialog::backdrop{background:color-mix(in srgb,var(--pf-shadow) 75%,transparent)}#aqua-portfolio dialog button{float:right;background:var(--pf-surface);color:var(--pf-text);border:1px solid var(--pf-line);cursor:pointer;border-radius:6px;padding:8px 12px}#aqua-portfolio dialog h2{margin:24px 0 15px}@media (width<=620px){#aqua-portfolio{padding:14px 6% 24px}#aqua-portfolio .pf-nav{border-radius:22px;flex-wrap:wrap;gap:6px;padding:8px 10px}#aqua-portfolio .pf-brand{padding-left:8px;font-size:13px}#aqua-portfolio .pf-navlinks a{padding:8px;font-size:11px}#aqua-portfolio .pf-about{grid-template-columns:115px 1fr;gap:24px;padding:45px 0}#aqua-portfolio .pf-photo{height:165px}#aqua-portfolio .pf-photo:before{width:48px;height:58px;top:24px}#aqua-portfolio .pf-photo:after{width:110px;top:90px}#aqua-portfolio .pf-project{grid-template-columns:1fr;gap:20px}#aqua-portfolio .pf-skillgrid{column-gap:18px}#aqua-portfolio h1{font-size:32px}#aqua-portfolio .pf-about p{font-size:13px}}@media (width<=400px){#aqua-portfolio .pf-about{grid-template-columns:1fr}#aqua-portfolio .pf-photo{width:125px;height:155px}#aqua-portfolio .pf-skillgrid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){#aqua-portfolio *,#aqua-portfolio :before,#aqua-portfolio :after{transition:none!important;transform:none!important}#aqua-portfolio .pf-pending{opacity:1}}html{scroll-behavior:smooth;background:#091f27;scroll-padding-top:125px}body#aqua-portfolio{min-width:320px;min-height:100vh;margin:0;padding:0;font-size:16px;overflow:visible}#aqua-portfolio main,#aqua-portfolio footer{width:min(1040px,88%);margin-inline:auto}#aqua-portfolio .pf-nav{width:min(1040px,92%);padding:12px 16px 12px 26px;position:fixed;top:24px;left:50%;transform:translate(-50%)}#aqua-portfolio .pf-navlinks a{padding:10px 16px;font-size:13px}#aqua-portfolio .pf-atmosphere{position:fixed;inset:-100px 0}#aqua-portfolio .pf-about{grid-template-columns:230px 1fr;gap:60px;padding:165px 0 80px}#aqua-portfolio .pf-photo{height:276px;padding:0}#aqua-portfolio .pf-photo span{margin-bottom:20px}#aqua-portfolio .pf-photo:has(img):before,#aqua-portfolio .pf-photo:has(img):after{display:none}#aqua-portfolio .pf-photo img{object-fit:cover;width:100%;height:100%}#aqua-portfolio p{max-width:560px}#aqua-portfolio .pf-project{gap:44px;margin-bottom:48px;padding-bottom:48px}#aqua-portfolio .pf-image{min-height:0}#aqua-portfolio .pf-image img{object-fit:contain;border-radius:calc(var(--pf-radius) - 1px);width:100%;max-width:100%;height:auto;max-height:448px;transition:transform .45s;display:block}#aqua-portfolio .pf-image:hover>img,#aqua-portfolio .pf-image:hover .pf-cover-landscape{transform:scale(1.025)}#aqua-portfolio .project-placeholder{min-height:155px;color:var(--pf-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}#aqua-portfolio .project-placeholder>span{color:var(--pf-accent);font:300 60px/1.3 Segoe UI,sans-serif}#aqua-portfolio .project-placeholder small{font-size:12px}#aqua-portfolio .pf-tags{padding:0;list-style:none}#aqua-portfolio .pf-tags li{color:var(--pf-muted);border:1px solid var(--pf-line);border-radius:5px;padding:5px 9px;font:11px/1.5 monospace}#aqua-portfolio .pf-skillgrid,#aqua-portfolio .pf-skill dd{margin:0}#aqua-portfolio .pf-skills{padding-bottom:65px}#aqua-portfolio .skill-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}#aqua-portfolio .skill-card{border:1px solid var(--pf-line);border-radius:var(--pf-radius);background:color-mix(in srgb, var(--pf-surface) 32%, transparent);padding:26px;transition:transform .25s,border-color .25s,background .25s}#aqua-portfolio .skill-card:hover{border-color:color-mix(in srgb, var(--pf-accent) 45%, var(--pf-line));background:color-mix(in srgb, var(--pf-surface) 52%, transparent);transform:translateY(-3px)}#aqua-portfolio .skill-card-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}#aqua-portfolio .skill-card-heading h2{margin-top:5px;font-size:28px}#aqua-portfolio .skill-card-heading .pf-years{padding-top:4px}#aqua-portfolio .skill-summary{max-width:none;color:var(--pf-text);margin:18px 0 0}#aqua-portfolio .skill-detail{border-top:1px solid var(--pf-line);margin-top:14px;padding-top:14px}#aqua-portfolio .skill-detail p:last-child{margin-bottom:0}@media (width<=720px){#aqua-portfolio .skill-catalog{grid-template-columns:1fr}}#aqua-portfolio footer{padding:28px 0 36px}#aqua-portfolio .detail-page{max-width:800px;margin:auto;padding:150px 0 70px}#aqua-portfolio .detail-page>.pf-kicker{margin-top:40px}#aqua-portfolio .detail-page h2{margin-bottom:16px}#aqua-portfolio .detail-image{border-radius:var(--pf-radius);width:100%;margin:30px 0 40px}#aqua-portfolio .detail-cover{width:100%;margin:30px 0 40px}#aqua-portfolio .project-facts{margin:0 0 52px}#aqua-portfolio .project-fact-grid{border-top:1px solid var(--pf-line);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}#aqua-portfolio .project-fact-grid>div{border-bottom:1px solid var(--pf-line);padding:18px 20px 18px 0}#aqua-portfolio .project-fact-grid dt,#aqua-portfolio .project-capabilities h3{color:var(--pf-muted);font:500 11px/1.2 var(--pf-mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 7px}#aqua-portfolio .project-fact-grid dd{color:var(--pf-text);margin:0}#aqua-portfolio .project-capabilities{grid-template-columns:1fr 1fr;gap:28px;padding-top:24px;display:grid}#aqua-portfolio .project-capabilities .pf-tags{margin-top:0}@media (width<=680px){#aqua-portfolio .project-fact-grid,#aqua-portfolio .project-capabilities{grid-template-columns:1fr}}#aqua-portfolio .pf-image img.is-portrait{width:auto}#aqua-portfolio .pf-cover-composition{isolation:isolate;border-radius:calc(var(--pf-radius) - 1px);background:var(--pf-bg);place-items:center;width:100%;height:448px;max-height:100%;display:grid;position:relative;overflow:hidden}#aqua-portfolio .pf-cover-composition .pf-cover-backdrop{z-index:-2;object-fit:cover;filter:blur(22px)saturate(.85);opacity:.58;width:calc(100% + 56px);max-width:none;height:calc(100% + 56px);max-height:none;position:absolute;inset:-28px;transform:scale(1.08)}#aqua-portfolio .pf-cover-shade{z-index:-1;background:color-mix(in srgb, var(--pf-bg) 48%, transparent);position:absolute;inset:0}#aqua-portfolio .pf-cover-composition .pf-cover-foreground{object-fit:contain;width:auto;max-width:calc(100% - 36px);height:412px;max-height:none;box-shadow:0 16px 38px color-mix(in srgb, var(--pf-shadow) 55%, transparent);transition:transform .45s cubic-bezier(.2,.7,.2,1);position:relative}#aqua-portfolio .pf-image .pf-cover-landscape{border-radius:calc(var(--pf-radius) - 1px);width:100%;max-height:none}#aqua-portfolio .pf-image:hover .pf-cover-foreground{transform:translateY(-3px)scale(1.018)}#aqua-portfolio .detail-image.is-portrait{object-fit:contain;width:auto;max-width:min(100%,560px);max-height:760px;margin-inline:auto;display:block}#aqua-portfolio .detail-portrait{border-radius:var(--pf-radius);width:200px;height:auto;margin-bottom:25px}#aqua-portfolio .skip-link{z-index:100;background:var(--pf-surface);padding:12px;position:fixed;top:-100px;left:20px}#aqua-portfolio .skip-link:focus{top:10px}#aqua-portfolio a:focus-visible{outline:2px solid var(--pf-accent);outline-offset:5px}@media (width<=620px){#aqua-portfolio .pf-nav{padding:8px 12px;top:14px}#aqua-portfolio .pf-navlinks a{padding:10px;font-size:12px}#aqua-portfolio .pf-about{grid-template-columns:130px 1fr;gap:25px;padding-top:130px}#aqua-portfolio .pf-photo{height:175px}}@media (width<=400px){#aqua-portfolio .pf-nav{justify-content:center}#aqua-portfolio .pf-navlinks{justify-content:space-between;width:100%}#aqua-portfolio .pf-navlinks a{min-height:44px}#aqua-portfolio .pf-about{grid-template-columns:1fr;padding-top:155px}#aqua-portfolio .detail-page{padding-top:155px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}#aqua-portfolio .pf-nav{transform:translate(-50%)!important}}#aqua-portfolio .project-body{overflow-wrap:anywhere}#aqua-portfolio .project-body>h2{margin-top:40px}#aqua-portfolio .project-body>h3{margin-top:28px}#aqua-portfolio .project-body p{max-width:none}#aqua-portfolio .project-body a{color:var(--pf-accent);text-decoration:underline}#aqua-portfolio .project-body li{color:var(--pf-muted);margin-block:6px}#aqua-portfolio .project-body pre{background:var(--pf-surface);border-radius:var(--pf-radius);padding:20px;overflow-x:auto}#aqua-portfolio .project-body blockquote{border-left:2px solid var(--pf-accent);margin-inline:0;padding-left:20px}#aqua-portfolio .project-body img{max-width:100%;height:auto}#aqua-portfolio .project-media{min-width:0;margin:30px 0}#aqua-portfolio .project-media img,#aqua-portfolio .project-media video{object-fit:contain;border-radius:var(--pf-radius);background:var(--pf-surface);width:100%;height:auto;max-height:820px;display:block}#aqua-portfolio .project-media.is-portrait img{width:auto;max-width:min(100%,560px);max-height:760px;margin-inline:auto}#aqua-portfolio .project-media.is-wide img{width:100%;max-height:none}#aqua-portfolio .project-media figcaption{color:var(--pf-muted);margin-top:10px;font-size:13px}#aqua-portfolio .project-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-block:30px;display:grid}#aqua-portfolio .project-gallery .project-media{margin:0}#aqua-portfolio .project-gallery .project-media.is-portrait img{max-height:620px}#aqua-portfolio .project-links{flex-wrap:wrap;gap:24px;display:flex}@media (width<=620px){#aqua-portfolio .project-gallery{grid-template-columns:1fr}}#aqua-portfolio .markdown-copy{overflow-wrap:anywhere}#aqua-portfolio .markdown-copy h2{margin:32px 0 16px}#aqua-portfolio .markdown-copy h3{margin:24px 0 12px}#aqua-portfolio .markdown-copy a{color:var(--pf-accent);text-decoration:underline}#aqua-portfolio .markdown-copy li{color:var(--pf-muted);margin-block:6px}#aqua-portfolio .markdown-copy blockquote{border-left:2px solid var(--pf-accent);margin-inline:0;padding-left:20px}#aqua-portfolio .markdown-copy img{max-width:100%;height:auto}#aqua-portfolio .markdown-copy pre{background:var(--pf-surface);padding:16px;overflow-x:auto}#aqua-portfolio .listing-page{padding:160px 0 70px}#aqua-portfolio .listing-page>.page-intro{max-width:640px;margin-bottom:70px;font-size:17px}#aqua-portfolio .pf-section-link{color:var(--pf-accent);white-space:nowrap;font-size:13px}#aqua-portfolio .pf-section-link:hover{text-decoration:underline}#aqua-portfolio .contact-page{flex-direction:column;justify-content:center;align-items:flex-start;min-height:72vh;display:flex}#aqua-portfolio .contact-page .page-intro{margin-bottom:28px}#aqua-portfolio .contact-email{color:var(--pf-accent);border-bottom:1px solid color-mix(in srgb,var(--pf-accent) 35%,transparent);align-items:center;gap:16px;font-size:clamp(20px,4vw,38px);line-height:1.3;display:inline-flex}#aqua-portfolio .contact-email span{transition:transform .25s}#aqua-portfolio .contact-email:hover span{transform:translate(4px,-3px)}#aqua-portfolio .pf-brand{flex:none;place-items:center;width:48px;height:48px;display:grid}#aqua-portfolio .pf-brand img{object-fit:contain;width:48px;height:48px;display:block}@media (width<=620px){#aqua-portfolio .listing-page{padding-top:145px}#aqua-portfolio .pf-brand,#aqua-portfolio .pf-brand img{width:42px;height:42px}#aqua-portfolio .pf-cover-composition{height:410px}#aqua-portfolio .pf-cover-composition .pf-cover-foreground{height:374px}}#aqua-portfolio .auto-project-gallery{margin-top:64px}#aqua-portfolio .auto-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}#aqua-portfolio .gallery-thumbnail{min-width:0;color:var(--pf-text);text-align:left;font:inherit;cursor:zoom-in;background:0 0;border:0;padding:0}#aqua-portfolio .gallery-thumbnail .pf-cover-composition{border:1px solid var(--pf-line);border-radius:var(--pf-radius);height:340px}#aqua-portfolio .gallery-thumbnail .pf-cover-foreground{height:304px}#aqua-portfolio .gallery-thumbnail .pf-cover-landscape{object-fit:contain;border:1px solid var(--pf-line);border-radius:var(--pf-radius);width:100%;height:auto;max-height:340px;transition:transform .3s;display:block}#aqua-portfolio .gallery-thumbnail:hover .pf-cover-foreground,#aqua-portfolio .gallery-thumbnail:hover .pf-cover-landscape{transform:translateY(-3px)scale(1.012)}#aqua-portfolio .gallery-thumbnail-caption{color:var(--pf-muted);margin-top:10px;font-size:13px;display:block}#aqua-portfolio .gallery-lightbox{width:min(1100px,92vw);max-width:none;max-height:92vh;color:var(--pf-text);background:var(--pf-bg);border:1px solid var(--pf-line);border-radius:var(--pf-radius);box-shadow:0 28px 80px color-mix(in srgb, var(--pf-shadow) 75%, transparent);padding:52px 68px 24px;position:relative;overflow:auto}#aqua-portfolio .gallery-lightbox::backdrop{background:color-mix(in srgb, var(--pf-shadow) 82%, transparent);backdrop-filter:blur(8px)}#aqua-portfolio .gallery-lightbox .lightbox-close{border:1px solid var(--pf-line);background:var(--pf-surface);width:36px;height:36px;color:var(--pf-text);cursor:pointer;border-radius:50%;padding:0;font-size:23px;line-height:1;position:absolute;top:14px;right:18px}#aqua-portfolio .lightbox-stage img{object-fit:contain;border-radius:8px;width:auto;max-width:100%;height:auto;max-height:72vh;margin-inline:auto;display:block}#aqua-portfolio .lightbox-stage p{text-align:center;max-width:760px;margin:14px auto 0;font-size:13px}#aqua-portfolio .lightbox-controls{color:var(--pf-muted);justify-content:space-between;align-items:center;gap:18px;margin-top:18px;font:12px/1.5 monospace;display:flex}#aqua-portfolio .lightbox-controls button{border:1px solid var(--pf-line);background:var(--pf-surface);min-height:40px;color:var(--pf-accent);font:inherit;cursor:pointer;border-radius:6px;padding:8px 12px}@media (width<=620px){#aqua-portfolio .auto-gallery-grid{grid-template-columns:1fr;gap:24px}#aqua-portfolio .gallery-thumbnail .pf-cover-composition{height:390px}#aqua-portfolio .gallery-thumbnail .pf-cover-foreground{height:354px}#aqua-portfolio .gallery-lightbox{width:94vw;padding:52px 16px 18px}}