:root{--dn-bg: #f2eee5;--dn-surface: #faf7f0;--dn-surface-strong: #e9e2d6;--dn-ink: #252521;--dn-muted: #68675f;--dn-line: rgba(37, 37, 33, .18);--dn-accent: #d84d2f;--dn-accent-hover: #bd3e24;--dn-olive: #6d7051;--dn-shadow: rgba(64, 45, 31, .14);--dn-radius: 1.25rem;--dn-nav-height: 4.5rem;font-family:Plus Jakarta Sans,ui-sans-serif,system-ui,sans-serif;color-scheme:light}html.dark{--dn-bg: #181916;--dn-surface: #22231f;--dn-surface-strong: #2d2f28;--dn-ink: #f2eee5;--dn-muted: #aaa89d;--dn-line: rgba(242, 238, 229, .16);--dn-accent: #ef6b4c;--dn-accent-hover: #ff7a58;--dn-olive: #9a9c76;--dn-shadow: rgba(0, 0, 0, .28);color-scheme:dark}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--dn-nav-height) + 1rem)}body{margin:0;background:var(--dn-bg);color:var(--dn-ink);font-family:Plus Jakarta Sans,ui-sans-serif,system-ui,sans-serif;text-rendering:optimizeLegibility}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.site-shell{background:var(--dn-bg)!important;color:var(--dn-ink)!important}.skip-link{position:fixed;left:1rem;top:.5rem;z-index:100;transform:translateY(-150%);border-radius:.6rem;background:var(--dn-ink);color:var(--dn-bg);padding:.75rem 1rem;transition:transform .18s ease}.skip-link:focus{transform:translateY(0)}.dn-container{width:min(100% - 2.5rem,82rem);margin-inline:auto}.dn-section{position:relative;padding-block:clamp(6rem,10vw,9.5rem);background:var(--dn-bg);color:var(--dn-ink)}.dn-section-heading{max-width:58rem;margin-bottom:clamp(3rem,6vw,5.5rem)}.dn-section-heading--compact{max-width:48rem}.dn-section-heading h2,.dn-stack__header h2{margin:0;max-width:15ch;font-size:clamp(2.7rem,6vw,5.8rem);font-weight:700;letter-spacing:-.065em;line-height:.96;text-wrap:balance}.dn-section-heading p,.dn-stack__header p{max-width:40rem;margin:1.5rem 0 0;color:var(--dn-muted);font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.75;text-wrap:pretty}.dn-kicker,.dn-dialog-label{margin:0;color:var(--dn-accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.dn-button{display:inline-flex;min-height:3rem;align-items:center;justify-content:center;gap:.7rem;border:1px solid transparent;border-radius:.85rem;padding:.72rem 1rem;font-size:.9rem;font-weight:700;line-height:1;white-space:nowrap;transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease}.dn-button:hover{transform:translateY(-2px)}.dn-button:active{transform:translateY(1px) scale(.98)}.dn-button--primary{background:var(--dn-accent);color:#fff9f3}.dn-button--primary:hover{background:var(--dn-accent-hover)}.dn-button--outline{border-color:var(--dn-line);background:transparent;color:var(--dn-ink)}.dn-button--outline:hover{border-color:var(--dn-ink)}.dn-button--text{border-color:var(--dn-line);background:var(--dn-surface);color:var(--dn-ink)}.dn-button--text:hover{border-color:var(--dn-ink);color:var(--dn-accent)}.dn-icon-button{display:inline-grid;width:2.65rem;height:2.65rem;place-items:center;border:1px solid var(--dn-line);border-radius:.8rem;background:transparent;color:var(--dn-ink);cursor:pointer;transition:background-color .18s ease,transform .18s ease}.dn-icon-button:hover{background:var(--dn-surface-strong)}.dn-icon-button:active{transform:scale(.96)}.dn-button:focus-visible,.dn-icon-button:focus-visible,.dn-search-trigger:focus-visible,.dn-filter button:focus-visible,.dn-project-card button:focus-visible,.dn-text-action:focus-visible,.dn-command a:focus-visible,.dn-navbar a:focus-visible,.dn-footer a:focus-visible{outline:3px solid color-mix(in srgb,var(--dn-accent) 62%,transparent);outline-offset:3px}.dn-navbar{position:fixed;inset:0 0 auto;z-index:40;height:var(--dn-nav-height);border-bottom:1px solid var(--dn-line);background:color-mix(in srgb,var(--dn-bg) 88%,transparent);-webkit-backdrop-filter:blur(18px) saturate(130%);backdrop-filter:blur(18px) saturate(130%)}.dn-navbar__inner{display:grid;height:100%;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:2.5rem}.dn-navbar__inner>.dn-navbar__links{justify-self:center}.dn-wordmark{color:var(--dn-ink);font-size:1.15rem;font-weight:800;letter-spacing:-.05em}.dn-wordmark span{color:var(--dn-accent)}.dn-navbar__links{display:flex;align-items:center;gap:1.7rem}.dn-navbar__links a{position:relative;color:var(--dn-muted);font-size:.82rem;font-weight:600;transition:color .18s ease}.dn-navbar__links a:hover,.dn-navbar__links a[aria-current=page]{color:var(--dn-ink)}.dn-navbar__links a[aria-current=page]:after{position:absolute;right:0;bottom:-.72rem;left:0;height:2px;background:var(--dn-accent);content:""}.dn-navbar__actions{display:flex;align-items:center;gap:.65rem;justify-self:end}.dn-search-trigger{display:inline-flex;height:2.65rem;align-items:center;gap:.65rem;border:1px solid var(--dn-line);border-radius:.8rem;background:var(--dn-surface);color:var(--dn-muted);padding:0 .65rem 0 .85rem;cursor:pointer}.dn-search-trigger span{color:var(--dn-ink);font-size:.78rem;font-weight:600}.dn-search-trigger kbd{border-radius:.4rem;background:var(--dn-surface-strong);padding:.25rem .4rem;color:var(--dn-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem}.dn-menu-trigger,.dn-mobile-nav,.dn-mobile-nav-backdrop{display:none}.dn-hero{position:relative;display:flex;min-height:100dvh;align-items:stretch;overflow:hidden;padding-top:var(--dn-nav-height);background:var(--dn-bg);color:var(--dn-ink)}.dn-hero__texture{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.32;background-image:radial-gradient(circle at 1px 1px,var(--dn-line) 1px,transparent 0);background-size:28px 28px;-webkit-mask-image:linear-gradient(to right,black,transparent 52%);mask-image:linear-gradient(to right,black,transparent 52%)}.dn-hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(24rem,.8fr);align-items:center;gap:clamp(2rem,5vw,6rem);padding-block:clamp(2rem,5vw,4.5rem) 2rem}.dn-hero__copy{z-index:1;min-width:0;padding-top:.5rem}.dn-hero__title{max-width:10ch;margin:1.25rem 0 1.5rem;font-size:clamp(3.6rem,7.3vw,7.2rem);font-weight:700;letter-spacing:-.075em;line-height:.9;text-wrap:balance}.dn-hero__title span{display:block;color:var(--dn-accent)}.dn-hero__intro{width:100%;max-width:34rem;margin:0;color:var(--dn-muted);font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.7;text-wrap:pretty}.dn-hero__actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:2rem}.dn-hero__meta{display:flex;gap:clamp(2rem,5vw,5rem);margin:clamp(2.25rem,6vh,4.5rem) 0 0}.dn-hero__meta div{display:grid;gap:.35rem}.dn-hero__meta dt{color:var(--dn-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;text-transform:uppercase}.dn-hero__meta dd{margin:0;font-size:.85rem;font-weight:600}.dn-hero__art{position:relative;display:grid;height:min(76vh,48rem);min-height:33rem;min-width:0;width:100%;place-items:center;margin:0}.dn-hero__art img{position:relative;z-index:1;width:auto;max-width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2rem 3rem var(--dn-shadow));animation:dn-float 8s ease-in-out infinite}.dn-hero__disc{position:absolute;width:min(31vw,27rem);aspect-ratio:1;border:1px solid var(--dn-line);border-radius:50%;background:var(--dn-surface-strong)}.dn-hero__art figcaption{position:absolute;right:0;bottom:0;color:var(--dn-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.67rem;letter-spacing:.06em;text-transform:uppercase}.dn-command-backdrop,.dn-dialog-backdrop{position:fixed;z-index:80;display:grid;top:0;right:0;bottom:0;left:0;place-items:start center;overflow-y:auto;background:#12120fa8;padding:clamp(5.5rem,12vh,8rem) 1.25rem 2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dn-command{width:min(100%,42rem);overflow:hidden;border:1px solid var(--dn-line);border-radius:var(--dn-radius);background:var(--dn-surface);box-shadow:0 2rem 5rem #00000040;animation:dn-dialog-enter .22s cubic-bezier(.16,1,.3,1) both}.dn-command__input{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.9rem;border-bottom:1px solid var(--dn-line);padding:.95rem 1rem;color:var(--dn-muted)}.dn-command__input input{width:100%;border:0;outline:0;background:transparent;color:var(--dn-ink);font-size:1rem}.dn-command__input input::placeholder{color:var(--dn-muted)}.dn-command__input button{border:0;background:transparent;color:var(--dn-muted);cursor:pointer}.dn-command__results{display:grid;gap:.25rem;max-height:min(55vh,29rem);overflow-y:auto;padding:.55rem}.dn-command__results a{display:flex;align-items:center;justify-content:space-between;border-radius:.8rem;padding:.8rem .85rem;color:var(--dn-ink);transition:background-color .16s ease}.dn-command__results a:hover{background:var(--dn-surface-strong)}.dn-command__results a span{display:grid;gap:.2rem}.dn-command__results strong{font-size:.88rem}.dn-command__results small,.dn-command__hint{color:var(--dn-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.67rem}.dn-command__hint{margin:0;border-top:1px solid var(--dn-line);padding:.65rem 1rem}.dn-command__empty{margin:0;padding:2rem 1rem;color:var(--dn-muted);text-align:center}.dn-terminal-dialog,.dn-project-dialog{width:min(100%,60rem);border:1px solid var(--dn-line);border-radius:var(--dn-radius);outline:0;background:var(--dn-surface);box-shadow:0 2rem 5rem #0000004d}.dn-terminal-dialog{padding:clamp(1rem,3vw,2rem)}.dn-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.dn-dialog-header h2{margin:.4rem 0 0;font-size:clamp(1.5rem,3vw,2.4rem);letter-spacing:-.045em;line-height:1.05}.dn-projects{border-top:1px solid var(--dn-line)}.dn-filter{display:flex;max-width:100%;gap:.35rem;overflow-x:auto;margin-bottom:2.5rem;padding-bottom:.45rem;scrollbar-width:thin}.dn-filter button{flex:0 0 auto;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--dn-muted);padding:.65rem .8rem;font-size:.8rem;font-weight:700;cursor:pointer}.dn-filter button:hover,.dn-filter button.is-active{color:var(--dn-ink)}.dn-filter button.is-active{border-bottom-color:var(--dn-accent)}.dn-project-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(2rem,5vw,5rem) clamp(1.5rem,4vw,3rem)}.dn-project-card{grid-column:span 7}.dn-project-card--1{grid-column:8 / span 5;margin-top:8rem}.dn-project-card--2{grid-column:2 / span 6}.dn-project-card__visual{position:relative;display:block;width:100%;min-height:18rem;overflow:hidden;border:1px solid var(--dn-line);border-radius:var(--dn-radius);background-color:var(--dn-surface);background-image:url(/art/digital-nusantara-projects.webp);background-repeat:no-repeat;background-size:400% 100%;box-shadow:0 1.5rem 3rem var(--dn-shadow);cursor:pointer;transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s ease}.dn-project-card--1 .dn-project-card__visual{min-height:24rem}.dn-project-card__visual:hover{transform:translateY(-5px);box-shadow:0 2rem 4rem var(--dn-shadow)}.dn-project-art--0{background-position:0 center}.dn-project-art--1{background-position:33.333% center}.dn-project-art--2{background-position:66.666% center}.dn-project-art--3{background-position:100% center}.dn-project-card__visual span{position:absolute;right:.8rem;bottom:.8rem;border-radius:.55rem;background:var(--dn-ink);color:var(--dn-bg);padding:.45rem .6rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem}.dn-project-card__body{display:grid;grid-template-columns:2.5rem 1fr;gap:1rem;padding-top:1.25rem}.dn-project-card__index{color:var(--dn-accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;padding-top:.3rem}.dn-project-card h3{margin:0;font-size:clamp(1.4rem,2.5vw,2.15rem);letter-spacing:-.045em;line-height:1.12}.dn-project-card h3 button{border:0;background:transparent;color:inherit;padding:0;text-align:left;cursor:pointer}.dn-project-card h3 button:hover{color:var(--dn-accent)}.dn-project-card p{display:-webkit-box;overflow:hidden;margin:.8rem 0 1rem;color:var(--dn-muted);font-size:.9rem;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:3}.dn-project-card ul,.dn-project-dialog__tech{display:flex;flex-wrap:wrap;gap:.45rem .85rem;margin:0;padding:0;color:var(--dn-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.67rem;list-style:none}.dn-project-card ul li:before,.dn-project-dialog__tech li:before{margin-right:.4rem;color:var(--dn-accent);content:"/"}.dn-project-card__actions{display:flex;align-items:center;gap:.85rem;margin-top:1.25rem}.dn-project-card__actions button,.dn-text-action{display:inline-flex;align-items:center;gap:.55rem;border:0;background:transparent;color:var(--dn-ink);padding:0;font-size:.78rem;font-weight:700;cursor:pointer}.dn-project-card__actions button:hover,.dn-text-action:hover{color:var(--dn-accent)}.dn-project-card__actions a{color:var(--dn-muted)}.dn-project-card__actions a:hover{color:var(--dn-accent)}.dn-projects__more{margin:4rem auto 0}.dn-empty-state{border:1px solid var(--dn-line);border-radius:var(--dn-radius);background:var(--dn-surface);padding:3rem}.dn-empty-state h3,.dn-empty-state p{margin:0}.dn-empty-state p{margin-top:.5rem;color:var(--dn-muted)}.dn-project-dialog{display:grid;grid-template-columns:minmax(16rem,.8fr) minmax(0,1fr);overflow:hidden}.dn-project-dialog__art{min-height:32rem;background:var(--dn-surface-strong) url(/art/digital-nusantara-projects.webp) 66% center / 400% 100% no-repeat}.dn-project-dialog__content{padding:clamp(1.5rem,4vw,3rem)}.dn-project-dialog__description{color:var(--dn-muted);line-height:1.75}.dn-project-dialog__tech{margin-top:1.5rem}.dn-project-dialog__actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:2rem}.dn-stack{overflow:hidden;border-top:1px solid var(--dn-line);background:var(--dn-surface)}.dn-stack__header{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:3rem}.dn-stack__header h2{font-size:clamp(2.6rem,5vw,5rem)}.dn-stack__header p{margin:0}.dn-stack__flow{position:relative;overflow:hidden;margin-top:clamp(4rem,8vw,7rem);padding-block:2.5rem;-webkit-mask-image:linear-gradient(to right,transparent,black 8%,black 92%,transparent);mask-image:linear-gradient(to right,transparent,black 8%,black 92%,transparent)}.dn-stack__flow:before{position:absolute;top:50%;right:0;left:0;height:1px;background:var(--dn-line);content:""}.dn-stack__track{display:flex;width:max-content;animation:dn-stack-flow 48s linear infinite}.dn-stack__flow:hover .dn-stack__track{animation-play-state:paused}.dn-stack__group{display:flex;flex:0 0 auto;align-items:center;gap:clamp(2.5rem,5vw,5.5rem);margin:0;padding:1.5rem clamp(2.5rem,5vw,5.5rem) 1.5rem 0;list-style:none}.dn-stack__item{position:relative;display:grid;min-width:8rem;flex:0 0 auto;grid-template-columns:auto 1fr;align-items:center;gap:.2rem .75rem;transform:translateY(var(--dn-stack-y, 0)) rotate(var(--dn-stack-r, 0deg))}.dn-stack__item--0{--dn-stack-y: -1.8rem;--dn-stack-r: -2deg}.dn-stack__item--1{--dn-stack-y: 1.4rem;--dn-stack-r: 1.5deg}.dn-stack__item--2{--dn-stack-y: -.45rem;--dn-stack-r: -.8deg}.dn-stack__item--3{--dn-stack-y: 2rem;--dn-stack-r: 2.2deg}.dn-stack__item--4{--dn-stack-y: -1.2rem;--dn-stack-r: 1deg}.dn-stack__item--5{--dn-stack-y: .65rem;--dn-stack-r: -1.6deg}.dn-stack__item:after{position:absolute;top:50%;right:calc(clamp(2.5rem,5vw,5.5rem)*-.7);width:clamp(.8rem,2vw,2rem);height:1px;background:var(--dn-accent);opacity:.45;content:""}.dn-stack__item svg{grid-row:1 / span 2;color:var(--dn-accent);font-size:clamp(1.6rem,2.5vw,2.5rem)}.dn-stack__item span{font-size:clamp(.9rem,1.4vw,1.15rem);font-weight:700;letter-spacing:-.025em}.dn-stack__item small{color:var(--dn-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.64rem}@keyframes dn-stack-flow{to{transform:translate(-50%)}}.dn-stack__empty,.dn-muted{color:var(--dn-muted)}.dn-credentials{border-top:1px solid var(--dn-line)}.dn-credentials__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(19rem,.9fr);align-items:start;gap:clamp(3rem,7vw,7rem)}.dn-timeline>h3,.dn-certificates>h3{margin:0 0 1.5rem;font-size:1rem;letter-spacing:-.02em}.dn-timeline>h3:before,.dn-certificates>h3:before{display:inline-block;width:1.8rem;height:2px;margin:0 .7rem .25rem 0;background:var(--dn-accent);content:""}.dn-timeline ol,.dn-certificates ul{margin:0;padding:0;list-style:none}.dn-timeline ol{position:relative}.dn-timeline ol:before{position:absolute;top:.6rem;bottom:.6rem;left:5.2rem;width:1px;background:var(--dn-line);content:""}.dn-timeline li{position:relative;display:grid;grid-template-columns:4.2rem 1fr;gap:2rem;padding:0 0 2.4rem}.dn-timeline li+li{padding-top:.15rem}.dn-timeline li:before{position:absolute;top:.42rem;left:4.93rem;width:.56rem;aspect-ratio:1;border-radius:50%;background:var(--dn-accent);content:""}.dn-timeline time{color:var(--dn-accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem}.dn-timeline h4{margin:0;font-size:clamp(1.05rem,1.8vw,1.25rem);letter-spacing:-.02em}.dn-timeline p,.dn-timeline small{display:block;margin:.4rem 0 0;color:var(--dn-muted);line-height:1.65}.dn-timeline p{font-size:.87rem}.dn-timeline small{font-size:.76rem}.dn-certificates{border:1px solid var(--dn-line);border-radius:var(--dn-radius);background:var(--dn-surface-strong);padding:clamp(1.5rem,3vw,2.4rem);box-shadow:0 1rem 2.5rem var(--dn-shadow)}.dn-certificates li+li{border-top:1px solid var(--dn-line)}.dn-certificates a{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;color:var(--dn-ink)}.dn-certificates a span{display:grid;gap:.35rem}.dn-certificates strong{font-size:.84rem;line-height:1.4}.dn-certificates small{color:var(--dn-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.64rem}.dn-certificates a:hover,.dn-certificates a:hover small{color:var(--dn-accent)}.dn-certificates .dn-text-action,.dn-timeline .dn-text-action{margin-top:1.25rem}.dn-setup{padding-top:0}.dn-setup__frame{display:grid;grid-template-columns:minmax(15rem,.75fr) minmax(0,1.25fr);border-radius:var(--dn-radius);border:1px solid var(--dn-line);background:var(--dn-surface-strong);color:var(--dn-ink)}.dn-setup__intro{padding:clamp(2rem,5vw,4rem)}.dn-setup__intro p{margin:0 0 1rem;color:var(--dn-accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;text-transform:uppercase}.dn-setup__intro h2{max-width:12ch;margin:0;font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.055em;line-height:1}.dn-setup dl{display:grid;grid-template-columns:repeat(3,1fr);margin:0;border-left:1px solid var(--dn-line)}.dn-setup dl div{display:flex;min-width:0;flex-direction:column;justify-content:flex-end;border-right:1px solid var(--dn-line);padding:clamp(2rem,4vw,3rem) clamp(1rem,2vw,2rem)}.dn-setup dt{color:var(--dn-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.64rem;text-transform:uppercase}.dn-setup dd{overflow-wrap:anywhere;margin:.65rem 0 0;font-size:.85rem;font-weight:600;line-height:1.5}.dn-footer{border-top:1px solid var(--dn-line);background:var(--dn-surface-strong);color:var(--dn-ink);padding-block:clamp(4rem,8vw,7rem) 1.5rem}.dn-footer__main{display:flex;align-items:flex-end;justify-content:space-between;gap:3rem}.dn-footer__main p{margin:0 0 1rem;color:var(--dn-accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}.dn-footer__main h2{max-width:17ch;margin:0;font-size:clamp(2.4rem,5.7vw,5.7rem);letter-spacing:-.065em;line-height:.96}.dn-footer__contact{display:inline-flex;flex:0 0 auto;align-items:center;gap:.8rem;border-bottom:1px solid currentColor;color:var(--dn-ink);padding-block:.7rem;font-size:.9rem;font-weight:700}.dn-footer__contact:hover{color:var(--dn-accent)}.dn-footer__base{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;margin-top:clamp(5rem,10vw,9rem);border-top:1px solid var(--dn-line);padding-top:1.5rem}.dn-footer__base p{margin:0;color:var(--dn-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.64rem}.dn-footer__base p:last-child{text-align:right}.dn-footer__base nav{display:flex;gap:.6rem}.dn-footer__base a{display:grid;width:2.4rem;aspect-ratio:1;place-items:center;border:1px solid var(--dn-line);border-radius:.7rem;color:var(--dn-ink);transition:border-color .18s ease,color .18s ease}.dn-footer__base a:hover{border-color:var(--dn-accent);color:var(--dn-accent)}@keyframes dn-float{0%,to{transform:translateY(0)}50%{transform:translateY(-.75rem)}}@keyframes dn-dialog-enter{0%{opacity:0;transform:translateY(-.75rem) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:900px){.dn-navbar__links{display:none}.dn-menu-trigger{display:inline-grid}.dn-navbar__actions{margin-left:auto}.dn-mobile-nav{position:absolute;top:100%;right:0;left:0;display:grid;border-top:1px solid var(--dn-line);background:var(--dn-surface);box-shadow:0 1.25rem 2.5rem var(--dn-shadow);padding:.75rem 1.25rem 1rem}.dn-mobile-nav a{display:flex;min-height:3rem;align-items:center;border-bottom:1px solid var(--dn-line);color:var(--dn-ink);padding:.7rem 0;font-size:.9rem;font-weight:700}.dn-mobile-nav a:last-child{border-bottom:0}.dn-mobile-nav a:hover{color:var(--dn-accent)}.dn-mobile-nav-backdrop{position:fixed;z-index:39;display:block;inset:var(--dn-nav-height) 0 0;width:100%;border:0;background:#12120f4d;cursor:default}.dn-search-trigger span,.dn-search-trigger kbd{display:none}.dn-search-trigger{width:2.65rem;justify-content:center;padding:0}.dn-hero__grid{grid-template-columns:minmax(0,1fr) minmax(18rem,.72fr);gap:1rem}.dn-hero__art{height:min(60vh,36rem);min-height:26rem}.dn-stack__header{grid-template-columns:1fr;gap:1.25rem}.dn-credentials__grid,.dn-setup__frame{grid-template-columns:1fr}.dn-setup dl{border-top:1px solid var(--dn-line);border-left:0}}@media(max-width:767px){.dn-container{width:min(100% - 2rem,82rem)}.dn-section{padding-block:5rem}.dn-section-heading h2,.dn-stack__header h2{font-size:clamp(2.5rem,12vw,4.2rem)}.dn-hero{min-height:auto}.dn-hero__grid{grid-template-columns:1fr;gap:1.5rem;padding-block:4rem 2rem}.dn-hero__title{max-width:11ch;font-size:clamp(2.8rem,12vw,3.2rem)}.dn-hero__meta{gap:1.5rem}.dn-hero__art{height:34rem;min-height:0}.dn-hero__disc{width:72vw}.dn-hero__art figcaption{right:.25rem}.dn-project-grid{grid-template-columns:1fr;gap:4rem}.dn-project-card,.dn-project-card--1,.dn-project-card--2{grid-column:1;margin-top:0}.dn-project-card__visual,.dn-project-card--1 .dn-project-card__visual{min-height:19rem}.dn-project-dialog{grid-template-columns:1fr}.dn-project-dialog__art{min-height:13rem}.dn-project-dialog__content{max-height:65vh;overflow-y:auto}.dn-credentials__grid{gap:3.5rem}.dn-timeline li{grid-template-columns:1fr;gap:.55rem;padding:0 0 2rem 1.75rem}.dn-timeline ol:before{left:.35rem}.dn-timeline li:before{top:.4rem;left:.08rem}.dn-timeline time{display:block}.dn-certificates{padding:1.25rem}.dn-setup dl{grid-template-columns:1fr}.dn-setup dl div{border-right:0;border-bottom:1px solid var(--dn-line);padding:1.25rem 2rem}.dn-footer__main{align-items:flex-start;flex-direction:column}.dn-footer__base{grid-template-columns:1fr}.dn-footer__base p:last-child{text-align:left}}@media(max-width:420px){.dn-wordmark{font-size:1rem}.dn-navbar__inner{gap:.8rem}.dn-navbar__actions{gap:.4rem}.dn-mobile-nav{padding-inline:1rem}.dn-hero__actions{align-items:stretch;flex-direction:column}.dn-hero__actions .dn-button{width:100%}.dn-hero__meta{flex-direction:column}.dn-hero__art{height:29rem}.dn-project-card__body{grid-template-columns:1fr}.dn-project-card__index{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.skip-link{display:none}}