@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.3p2_lha1f2xer.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.1qq4vpdcun5oj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.390ncx5urfkfu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.21jp631_3pja2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0wgildi0cnwt9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
:root{--background:#fff;--foreground:#080808;--muted:#666;--soft:#f2f2f2;--line:#d8d8d8;--line-strong:#080808;--nav-height:3.25rem}*,:before,:after{box-sizing:border-box}html,body{max-width:100vw;margin:0;padding:0;overflow-x:hidden}html{scroll-behavior:smooth}body{background:var(--background);color:var(--foreground);font-family:var(--font-geist-sans), Arial, Helvetica, sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}a{color:inherit;text-decoration:none}img{width:100%;height:auto;display:block}::selection{background:var(--foreground);color:var(--background)}.container{width:min(1440px,100% - 3rem);margin:0 auto}.site-nav{z-index:50;height:var(--nav-height);color:var(--foreground);background:color-mix(in srgb, var(--background) 82%, transparent);border-bottom:1px solid color-mix(in srgb, var(--foreground) 18%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-transform:uppercase;letter-spacing:.14em;justify-content:space-between;align-items:center;padding:0 1.5rem;font-size:.72rem;line-height:1;display:flex;position:fixed;inset:0 0 auto}.nav-logo,.nav-links a{min-height:var(--nav-height);opacity:.78;align-items:center;transition:opacity .18s,transform .18s;display:inline-flex}.nav-link-hku{opacity:.58;letter-spacing:.1em}.nav-logo{font-weight:650}.nav-logo:hover,.nav-links a:hover{opacity:1;transform:translateY(-1px)}.nav-links{align-items:center;gap:1.25rem;display:flex}.hero{min-height:100svh;padding-top:var(--nav-height);isolation:isolate;position:relative;overflow:hidden}.hero:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(#0000,#fffffff5);height:42%;position:absolute;inset:auto 0 0}.hero-video-placeholder{z-index:0;inset:var(--nav-height) 0 0;background:linear-gradient(120deg,#00000014,#0000 38%),linear-gradient(260deg,#0000001f,#0000 45%),#f5f5f5;position:absolute;overflow:hidden}.hero-media-active{background:#f5f5f5}.hero-background-image{z-index:0;object-fit:cover}.hero-background-video{z-index:0;object-fit:cover;object-position:center;width:calc(100% + 16vmax);height:calc(100% + 16vmax);position:absolute;inset:-8vmax}.hero-video-placeholder:before{content:"";z-index:1;opacity:.18;background-image:repeating-linear-gradient(90deg,#0000001a 0 1px,#0000 1px 12px),repeating-linear-gradient(0deg,#00000014 0 1px,#0000 1px 18px);animation:22s ease-in-out infinite alternate fieldDrift;position:absolute;inset:-20%}.hero-media-active:before{content:none}.hero-video-placeholder:after{content:"";z-index:2;pointer-events:none;mix-blend-mode:screen;background-image:repeating-linear-gradient(0deg,#ffffff80 0 1px,#0000 1px 4px);position:absolute;inset:0}.hero-media-active:after{content:none}.video-shape{z-index:3;mix-blend-mode:multiply;background:#ffffff57;border:1px solid #0000002e;animation:18s ease-in-out infinite alternate shapeFloat;display:block;position:absolute}.video-shape-one{width:34vw;height:24vh;top:18vh;left:6vw}.video-shape-two{width:44vw;height:38vh;animation-duration:24s;top:22vh;right:-8vw}.video-shape-three{width:24vw;height:42vh;animation-duration:29s;bottom:8vh;left:42vw}.hero-inner{min-height:calc(100svh - var(--nav-height));align-items:stretch;display:flex;position:relative}.site-header{align-items:stretch;width:100%;display:flex}.site-header.reveal-on-scroll,.site-header.reveal-on-scroll.is-visible{opacity:1;transform:none}.site-header header{border-bottom:1px solid var(--line-strong);grid-template-rows:auto 1fr auto;width:100%;padding:2rem 0 2.2rem;display:grid}.site-kicker,.section-kicker{text-transform:uppercase;letter-spacing:.18em;margin:0;font-size:.78rem;font-weight:650;line-height:1}.site-title{z-index:2;color:#fff;letter-spacing:-.09em;mix-blend-mode:difference;text-transform:uppercase;align-self:center;max-width:11ch;margin:0;font-size:clamp(4.8rem,17vw,16rem);font-weight:680;line-height:.76;position:relative}.site-intro-grid{z-index:2;grid-template-columns:minmax(0,1.08fr) minmax(220px,.52fr);align-items:end;gap:2rem;display:grid;position:relative}.site-subtitle{max-width:58ch;color:var(--foreground);letter-spacing:-.04em;margin:0;font-size:clamp(1.18rem,2.25vw,2.3rem);font-weight:540;line-height:1.04}.site-note{color:var(--foreground);opacity:.72;margin:0;font-size:.94rem;line-height:1.35}.home-section{border-bottom:1px solid var(--line-strong);padding:6.5rem 0}.home-statement{padding-top:7.5rem}.statement-heading,.editorial-heading,.project-index-title,.contact-heading,.page-title{letter-spacing:-.08em;text-transform:uppercase;margin:0;font-size:clamp(2.8rem,8vw,8.8rem);font-weight:650;line-height:.84}.statement-heading{max-width:11ch;margin-top:1rem}.project-index-title{max-width:12ch;margin:1rem 0 2.4rem}.editorial-heading{max-width:10ch;margin-top:1rem}.contact-heading{max-width:9ch;margin-top:1rem}.statement-grid,.contact-grid{grid-template-columns:minmax(0,1.2fr) minmax(260px,.68fr);align-items:end;gap:2rem;margin-top:3rem;display:grid}.large-copy{letter-spacing:-.045em;margin:0;font-size:clamp(1.25rem,3vw,3rem);font-weight:520;line-height:1.03}.body-copy{color:var(--foreground);opacity:.76;margin:0;font-size:clamp(1rem,1.35vw,1.22rem);line-height:1.48}.split-section{grid-template-columns:minmax(0,1fr) minmax(260px,.72fr);align-items:start;gap:2rem;display:grid}.split-copy{gap:1.2rem;padding-top:.35rem;display:grid}.capability-list,.context-list{border-top:1px solid var(--line-strong);margin-top:2.8rem}.capability-item,.context-item{border-bottom:1px solid var(--line-strong)}.capability-item span,.context-item span{letter-spacing:-.07em;text-transform:uppercase;padding:.78rem 0;font-size:clamp(1.75rem,4.6vw,5.6rem);font-weight:620;line-height:.9;display:block}.section-title-wrap{border-top:1px solid var(--line-strong);padding-top:.75rem}.project-list{border-top:1px solid var(--line-strong)}.project-row{border-bottom:1px solid var(--line-strong)}.project-link{min-height:5.4rem;color:var(--foreground);transition:background .28s,color .28s;display:block;position:relative}.project-link:hover,.project-link:focus-visible{background:var(--foreground);color:var(--background);outline:none}.project-line{z-index:2;grid-template-columns:minmax(0,1fr) minmax(220px,auto);align-items:baseline;gap:1.5rem;padding:.78rem 0;display:grid;position:relative}.project-title{letter-spacing:-.075em;text-transform:uppercase;font-size:clamp(2.15rem,6vw,7.2rem);font-weight:600;line-height:.88}.project-meta{color:currentColor;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;opacity:.72;font-size:clamp(.72rem,1vw,.9rem)}.project-preview{z-index:1;background:var(--soft);opacity:0;width:100vw;height:0;margin-left:calc(-50vw + min(1440px,100vw - 3rem)/2);transition:height .56s,opacity .46s,transform .56s;display:block;position:relative;overflow:hidden;transform:translateY(-.4rem)}.project-preview img{object-fit:cover;width:100%;height:100%}.project-link:hover .project-preview,.project-link:focus-visible .project-preview{opacity:1;height:16.666vh;transform:translateY(0)}.project-page,.page-shell{padding-top:calc(var(--nav-height) + 3.5rem);padding-bottom:7rem}.project-header,.page-hero{border-bottom:1px solid var(--line-strong);align-items:end;min-height:48vh;margin-bottom:2.5rem;padding-bottom:1.5rem;display:flex}.project-heading{letter-spacing:-.08em;text-transform:uppercase;max-width:12ch;margin:0;font-size:clamp(3.2rem,12vw,11rem);font-weight:650;line-height:.82}.project-details{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;flex-wrap:wrap;gap:1rem;margin:1.5rem 0 1rem;font-size:.82rem;display:flex}.project-summary{max-width:62ch;margin:0;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.45}.project-grid{grid-template-columns:repeat(12,1fr);gap:1rem;display:grid}.grid-item{background:#f5f5f5;min-height:18rem;overflow:hidden}.grid-item:nth-child(3n+1){grid-column:span 12}.grid-item:nth-child(3n+2){grid-column:span 7}.grid-item:nth-child(3n){grid-column:span 5}.grid-item img{object-fit:cover;height:100%}.cv-list{border-top:1px solid var(--line-strong);margin-top:3rem}.cv-row{border-bottom:1px solid var(--line-strong);grid-template-columns:9rem minmax(0,1fr);gap:2rem;padding:1.1rem 0;display:grid}.cv-year{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.82rem}.cv-row h3{letter-spacing:-.055em;text-transform:uppercase;margin:0;font-size:clamp(1.5rem,3vw,3.2rem);line-height:.95}.cv-row p{max-width:64ch;color:var(--muted);margin:.55rem 0 0;line-height:1.42}.skills-line{margin-top:2rem}.skills-line p{max-width:80ch;color:var(--muted);margin:0;line-height:1.5}.skills-line span{color:var(--foreground);text-transform:uppercase;letter-spacing:.12em;margin-right:1rem;font-size:.78rem}.contact-list{border-top:1px solid var(--line-strong);margin:0;padding:0;list-style:none}.contact-list li{border-bottom:1px solid var(--line-strong);grid-template-columns:7rem minmax(0,1fr);gap:1rem;padding:.85rem 0;display:grid}.contact-list li>span:first-child{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.contact-list a{border-bottom:1px solid #0000;transition:border-color .16s}.contact-list a:hover{border-color:currentColor}.about-intro{border-bottom:1px solid var(--line-strong);grid-template-columns:minmax(0,1.1fr) minmax(260px,.72fr);gap:2rem;padding-bottom:6rem;display:grid}.about-block{border-bottom:1px solid var(--line-strong);padding:5rem 0}.about-block>.reveal-on-scroll+.reveal-on-scroll{max-width:68ch;margin-top:2rem}.method-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.8rem;display:grid}.method-grid p{border:1px solid var(--line-strong);flex-direction:column;justify-content:space-between;min-height:14rem;margin:0;padding:1rem;line-height:1.36;display:flex}.method-grid span{color:var(--muted);letter-spacing:.12em;font-size:.78rem;display:block}.back-link-wrap{margin:2.5rem 0 0}.back-link{text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid var(--foreground);padding-bottom:.2rem;font-size:.82rem}.reveal-on-scroll{opacity:0;transition:opacity .76s,transform .76s;transform:translateY(24px)}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}@keyframes hkuViewerFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translate(0,0)}}@keyframes fieldDrift{0%{transform:translate(-2%,-1%)rotate(-1deg)}to{transform:translate(2%,1%)rotate(1deg)}}@keyframes shapeFloat{0%{transform:translate(-2vw,-1vh)scale(1)}to{transform:translate(2vw,2vh)scale(1.04)}}@media (max-width:900px){:root{--nav-height:3.6rem}.container{width:min(1200px,100% - 1.25rem)}.site-nav{letter-spacing:.1em;padding:0 .75rem;font-size:.66rem}.nav-links{gap:.72rem}.hero{min-height:92svh}.hero-inner{min-height:calc(92svh - var(--nav-height))}.site-header header{padding:1.2rem 0 1rem}.site-title{font-size:clamp(4rem,23vw,8.5rem)}.site-intro-grid,.statement-grid,.contact-grid,.split-section,.about-intro{grid-template-columns:1fr}.home-section{padding:4.5rem 0}.statement-heading,.editorial-heading,.project-index-title,.contact-heading,.page-title{font-size:clamp(2.4rem,13vw,5.6rem)}.project-line{grid-template-columns:1fr;gap:.45rem;padding:.85rem 0}.project-title{font-size:clamp(2.2rem,13.5vw,5rem)}.project-meta{white-space:normal}.project-preview{margin-left:-.625rem}.project-link:hover .project-preview,.project-link:focus-visible .project-preview{height:18vh}.project-header,.page-hero{min-height:38vh}.project-grid{grid-template-columns:1fr}.grid-item,.grid-item:nth-child(3n+1),.grid-item:nth-child(3n+2),.grid-item:nth-child(3n){grid-column:auto}.cv-row{grid-template-columns:1fr;gap:.35rem}.method-grid{grid-template-columns:1fr}.method-grid p{min-height:10rem}.contact-list li{grid-template-columns:1fr;gap:.35rem}}@media (max-width:560px){.nav-logo{max-width:6.2rem;line-height:1.1}.nav-links{gap:.5rem}.nav-links a{letter-spacing:.06em}.large-copy{font-size:clamp(1.45rem,8vw,2.4rem)}.capability-item span,.context-item span{font-size:clamp(2rem,12vw,4rem)}}.hku-page{padding-top:calc(var(--nav-height) + 2rem)}.hku-hero{border-bottom:1px solid var(--line-strong);padding:4rem 0 5rem}.hku-hero-title{letter-spacing:-.08em;text-transform:uppercase;margin:1rem 0 .5rem;font-size:clamp(3.2rem,12vw,10rem);font-weight:650;line-height:.84}.hku-hero-degree{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0;font-size:clamp(1rem,2vw,1.35rem)}.hku-hero-copy{opacity:.84;max-width:68ch;margin-top:2.5rem}.hku-focus-list{border-top:1px solid var(--line);flex-wrap:wrap;gap:.5rem 1rem;margin-top:2.5rem;padding-top:1.5rem;display:flex}.hku-focus-item{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:.2rem 0;font-size:.78rem}.hku-index{border-bottom:1px solid var(--line-strong);padding:3rem 0}.hku-index-list{border-top:1px solid var(--line-strong);margin:1.5rem 0 0;padding:0;list-style:none}.hku-index-link{border-bottom:1px solid var(--line-strong);grid-template-columns:3.5rem minmax(0,1fr);align-items:baseline;gap:1rem;padding:.85rem 0;transition:background .22s,color .22s;display:grid}.hku-index-link:hover{background:var(--foreground);color:var(--background)}.hku-index-number{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.78rem}.hku-index-link:hover .hku-index-number{color:inherit;opacity:.72}.hku-index-title{letter-spacing:-.06em;text-transform:uppercase;font-size:clamp(1.5rem,4vw,3.5rem);font-weight:600;line-height:.92}.hku-projects{flex-direction:column;display:flex}.hku-project{border-bottom:1px solid var(--line-strong);padding:5.5rem 0}.hku-project-header{width:min(1440px,100% - 3rem);margin:0 auto 2.5rem}.hku-project-index{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.78rem}.hku-project-title{letter-spacing:-.08em;margin:.75rem 0 .5rem;font-size:clamp(2.6rem,9vw,7.5rem);font-weight:650;line-height:.86}.hku-project-type{max-width:52ch;color:var(--muted);margin:0;font-size:clamp(.95rem,1.4vw,1.15rem);line-height:1.4}.hku-subnav{top:var(--nav-height);z-index:8;background:color-mix(in srgb, var(--background) 94%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);position:sticky}.hku-subnav-inner{flex-wrap:wrap;gap:.35rem 1.25rem;padding:.65rem 0;display:flex}.hku-subnav-link{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.72rem;transition:color .18s}.hku-subnav-link:hover{color:var(--foreground)}.hku-subnav-top{margin-left:auto}.hku-eindproducten{border-bottom:1px solid var(--line-strong);padding:2.5rem 0}.hku-eindproducten-list{border-top:1px solid var(--line);gap:0;margin:1rem 0 0;padding:0;list-style:none;display:grid}.hku-eindproducten-link{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:1rem;padding:.65rem 0;transition:background .18s,color .18s,transform .18s;display:grid}.hku-eindproducten-link:hover{background:var(--foreground);color:var(--background);transform:translate(4px)}.hku-eindproducten-title{letter-spacing:-.02em;text-transform:uppercase;font-size:clamp(1rem,2vw,1.35rem);font-weight:600}.hku-eindproducten-chapter{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.72rem}.hku-eindproducten-link:hover .hku-eindproducten-chapter{color:inherit;opacity:.72}.hku-project-role{letter-spacing:.08em;text-transform:uppercase;max-width:52ch;color:var(--muted);margin:.75rem 0 0;font-size:.82rem}.hku-project-jump{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:.5rem 1.25rem;width:min(1440px,100% - 3rem);margin:0 auto 2rem;padding-bottom:1.5rem;display:flex}.hku-project-jump-link{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.72rem;transition:color .18s,transform .18s}.hku-project-jump-link:hover{color:var(--foreground);transform:translate(3px)}.hku-project-intro{max-width:68ch;margin-bottom:2.5rem}.hku-project-intro-text{margin:0;font-size:clamp(1.05rem,1.45vw,1.28rem);line-height:1.62}.hku-project-chapters{flex-direction:column;gap:0;display:flex}.hku-chapter{border-top:1px solid var(--line);width:min(1440px,100% - 3rem);margin:0 auto;padding:3rem 0}.hku-chapter-reflection{border-top:1px solid var(--line-strong);padding-top:3rem}.hku-chapter-sources{opacity:.72;padding-top:1.5rem}.hku-chapter-header{max-width:62ch;margin-bottom:1.75rem}.hku-chapter-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 .35rem;font-size:.72rem;font-weight:650}.hku-chapter-final .hku-chapter-label{color:var(--foreground)}.hku-chapter-title{letter-spacing:-.045em;margin:0 0 .75rem;font-size:clamp(1.45rem,3vw,2.7rem);font-weight:580;line-height:.98}.hku-chapter-text{opacity:.82;margin:0;font-size:clamp(1rem,1.2vw,1.12rem);line-height:1.62}.hku-chapter-scroller{margin-top:1rem}.hku-chapter-scroller .hku-process-viewer,.hku-chapter-scroller .hku-process-viewer:first-child{margin-top:0}.hku-sources-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 .5rem;font-size:.68rem}.hku-sources-list{flex-wrap:wrap;gap:.35rem 1.25rem;margin:0;padding:0;list-style:none;display:flex}.hku-source-link{letter-spacing:.04em;text-underline-offset:.2em;color:var(--muted);font-size:.78rem;text-decoration:underline;transition:color .18s}.hku-source-link:hover{color:var(--foreground)}.hku-project-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 2rem;width:min(1440px,100% - 3rem);margin:0 auto;display:grid}.hku-process-block{padding-top:.25rem}.hku-process-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 .5rem;font-size:.72rem;font-weight:650}.hku-process-text{max-width:42ch;margin:0;font-size:clamp(.98rem,1.2vw,1.1rem);line-height:1.5}.hku-project-media{width:min(1440px,100% - 3rem);margin:3.5rem auto 0}.hku-project-media-shell{border-top:1px solid var(--line-strong);padding-top:1.5rem}.hku-section-jump{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-bottom:1.5rem;display:grid}.hku-section-jump-btn{appearance:none;border:1px solid var(--line);color:var(--foreground);text-align:left;cursor:pointer;background:0 0;padding:.8rem .9rem;transition:background .18s,color .18s,border-color .18s,transform .18s}.hku-section-jump-btn:hover,.hku-section-jump-btn.is-active{background:color-mix(in srgb, var(--foreground) 4%, var(--background));color:var(--foreground);border-color:var(--foreground);transform:translateY(-1px)}.hku-section-jump-kicker{letter-spacing:.1em;text-transform:uppercase;opacity:.72;font-size:.68rem;display:block}.hku-section-jump-label{letter-spacing:.14em;margin-top:.2rem;font-size:.82rem;font-weight:650;display:block}.hku-section-jump-hint{letter-spacing:.08em;color:var(--muted);margin:1rem 0 0;font-size:.68rem}.hku-process-viewer{border-top:1px solid var(--line);padding-top:1.4rem}.hku-process-viewer:first-child{border-top:none;padding-top:0}.hku-process-viewer.is-single{border-top-color:color-mix(in srgb, var(--foreground) 10%, transparent)}.hku-viewer-header{justify-content:space-between;align-items:end;gap:1.5rem;margin-bottom:1rem;display:flex}.hku-viewer-meta{min-width:0}.hku-viewer-phase{letter-spacing:.14em;text-transform:uppercase;color:var(--foreground);margin:0;font-size:.72rem;font-weight:650}.hku-viewer-group{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:.35rem 0 0;font-size:.78rem}.hku-viewer-counter{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0;margin:0;font-size:.78rem}.hku-timeline{margin-bottom:1.25rem}.hku-timeline-track{background:var(--line);height:1px;margin-bottom:.85rem;position:relative}.hku-timeline-fill{background:var(--foreground);height:100%;transition:width .28s;position:absolute;inset:0 auto 0 0}.hku-timeline-groups{flex-wrap:wrap;gap:.35rem .5rem;display:flex}.hku-timeline-segment{appearance:none;border:1px solid var(--line);color:var(--muted);font:inherit;cursor:pointer;text-align:left;background:0 0;padding:.35rem .55rem;transition:border-color .18s,color .18s,background .18s,transform .18s}.hku-timeline-segment:hover,.hku-timeline-segment.is-active{border-color:var(--foreground);color:var(--foreground);transform:translateY(-1px)}.hku-timeline-segment.is-active{background:color-mix(in srgb, var(--foreground) 4%, var(--background))}.hku-timeline-phase{letter-spacing:.12em;text-transform:uppercase;font-size:.62rem;display:block}.hku-timeline-label{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;max-width:14ch;margin-top:.15rem;font-size:.68rem;display:block;overflow:hidden}.hku-timeline-meta{letter-spacing:.08em;color:var(--muted);margin:.65rem 0 0;font-size:.72rem}.hku-viewer-stage-wrap{grid-template-columns:2.25rem minmax(0,1fr) 2.25rem;grid-template-areas:"prev stage next";align-items:stretch;gap:1rem;min-height:min(70svh,100svh - 220px);display:grid}.hku-viewer-stage{grid-area:stage;justify-content:center;align-items:center;min-width:0;min-height:0;animation:.32s hkuViewerFadeIn;display:flex}.hku-viewer-stage-backward{animation-duration:.28s}.hku-viewer-nav-prev{grid-area:prev}.hku-viewer-nav-next{grid-area:next}.hku-viewer-nav{appearance:none;border:1px solid color-mix(in srgb, var(--foreground) 16%, transparent);background:color-mix(in srgb, var(--background) 82%, transparent);color:var(--foreground);cursor:pointer;border-radius:999px;align-self:center;width:2.25rem;min-height:2.25rem;padding:0;font-size:1.15rem;line-height:1;transition:background .18s,color .18s,opacity .18s,transform .18s,border-color .18s}.hku-viewer-nav:hover:not(:disabled){background:var(--foreground);color:var(--background);border-color:var(--foreground);transform:translateY(-1px)}.hku-viewer-nav:disabled{opacity:.16;cursor:default}.hku-viewer-hint{letter-spacing:.08em;color:var(--muted);text-align:center;margin:.85rem 0 0;font-size:.68rem}.hku-media-frame{flex-direction:column;align-items:center;gap:.8rem;width:100%;margin:0;display:flex}.hku-media-frame-stage{background:0 0;justify-content:center;align-items:center;width:100%;min-height:10rem;max-height:calc(100svh - 220px);display:flex}.hku-media-frame-img{object-fit:contain;max-width:100%;max-height:calc(100svh - 220px);display:block;width:auto!important;height:auto!important}.hku-media-frame-spread{width:100%}.hku-media-frame-stage-spread{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(.75rem,1.6vw,1.5rem);display:grid}.hku-media-frame-pane{justify-content:center;align-items:center;min-width:0;display:flex}.hku-media-frame-video{object-fit:contain;background:#111;border-radius:.4rem;width:auto;max-width:100%;height:auto;max-height:calc(100svh - 220px);display:block}.hku-media-frame-pdf{justify-content:center;min-height:10rem}.hku-pdf-link-viewer{width:min(100%,28rem)}.hku-viewer-caption{text-align:center;letter-spacing:.08em;text-transform:uppercase;max-width:48ch;color:var(--muted);margin:0;font-size:.78rem;line-height:1.4}.hku-pdf-link{border:1px solid var(--line);flex-direction:column;gap:.35rem;padding:1.1rem 1rem;transition:background .2s,color .2s,border-color .2s,transform .2s;display:flex}.hku-pdf-link:hover{background:color-mix(in srgb, var(--foreground) 4%, var(--background));color:var(--foreground);border-color:var(--foreground);transform:translateY(-1px)}.hku-pdf-label{letter-spacing:-.03em;font-size:clamp(1rem,2vw,1.35rem);font-weight:540}.hku-pdf-meta{letter-spacing:.1em;text-transform:uppercase;opacity:.72;font-size:.72rem}.hku-cv{padding:5rem 0 7rem}.hku-cv-summary{max-width:58ch;margin-top:1.5rem}.hku-cv-download{margin-top:2rem}.hku-cv-list{margin-top:2.5rem}.hku-contact{margin-top:4rem}@media (max-width:900px){.hku-hero{padding:3rem 0 4rem}.hku-subnav-inner{gap:.35rem .85rem}.hku-subnav-top{width:100%;margin-left:0}.hku-project-header,.hku-project-body,.hku-project-media,.hku-project-jump,.hku-chapter{width:min(1200px,100% - 1.25rem)}.hku-project-intro{width:min(1200px,100% - 1.25rem);margin-left:auto;margin-right:auto}.hku-project-body{grid-template-columns:1fr}.hku-project{padding:3.75rem 0}.hku-section-jump{grid-template-columns:1fr}.hku-viewer-stage-wrap{grid-template-areas:"stage" "prev next";grid-template-columns:1fr 1fr;gap:.65rem;min-height:auto}.hku-viewer-nav{border-radius:999px;width:100%;min-height:2.5rem}.hku-media-frame-stage-spread{grid-template-columns:1fr}.hku-timeline-label{max-width:10ch}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-on-scroll,.hku-viewer-stage,.hku-timeline-fill,.hku-eindproducten-link,.hku-project-jump-link,.hku-section-jump-btn,.hku-timeline-segment,.hku-viewer-nav,.hku-pdf-link{transition:none!important;animation:none!important;transform:none!important}}