:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--dbh-cyan:#69cfff;--dbh-cyan-bright:#8fd6ff;--dbh-cyan-line:#69cfff80;--dbh-navy-deep:#0b2235;--dbh-navy:#173f5b;--dbh-slate:#3f5d6e;--dbh-panel-gradient:linear-gradient(90deg, #123756fa 0%, #2a5471f2 22%, #4e7891d6 50%, #2a5471f2 78%, #123756fa 100%), #194569e0;--dbh-panel-shadow:inset 0 1px 0 #ffffff2e, inset 0 -1px 0 #0c233673, 0 0 20px #5796be33}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}@font-face{font-family:Gotham_medium;src:url(./Gotham%20Medium-BUrkf28q.otf);font-weight:400;font-style:normal}@font-face{font-family:Gotham_thin;src:url(./Gotham%20Thin-BDI4_dMM.otf);font-weight:400;font-style:normal}body{color:#1a1a1a;background:#05090d;margin:0;font-family:Gotham_thin,system-ui,-apple-system,sans-serif}button{font-family:inherit}.navbar{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(90deg,#c3e1f2b8,#e8f7ffad 36%,#c7e2f29e),linear-gradient(#ffffff75,#87b7d038);align-items:center;height:76px;padding:0;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden;box-shadow:inset 0 1px #ffffff85,inset 0 -1px #4c70841f}.navbar-item-wrap{flex:1;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.navbar-tick{background:#273e4c2e;width:1px;height:12px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.navbar-item{isolation:isolate;white-space:nowrap;text-align:left;text-overflow:ellipsis;letter-spacing:0;text-transform:uppercase;color:#26343e;cursor:pointer;background:0 0;border:none;width:clamp(210px,94%,280px);height:42px;padding:0 16px;font-family:Gotham_medium;font-size:12px;transition:color .2s,background .2s,transform .2s;position:relative;overflow:hidden}.navbar-item:hover{color:#0d1820}.navbar-item.active{color:#f5fbff;background:var(--dbh-panel-gradient);box-shadow:var(--dbh-panel-shadow)}.navbar-item-label{z-index:3;position:relative}.navbar-triangle-layer{--triangle-size:56px;z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.navbar-triangle{width:var(--triangle-size);opacity:0;clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(#a6d3eb9e,#0c36567a);height:100%;animation:.55s step-end both navbar-triangle-single-glitch;position:absolute;top:0}.navbar-triangle.one{animation-delay:0s;left:64px}.navbar-triangle.two{clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(#09304e80,#8fc5e194);animation-delay:.13s;left:92px}.navbar-triangle.three{background:linear-gradient(#96cce894,#082e4c80);animation-delay:.27s;left:120px}.navbar-triangle.four{clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(#082d4a75,#84bede8a);animation-delay:.4s;left:148px}.navbar-triangle.five{background:linear-gradient(#a6d3eb94,#0c36567a);animation-delay:.4s;left:176px}.navbar-triangle.six{clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(#09304e7a,#8fc5e18a);animation-delay:.27s;left:204px}.navbar-triangle.seven{background:linear-gradient(#96cce88a,#082e4c75);animation-delay:.13s;left:232px}.navbar-triangle.eight{clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(#082d4a70,#84bede80);animation-delay:0s;left:260px}.navbar-item-corner{z-index:4;border:1px solid #172b3aeb;width:7px;height:7px;position:absolute}.navbar-item-corner.tl{border-bottom:none;border-right:none;top:0;left:0}.navbar-item-corner.tr{border-bottom:none;border-left:none;top:0;right:0}.navbar-item-corner.bl{border-top:none;border-right:none;bottom:0;left:0}.navbar-item-corner.br{border-top:none;border-left:none;bottom:0;right:0}@keyframes navbar-triangle-single-glitch{0%{opacity:0}14%{opacity:.72}28%{opacity:.18}44%{opacity:.64}58%{opacity:0}74%{opacity:.42}to{opacity:0}}@media (width<=720px){.navbar{height:70px;padding:0 8px;bottom:20px}.navbar-item{width:100%;height:40px;padding:0 8px;font-size:10px}}.persistent-assistant{top:calc(100vh - 76px - var(--assistant-height,min(42.857vw, 600px)));left:calc(100vw - var(--assistant-gutter,64px) - var(--assistant-width,min(50vw, 700px)));z-index:10;width:var(--assistant-width,min(50vw, 700px));height:var(--assistant-height,min(42.857vw, 600px));transform-origin:50%;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .18s ease-out,top .7s cubic-bezier(.16,1,.3,1),left .7s cubic-bezier(.16,1,.3,1),width .7s cubic-bezier(.16,1,.3,1),height .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1),visibility 0s linear .26s;position:fixed;overflow:visible;transform:scale(.96)}.persistent-assistant.is-visible{visibility:visible;opacity:1;transition-delay:0s;transform:scale(1)}.persistent-assistant.is-centered{width:100vw;height:calc(100vh - 76px);top:0;left:0;transform:scale(.96)}.persistent-assistant.is-centered.is-visible{transform:scale(1)}@media (prefers-reduced-motion:reduce){.persistent-assistant{transition-duration:1ms}}.section-eyebrow{letter-spacing:3px;text-transform:uppercase;color:var(--dbh-slate);align-items:center;gap:8px;margin:0 0 8px;font-family:Gotham_medium,system-ui,-apple-system,sans-serif;font-size:12px;display:inline-flex;position:relative}.section-eyebrow:before{content:"";background:var(--dbh-cyan);width:14px;height:1px;box-shadow:0 0 6px #69cfffb3}.section-title{letter-spacing:1px;color:#101820;margin:0 0 24px;font-family:Gotham_medium,system-ui,-apple-system,sans-serif;font-size:34px;font-weight:400}.row-container{flex-direction:row;gap:16px;display:flex}.column-container{flex-direction:column;gap:16px;display:flex}.section-text{color:#26333b;margin:0 0 16px;font-family:Gotham_medium,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.7}.section-button{-webkit-backdrop-filter:blur(12px)saturate(150%);color:var(--dbh-navy);letter-spacing:2px;text-transform:uppercase;background:#1f4e7926;border:1px solid #1f4e794d;border-radius:10px;align-items:center;gap:10px;padding:13px 28px;font-family:Gotham_medium,system-ui,-apple-system,sans-serif;font-size:13px;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:inline-flex;position:relative}.section-button:after{content:"";border-top:1px solid var(--dbh-cyan);border-right:1px solid var(--dbh-cyan);width:6px;height:6px;transition:transform .2s;transform:rotate(45deg)}.section-button:hover{color:var(--dbh-navy);border-color:var(--dbh-cyan);background:#1f4e7947}.section-button:hover:after{transform:rotate(45deg)translate(2px,-2px)}.contact-section{--contact-blue:#173f5b;--contact-cyan:#71dcff;--contact-yellow:#f1c84b;scrollbar-width:thin;scrollbar-color:#173f5b8c transparent;flex-direction:column;gap:18px;max-width:680px;height:calc(100dvh - 156px);min-height:0;padding-right:8px;display:flex;overflow-y:auto}.contact-heading .section-title{margin-bottom:10px}.contact-intro{color:#2c3b45;max-width:54ch;margin:0;font-family:Gotham_medium,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.55}.contact-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.contact-link{-webkit-backdrop-filter:blur(12px)saturate(150%);color:#173f5b;background:#1f4e7926;border:1px solid #1f4e794d;border-radius:10px;flex-direction:column;justify-content:center;min-width:0;min-height:78px;padding:14px 34px 14px 15px;font-family:Gotham_medium,system-ui,-apple-system,sans-serif;text-decoration:none;transition:border-color .16s,background-color .16s,transform .16s;display:flex;position:relative;overflow:hidden;box-shadow:0 9px 22px #0c395721}.contact-link:before{z-index:2;background:var(--contact-cyan);content:"";transform-origin:50%;width:3px;height:100%;transition:transform .16s;position:absolute;top:0;left:0;transform:scaleY(.42)}.contact-link:hover,.contact-link:focus-visible{border-color:var(--contact-cyan);background:#1f4e7947;outline:none;transform:translateY(-2px)}.contact-link:hover:before,.contact-link:focus-visible:before{transform:scaleY(1)}.contact-link-label{z-index:2;letter-spacing:1.25px;text-transform:uppercase;font-size:14px;position:relative}.contact-link-detail{z-index:2;color:#173f5bbf;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:10px;line-height:1.2;position:relative;overflow:hidden}.contact-link-arrow{z-index:2;color:var(--contact-cyan);font-size:16px;position:absolute;top:14px;right:14px}.contact-link-triangle-mesh{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.contact-link-triangle-mesh .hud-triangle-mesh-piece{stroke:none;opacity:0}.contact-link-triangle-mesh .hud-triangle-mesh-piece.is-1,.contact-link-triangle-mesh .hud-triangle-mesh-piece.is-8{fill:#3a698f52}.contact-link-triangle-mesh .hud-triangle-mesh-piece.is-2,.contact-link-triangle-mesh .hud-triangle-mesh-piece.is-7{fill:#0b223566}.contact-link-triangle-mesh .hud-triangle-mesh-piece.is-3,.contact-link-triangle-mesh .hud-triangle-mesh-piece.is-6{fill:#1f4e795c}.contact-link-triangle-mesh .hud-triangle-mesh-piece.is-4,.contact-link-triangle-mesh .hud-triangle-mesh-piece.is-5{fill:#173f5b52}.contact-link:hover .hud-triangle-mesh-piece,.contact-link:focus-visible .hud-triangle-mesh-piece{animation:.55s step-end both contact-link-triangle-glitch}.contact-link:hover .hud-triangle-mesh-piece.is-2,.contact-link:focus-visible .hud-triangle-mesh-piece.is-2,.contact-link:hover .hud-triangle-mesh-piece.is-7,.contact-link:focus-visible .hud-triangle-mesh-piece.is-7{animation-delay:.13s}.contact-link:hover .hud-triangle-mesh-piece.is-3,.contact-link:focus-visible .hud-triangle-mesh-piece.is-3,.contact-link:hover .hud-triangle-mesh-piece.is-6,.contact-link:focus-visible .hud-triangle-mesh-piece.is-6{animation-delay:.27s}.contact-link:hover .hud-triangle-mesh-piece.is-4,.contact-link:focus-visible .hud-triangle-mesh-piece.is-4,.contact-link:hover .hud-triangle-mesh-piece.is-5,.contact-link:focus-visible .hud-triangle-mesh-piece.is-5{animation-delay:.4s}@keyframes contact-link-triangle-glitch{0%{opacity:0}14%{opacity:.72}28%{opacity:.18}44%{opacity:.64}58%{opacity:0}74%{opacity:.42}to{opacity:0}}@media (prefers-reduced-motion:reduce){.contact-link:hover .hud-triangle-mesh-piece,.contact-link:focus-visible .hud-triangle-mesh-piece{opacity:.4;animation:none}}.contact-compose{border:1px solid #1f4e794d;border-left:4px solid var(--contact-cyan);-webkit-backdrop-filter:blur(12px)saturate(150%);background:#1f4e7926;border-radius:10px;padding:20px 22px 18px;position:relative;box-shadow:0 18px 40px #14405b1f}.contact-compose-edge{z-index:1;pointer-events:none;flex-direction:column;width:8px;display:flex;position:absolute;inset:0 auto 0 -1px;overflow:hidden}.contact-compose-tick{background:var(--contact-cyan);clip-path:polygon(0 0,100% 50%,0 100%);opacity:.2;flex:1 1 0;width:100%;animation:1.7s ease-in-out infinite contact-compose-tick-flash}@keyframes contact-compose-tick-flash{0%,to{opacity:.15}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.contact-compose-tick{opacity:.75;animation:none}}.contact-compose:after{border-top:2px solid var(--contact-cyan);border-right:2px solid var(--contact-cyan);content:"";width:11px;height:11px;position:absolute;top:7px;right:7px}.contact-compose-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.contact-compose-kicker{color:#527083;letter-spacing:2px;text-transform:uppercase;margin:0 0 4px;font-family:Gotham_medium,system-ui,-apple-system,sans-serif;font-size:10px}.contact-compose-heading h2{color:#142c3c;letter-spacing:.3px;margin:0;font-family:Gotham_medium,system-ui,-apple-system,sans-serif;font-size:21px;font-weight:400}.contact-status{color:#607986;letter-spacing:1px;text-transform:uppercase;align-items:center;gap:6px;font-family:Gotham_medium,system-ui,-apple-system,sans-serif;font-size:10px;display:inline-flex}.contact-status span{background:var(--contact-cyan);border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #71dcffd9}.contact-form{grid-template-columns:1fr 1fr;gap:13px 14px;display:grid}.contact-field{color:#38505e;letter-spacing:1.1px;text-transform:uppercase;flex-direction:column;gap:6px;min-width:0;font-family:Gotham_medium,system-ui,-apple-system,sans-serif;font-size:10px;display:flex}.contact-field input,.contact-field textarea{box-sizing:border-box;color:#152c3a;background:#ffffffc7;border:1px solid #173f5b45;border-radius:10px;outline:none;width:100%;font:13px/1.4 Gotham_medium,system-ui,-apple-system,sans-serif;transition:border-color .16s,box-shadow .16s}.contact-field input{height:42px;padding:0 12px}.contact-field textarea{resize:vertical;min-height:94px;padding:10px 12px}.contact-field input::placeholder,.contact-field textarea::placeholder{color:#7f9099}.contact-field input:focus,.contact-field textarea:focus{border-color:var(--contact-cyan);box-shadow:0 0 0 2px #71dcff2e}.contact-message-field,.contact-form-footer{grid-column:1/-1}.contact-form-footer{justify-content:space-between;align-items:center;gap:16px;display:flex}.contact-form-footer p{color:#647985;margin:0;font-family:Gotham_medium,system-ui,-apple-system,sans-serif;font-size:10px;line-height:1.4}.contact-submit{-webkit-backdrop-filter:blur(12px)saturate(150%);color:#173f5b;cursor:pointer;letter-spacing:1.2px;text-transform:uppercase;background:#1f4e7926;border:1px solid #1f4e794d;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:14px;min-height:42px;padding:0 18px;font:11px Gotham_medium,system-ui,-apple-system,sans-serif;transition:border-color .16s,background-color .16s;display:inline-flex}.contact-submit:hover,.contact-submit:focus-visible{border-color:var(--contact-yellow);background:#1f4e7947;outline:none}.contact-submit span{color:#173f5b;font-size:16px}@media (width<=1000px){.contact-links{grid-template-columns:1fr}.contact-link{min-height:60px}}@media (width<=720px){.contact-section{height:calc(100dvh - 138px);padding-right:4px}.contact-form{grid-template-columns:1fr}.contact-field,.contact-message-field,.contact-form-footer{grid-column:1}}@media (width<=480px){.contact-compose{padding:17px 16px 15px}.contact-status{display:none}.contact-form-footer{flex-direction:column;align-items:stretch}.contact-submit{width:100%}}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;width:100%;display:grid}.skills-chip{-webkit-backdrop-filter:blur(12px)saturate(150%);color:#173f5b;background:#1f4e7926;border:1px solid #1f4e794d;border-radius:10px;align-items:center;gap:12px;min-height:70px;padding:12px 16px 12px 19px;transition:border-color .16s,background-color .16s,transform .16s;display:flex;position:relative;overflow:hidden}.skills-chip:before{content:"";background:var(--dbh-cyan);opacity:.5;width:3px;height:100%;transition:opacity .16s;position:absolute;top:0;left:0}.skills-chip:hover{background:#1f4e793d;border-color:#69cfffb3;transform:translateY(-2px)}.skills-chip:hover:before{opacity:1}.skills-chip img{object-fit:contain;width:38px;height:38px}.skills-chip span{flex-direction:column;gap:4px;display:flex}.skills-chip strong{color:#173f5b;font-family:Gotham_medium,system-ui,-apple-system,sans-serif;font-size:15px;font-weight:400}.skills-chip small{color:var(--dbh-slate);font-family:Gotham_medium,system-ui,-apple-system,sans-serif;font-size:12px}@media (width<=480px){.skills-grid{grid-template-columns:1fr}}.projects-overview{flex-direction:column;height:calc(100dvh - 156px);min-height:0;display:flex}.project-list{border-left:1px solid #d4cccc;flex-direction:column;flex:auto;gap:14px;min-width:0;min-height:0;padding:0 6px 0 16px;display:flex;overflow:hidden auto}.project-list::-webkit-scrollbar{width:4px}.project-preview{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;visibility:hidden;background:#f3fafdb8;border:1px solid #c4dae6b3;flex-direction:column;width:min(38vw,480px);height:min(70vh,640px);transition:opacity .18s ease-out,transform .26s cubic-bezier(.16,1,.3,1),visibility 0s linear .26s;display:flex;position:absolute;top:50%;right:64px;overflow:hidden;transform:translateY(-48%)scale(.96);box-shadow:0 16px 45px #15445f29}.project-preview.is-empty{background:radial-gradient(circle at 50% 34%,#97ddf742,#0000 34%),linear-gradient(145deg,#f6fcfedb,#e1f2f9c2)}.project-preview.is-visible{visibility:visible;opacity:1;transition-delay:0s;transform:translateY(-50%)scale(1)}.project-preview:before{content:"";z-index:0;clip-path:polygon(0 0,28px 0,36px 8px,calc(100% - 36px) 8px,calc(100% - 28px) 0,100% 0,100% 100%,0 100%);opacity:2;pointer-events:none;border:1px solid #81d0f88c;position:absolute;inset:10px}.project-preview:after{content:"";z-index:3;opacity:2;pointer-events:none;background:#b7f1ff;width:100%;height:2px;position:absolute;top:0;left:0%;box-shadow:0 0 8px #74d8f6,0 0 18px #37aedbcc}.project-preview.is-visible:before{animation:.5s ease-out both project-preview-frame}.project-preview.is-visible:after{animation:2.6s ease-in-out .35s infinite project-preview-scan}.project-preview-image{aspect-ratio:16/9;object-fit:cover;background:#12375614;width:100%;animation:.32s ease-out both project-preview-image-reveal;display:block}.project-preview-content{padding:clamp(18px,2vw,28px);animation:.36s ease-out 90ms both project-preview-content-reveal;overflow-y:auto}.project-preview-eyebrow{color:#354e5d;letter-spacing:2px;text-transform:uppercase;margin:0 0 8px;font-family:Gotham_medium,system-ui,-apple-system,sans-serif;font-size:11px}.project-preview-title{color:#17384c;margin:0 0 12px;font-size:clamp(22px,2.2vw,30px);font-weight:400}.project-preview-description{color:#263b47;margin:0;font-family:Gotham_medium,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.7}.project-preview-empty{z-index:1;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:clamp(30px,4vw,54px);animation:.36s ease-out both project-preview-content-reveal;display:flex;position:relative}.project-preview-empty-visual{width:184px;height:132px;margin-bottom:28px;position:relative}.project-preview-empty-card{clip-path:polygon(0 0,88% 0,100% 20%,100% 100%,0 100%);background:#ebf8fdd1;border:1px solid #4b97beb8;width:142px;height:82px;display:block;position:absolute;box-shadow:0 12px 28px #1d55741f}.project-preview-empty-card-back{opacity:.42;top:8px;left:30px;transform:translate(12px,-8px)}.project-preview-empty-card-front{background:linear-gradient(135deg,#265b7cf5,#17384cf5);border-color:#9ae2fbdb;padding:18px 16px;top:28px;left:8px}.project-preview-empty-card-front span{background:#d1effab8;width:70%;height:3px;margin-bottom:9px;display:block}.project-preview-empty-card-front span:first-child{background:#92ddf6;width:44%;height:5px}.project-preview-empty-card-front span:last-child{opacity:.65;width:58%}.project-preview-empty-pointer{filter:drop-shadow(0 3px 5px #11415b47);clip-path:polygon(0 0,100% 72%,60% 74%,78% 100%,62% 100%,45% 77%,18% 100%);background:#8ee3fb;width:25px;height:32px;position:absolute;bottom:9px;right:11px;transform:rotate(-8deg)}.project-preview-empty-title{color:#17384c;letter-spacing:.3px;margin:0 0 13px;font-size:clamp(24px,2.3vw,32px);font-weight:400}.project-preview-empty-description{color:#304753;max-width:340px;margin:0;font-family:Gotham_medium,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.7}.project-preview-empty-actions{border-top:1px solid #5c98b542;border-bottom:1px solid #5c98b542;grid-template-columns:1fr 1fr;width:100%;margin-top:30px;display:grid}.project-preview-empty-actions span{color:#526b79;letter-spacing:.7px;text-transform:uppercase;flex-direction:column;gap:5px;padding:14px 10px;font-family:Gotham_medium,system-ui,-apple-system,sans-serif;font-size:10px;display:flex}.project-preview-empty-actions span+span{border-left:1px solid #5c98b542}.project-preview-empty-actions strong{color:#1d5a7b;letter-spacing:1.6px;font-size:11px}@keyframes project-preview-frame{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes project-preview-scan{0%,to{opacity:0;top:0}12%{opacity:.9}82%{opacity:.7}92%{opacity:0;top:calc(100% - 2px)}}@keyframes project-preview-image-reveal{0%{opacity:0}to{opacity:1}}@keyframes project-preview-content-reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.project-panel{all:unset;box-sizing:border-box;cursor:pointer;clip-path:polygon(0 0,92% 0,100% 50%,92% 100%,0 100%);background-image:url(./project_nameplate-fufRmEA5.png);background-position:50%;background-size:cover;flex-direction:column;flex:none;gap:4px;width:100%;min-width:0;padding:16px clamp(72px,12%,110px) 16px 20px;transition:filter .2s;display:flex;overflow:hidden}.project-panel:hover{filter:brightness(1.12)}.project-panel:hover .project-panel-title{color:#fff}.project-panel:hover .project-panel-desc{color:#e4edf3}.project-panel-title{overflow-wrap:anywhere;letter-spacing:1px;text-transform:uppercase;color:#f2f5f7;min-width:0;max-width:100%;font-size:15px;display:block}.project-panel-desc{color:#c7d0d8;-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;min-width:0;max-width:100%;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.project-detail{flex-direction:column;height:calc(100dvh - 156px);min-height:0;display:flex}.project-detail-layout{flex:auto;grid-template-columns:minmax(0,720px);gap:clamp(28px,4vw,58px);min-height:0;display:grid}.project-detail-layout.has-story{grid-template-columns:minmax(340px,.88fr) minmax(440px,1.12fr)}.project-detail-header{all:unset;cursor:pointer;color:var(--dbh-slate);letter-spacing:2px;text-transform:uppercase;flex:none;align-self:flex-start;align-items:center;gap:10px;margin-bottom:18px;font-family:Gotham_medium,system-ui,-apple-system,sans-serif;font-size:13px;transition:color .16s;display:flex}.project-detail-header:hover{color:var(--dbh-navy)}.project-detail-left,.project-detail-content{scrollbar-width:thin;scrollbar-color:#173f5b8c transparent;min-width:0;min-height:0;overflow-y:auto}.project-detail-left{flex-direction:column;gap:clamp(12px,1.4vw,18px);display:flex;overflow:hidden}.project-detail-summary{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#eef8fcc7;border:1px solid #69cfff85;border-left:4px solid #173f5b;border-radius:10px;flex:none;padding:clamp(18px,2vw,26px);position:relative;box-shadow:0 14px 36px #0d364f1f}.project-detail-visual{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#eff9fda3;border:1px solid #173f5b33;border-radius:10px;flex-direction:column;flex:1 1 0;min-height:0;padding:12px;display:flex;overflow:hidden;box-shadow:0 16px 42px #14405b1f}.project-detail-content{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#eef8fcc7;border:1px solid #69cfff85;border-left:4px solid #173f5b;border-radius:10px;padding:clamp(24px,3vw,40px);position:relative;box-shadow:0 18px 48px #0d364f24}.project-detail-content:before,.project-detail-summary:before{content:"";pointer-events:none;border-top:2px solid #69cfffe6;border-right:2px solid #69cfffe6;width:14px;height:14px;position:absolute;top:10px;right:10px}.project-detail-eyebrow{color:#32617a;letter-spacing:2.5px;text-transform:uppercase;margin:0 0 8px;font-family:Gotham_medium,system-ui,-apple-system,sans-serif;font-size:10px}.project-detail-summary h1{color:#102b3b;letter-spacing:.4px;margin:0 0 12px;font-family:Gotham_medium,system-ui,-apple-system,sans-serif;font-size:clamp(28px,2.7vw,38px);font-weight:400}.project-story-header{border-bottom:1px solid #173f5b2e;padding-bottom:22px}.project-story-header h2{color:#15384c;letter-spacing:.2px;margin:0;font-family:Gotham_medium,system-ui,-apple-system,sans-serif;font-size:clamp(23px,2.3vw,32px);font-weight:400}.project-detail-lead{color:#2b404c;max-width:66ch;margin:0;font-family:Gotham_medium,system-ui,-apple-system,sans-serif;font-size:clamp(12.5px,1.1vw,14px);line-height:1.55}.project-carousel{flex:auto;align-items:center;gap:16px;min-height:0;margin-bottom:8px;display:flex}.project-carousel-arrow{all:unset;cursor:pointer;width:32px;height:32px;color:var(--dbh-slate);border:1px solid #173f5b47;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;transition:border-color .16s,color .16s;display:flex}.project-carousel-arrow:hover{border-color:var(--dbh-cyan);color:var(--dbh-navy)}.project-carousel-frame{background:#1237560d;border:1px solid #173f5b29;border-radius:10px;flex:1;height:100%;min-height:0;overflow:hidden}.project-carousel-frame img{object-fit:contain;width:100%;height:100%;animation:.22s ease-out both project-detail-image-fade;display:block}.project-carousel-dots{justify-content:center;gap:8px;margin-bottom:8px;display:flex}.project-carousel-dot{all:unset;cursor:pointer;background:#173f5b40;border-radius:50%;width:6px;height:6px;transition:background-color .16s,box-shadow .16s}.project-carousel-dot.active{background:var(--dbh-cyan);box-shadow:0 0 6px #69cfffd9}.project-media-caption{color:#59717f;letter-spacing:1.2px;text-transform:uppercase;align-items:center;gap:10px;margin:2px 0 0;font-family:Gotham_medium,system-ui,-apple-system,sans-serif;font-size:10px;display:flex}.project-media-caption span{color:#1477a8;font-size:12px}.project-system-visual{color:#f4fbff;background:#173f5b;border:1px solid #69cfff8c;border-radius:10px;flex-direction:column;justify-content:center;height:100%;min-height:0;padding:clamp(26px,4vw,50px);display:flex;position:relative;overflow:hidden}.project-system-visual:before,.project-system-visual:after{content:"";border:1px solid #69cfff26;width:180px;height:180px;position:absolute;transform:rotate(45deg)}.project-system-visual:before{top:-105px;right:-70px}.project-system-visual:after{bottom:-120px;left:-70px}.project-system-visual>p{color:#79dfff;letter-spacing:2.4px;text-transform:uppercase;margin:0 0 8px;font-family:Gotham_medium,system-ui,-apple-system,sans-serif;font-size:10px}.project-system-visual h2{margin:0 0 32px;font-family:Gotham_medium,system-ui,-apple-system,sans-serif;font-size:clamp(24px,2.5vw,34px);font-weight:400}.project-system-flow{grid-template-columns:auto minmax(18px,1fr) auto minmax(18px,1fr) auto;align-items:center;gap:8px;display:grid}.project-system-flow span{letter-spacing:1px;text-transform:uppercase;font-family:Gotham_medium,system-ui,-apple-system,sans-serif;font-size:10px}.project-system-flow i{background:#79dfffb3;height:1px;position:relative}.project-system-flow i:after{content:"";background:#79dfff;width:5px;height:5px;position:absolute;top:-2px;right:0;transform:rotate(45deg)}.project-system-visual small{color:#e2f2f9b8;max-width:42ch;margin-top:28px;font-family:Gotham_medium,system-ui,-apple-system,sans-serif;font-size:11px;line-height:1.6}.project-technologies{flex-wrap:wrap;gap:8px;margin:22px 0;display:flex}.project-detail-summary .project-technologies{gap:6px;margin:14px 0}.project-detail-summary .project-technologies span{padding:5px 8px;font-size:11px}.project-detail-summary .project-links{gap:8px}.project-detail-summary .project-links a{padding:7px 10px;font-size:10px}.project-technologies span{color:var(--dbh-navy);border:1px solid #173f5b47;border-radius:10px;padding:6px 10px;font-family:Gotham_medium,system-ui,-apple-system,sans-serif;font-size:12px}.project-links{flex-wrap:wrap;gap:12px;display:flex}.project-links a{color:var(--dbh-navy);letter-spacing:.7px;text-transform:uppercase;background:#ffffff75;border:1px solid #173f5b4d;border-radius:10px;align-items:center;gap:9px;padding:9px 12px;font-family:Gotham_medium,system-ui,-apple-system,sans-serif;font-size:11px;text-decoration:none;transition:border-color .16s,color .16s,background-color .16s;display:inline-flex}.project-links a:hover{color:var(--dbh-cyan);border-color:var(--dbh-cyan);background:#ffffffb8}.project-links a span{color:#1784b7;font-size:14px}.project-story{margin-top:4px}.project-story-section{border-bottom:1px solid #173f5b24;grid-template-columns:32px minmax(0,1fr);gap:14px;padding:24px 0;display:grid}.project-story-number{color:#1681b2;letter-spacing:1px;padding-top:3px;font-family:Gotham_medium,system-ui,-apple-system,sans-serif;font-size:10px}.project-story-section h2{color:#15384c;letter-spacing:.2px;margin:0 0 9px;font-family:Gotham_medium,system-ui,-apple-system,sans-serif;font-size:17px;font-weight:400}.project-story-section p{color:#334a57;margin:0;font-family:Gotham_medium,system-ui,-apple-system,sans-serif;font-size:13px;line-height:1.75}@keyframes project-detail-image-fade{0%{opacity:0}to{opacity:1}}@media (width<=720px){.projects-overview{height:calc(100dvh - 138px)}.project-preview{width:100%;height:auto;min-height:280px;margin:24px 0;position:static;transform:none}.project-preview.is-visible{transform:none}.project-preview-image{max-height:240px}.project-detail{height:calc(100dvh - 138px);overflow-y:auto}.project-detail-layout{flex-direction:column;display:flex}.project-detail-left{flex:none;height:calc(100dvh - 180px);overflow:hidden}.project-detail-visual{flex:1 1 0;overflow:hidden}.project-detail-content{flex:none;padding:22px 18px;overflow:visible}.project-detail-summary{padding:18px}}@media (width>=721px) and (width<=980px){.project-detail{overflow-y:auto}.project-detail-layout{grid-template-columns:1fr}.project-detail-left{height:calc(100dvh - 194px);overflow:hidden}.project-detail-visual{overflow:hidden}.project-detail-content{overflow:visible}}@media (prefers-reduced-motion:reduce){.project-preview,.project-preview-image,.project-preview-content,.project-carousel-frame img,.project-preview.is-visible:before,.project-preview.is-visible:after{transition-duration:1ms;animation:none}}.app{--assistant-gutter:clamp(24px, 3.35vw, 64px);--assistant-width:min(50vw, 700px);--assistant-height:min(42.857vw, 600px);isolation:isolate;background-color:#05090d;min-height:100vh;position:relative}.background-video{z-index:-1;object-fit:cover;pointer-events:none;opacity:0;width:100%;height:100%;animation:.38s forwards background-video-in;position:fixed;inset:0}@keyframes background-video-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.background-video{opacity:1;animation:none}}.app-stage{justify-content:center;align-items:center;gap:64px;min-height:100vh;padding:80px 64px 180px;display:flex;overflow-y:scroll}.section-row{justify-content:center;align-items:center;gap:64px;display:flex}.scroll-stage{scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:none;height:100vh;overflow-y:auto}.scroll-stage.is-programmatic-scrolling{scroll-snap-type:none}.scroll-stage::-webkit-scrollbar{display:none}.section-page{scroll-snap-align:start;scroll-snap-stop:always;min-height:100vh;padding:80px 64px;position:relative}.app-stage::-webkit-scrollbar{width:4px}.project-list::-webkit-scrollbar-thumb{background:#0c598c}.app-panel{width:calc(100vw - var(--assistant-width) - var(--assistant-gutter) - 72px);max-width:calc(100vw - var(--assistant-width) - var(--assistant-gutter) - 72px);flex:1}.section-page.is-project-detail .app-panel{width:100%;max-width:none}.app-portfolio-name,.app-inspired-by{z-index:5;color:#176b94;letter-spacing:3px;text-transform:uppercase;white-space:nowrap;text-shadow:0 1px #ffffffb8;opacity:0;pointer-events:none;margin:0;font-family:Gotham_medium,system-ui,-apple-system,sans-serif;font-size:12px;font-weight:400;transition:opacity .26s ease-out;position:fixed;top:40px}.app-portfolio-name{left:64px}.app-inspired-by{text-align:right;right:64px}.app-inspired-by em{color:#0e5c84;letter-spacing:3px;font-style:normal}.app-portfolio-name.is-visible,.app-inspired-by.is-visible{opacity:1}@media (width<=720px){.section-page{padding:48px 24px}.app-panel{width:100%;max-width:none}.app-portfolio-name,.app-inspired-by{letter-spacing:1.5px;font-size:9px;top:24px}.app-portfolio-name{left:24px}.app-inspired-by{right:24px}.app-inspired-by em{letter-spacing:1.5px}}@media (width<=480px){.app-inspired-by{white-space:normal;max-width:48vw;line-height:1.45}}.loading-screen{z-index:100;background-color:#05090d;width:100%;height:100vh;position:fixed;inset:0;overflow:hidden}.loading-video{object-fit:cover;z-index:0;opacity:0;width:100%;height:100%;animation:.38s forwards loading-video-in;position:absolute;inset:0}@keyframes loading-video-in{0%{opacity:0}to{opacity:1}}.loading-bg-video{z-index:1}.loading-mask{z-index:1;-webkit-backdrop-filter:blur(12px)saturate(150%);background:#1f4e7926;border:1px solid #1f4e794d;position:absolute;inset:0}.loading-hud{z-index:2;animation:.42s both loading-hud-in;position:absolute;inset:0}.loading-hud.is-exiting{animation:.22s both loading-hud-out}.loading-grid{z-index:0;opacity:.12;background-image:linear-gradient(#c3cdd380 1px,#0000 1px),linear-gradient(90deg,#c3cdd380 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:-20px}.loading-vignette{z-index:0;background:radial-gradient(#0000 30%,#05090da6 100%),linear-gradient(#05090d8c 0%,#05090d26 22% 78%,#05090d99 100%);position:absolute;inset:0}.loading-header{z-index:2;pointer-events:none;justify-content:space-between;align-items:flex-start;padding:clamp(20px,3vw,40px) clamp(20px,4vw,56px);display:flex;position:absolute;top:0;left:0;right:0}.loading-brand{color:#c3cdd3;letter-spacing:3px;flex-direction:column;gap:6px;font-family:Gotham_medium,system-ui,-apple-system,sans-serif;font-size:11px;display:flex}.loading-center{z-index:2;flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading-continue-button{all:unset;box-sizing:border-box;color:#c3cdd3;letter-spacing:3.2px;text-transform:uppercase;cursor:pointer;background:#0819268c;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:0 46px;font-family:Gotham_medium,system-ui,-apple-system,sans-serif;font-size:13px;transition:color .16s,border-color .16s,background .16s,box-shadow .16s;animation:2.6s ease-in-out infinite loading-button-breathe;display:inline-flex;position:relative;overflow:hidden}.loading-continue-mark{border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:8px solid;width:0;height:0}.loading-continue-mesh{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.loading-continue-mesh .hud-triangle-mesh-piece{stroke:none;opacity:0}.loading-continue-mesh .hud-triangle-mesh-piece.is-1,.loading-continue-mesh .hud-triangle-mesh-piece.is-8{fill:#c3cdd352}.loading-continue-mesh .hud-triangle-mesh-piece.is-2,.loading-continue-mesh .hud-triangle-mesh-piece.is-7{fill:#1f4e7966}.loading-continue-mesh .hud-triangle-mesh-piece.is-3,.loading-continue-mesh .hud-triangle-mesh-piece.is-6{fill:#c3cdd35c}.loading-continue-mesh .hud-triangle-mesh-piece.is-4,.loading-continue-mesh .hud-triangle-mesh-piece.is-5{fill:#1f4e7952}.loading-continue-button:hover .hud-triangle-mesh-piece,.loading-continue-button:focus-visible .hud-triangle-mesh-piece{animation:.55s step-end both loading-triangle-glitch}.loading-continue-button:hover .hud-triangle-mesh-piece.is-2,.loading-continue-button:focus-visible .hud-triangle-mesh-piece.is-2,.loading-continue-button:hover .hud-triangle-mesh-piece.is-7,.loading-continue-button:focus-visible .hud-triangle-mesh-piece.is-7{animation-delay:.13s}.loading-continue-button:hover .hud-triangle-mesh-piece.is-3,.loading-continue-button:focus-visible .hud-triangle-mesh-piece.is-3,.loading-continue-button:hover .hud-triangle-mesh-piece.is-6,.loading-continue-button:focus-visible .hud-triangle-mesh-piece.is-6{animation-delay:.27s}.loading-continue-button:hover .hud-triangle-mesh-piece.is-4,.loading-continue-button:focus-visible .hud-triangle-mesh-piece.is-4,.loading-continue-button:hover .hud-triangle-mesh-piece.is-5,.loading-continue-button:focus-visible .hud-triangle-mesh-piece.is-5{animation-delay:.4s}.loading-continue-button:hover,.loading-continue-button:focus-visible{color:#c3cdd3;background:#0d3145bf;border-color:#c3cdd3b3;animation-play-state:paused;box-shadow:0 0 24px #c3cdd352}.loading-continue-button:focus-visible{outline-offset:3px;outline:2px solid #c3cdd3}.loading-audio-chip{all:unset;box-sizing:border-box;color:#c3cdd3;letter-spacing:1.4px;text-transform:uppercase;white-space:nowrap;background:#0819268c;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:28px;padding:0 16px;font-family:Gotham_medium,system-ui,-apple-system,sans-serif;font-size:10px;transition:color .16s,border-color .16s,background .16s,box-shadow .16s;animation:2.6s ease-in-out infinite loading-button-breathe;display:inline-flex;position:relative;overflow:hidden}.loading-audio-icon{color:#c3cdd3;flex:none;width:12px;height:12px}.loading-flash{z-index:3;opacity:0;pointer-events:none;background:#eaf9ff;animation:.24s ease-out forwards loading-flash-in;position:absolute;inset:0}@keyframes loading-hud-in{0%{opacity:0}to{opacity:1}}@keyframes loading-hud-out{0%{opacity:1}to{opacity:0}}@keyframes loading-triangle-glitch{0%{opacity:0}14%{opacity:.72}28%{opacity:.18}44%{opacity:.64}58%{opacity:0}74%{opacity:.42}to{opacity:0}}@keyframes loading-button-breathe{0%,to{box-shadow:0 0 #69cfff00}50%{box-shadow:0 0 16px #69cfff38}}@keyframes loading-flash-in{0%{opacity:0}to{opacity:.85}}@media (prefers-reduced-motion:reduce){.loading-hud,.loading-hud.is-exiting,.loading-continue-button,.loading-flash{animation:none}.loading-video{opacity:1;animation:none}.loading-continue-button:hover .hud-triangle-mesh-piece,.loading-continue-button:focus-visible .hud-triangle-mesh-piece{opacity:.3;animation:none}}