@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap";html{overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5{margin:0;padding:0;display:flex}p{font-size:13px;margin:0;line-height:100%}button{background:transparent;border:none;cursor:pointer}img{display:block;width:100%}a{text-decoration:none;color:var(--text_color)}ul,ol{list-style:none;margin:0;padding:0}li{margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::selection{background:#555;color:#fff}::-webkit-scrollbar{width:0;height:0}[data-namespace=home],[data-namespace=about]{--page-bg: #ffffff;--page-text: #000000;--page-accent: #000000;--page-title-size: 26vw;--page-font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--page-font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}[data-namespace=work]{--page-bg: #0f1117;--page-text: #e2e0da;--page-accent: #4361ee;--page-title-size: 18vw;--page-font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;--page-font-body: "Cormorant Garamond", Georgia, serif;--text_color: #e2e0da}[data-namespace=contact]{--page-bg: #080c18;--page-text: #c8d8d8;--page-accent: #00f5d4;--page-title-size: 16vw;--page-font-display: "Courier New", Courier, monospace;--page-font-body: "Courier New", Courier, monospace;--text_color: #c8d8d8}[data-namespace=baroque]{--page-bg: #110a04;--page-text: #f0e0c0;--page-accent: #c9943a;--page-title-size: 22vw;--page-font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;--page-font-body: "Cormorant Garamond", Georgia, serif;--text_color: #f0e0c0}[data-namespace=dutch]{--page-bg: #0b1a10;--page-text: #d4e8d0;--page-accent: #6aaa78;--page-title-size: 20vw;--page-font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;--page-font-body: "Cormorant Garamond", Georgia, serif;--text_color: #d4e8d0}.nav{position:fixed;top:0;left:50%;transform:translate(-50%);display:flex;gap:20px;z-index:50;padding:18px 0}@media (max-width: 900px){.nav{left:auto;right:0;transform:none;flex-direction:column;gap:10px;font-size:13px;text-align:right;padding:20px}}.links{display:block;position:relative;text-transform:uppercase}.line_a{display:block;overflow:hidden;height:1px}.line_a_inner{display:block;width:100%;height:100%;background-color:var(--text_color);transform:translate(-100%);will-change:transform}.hero{display:flex;align-items:center;justify-content:center;height:100vh;width:100%}.hero_content{width:100%;opacity:0}.lists_c{display:flex;width:100%}.lists_c ul{display:flex;flex-direction:column;width:100%}.lists_c li{display:flex;flex-direction:column;padding:6px 4vw;text-transform:uppercase}.lines{width:100%;height:1px;overflow:hidden}.inner_lines{width:100%;height:100%;background-color:var(--page-accent, currentColor);transform:translate(-100%);will-change:transform;backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}.inner_linesright,.inner_linesleft{background-color:var(--page-accent, currentColor)}.links_codrops{position:absolute;top:0;left:0;right:0;display:flex;gap:16px;padding:18px 4vw;z-index:20;pointer-events:auto}h1{overflow:hidden;padding:0 1vw;line-height:82%}.home_title,.about_title{font-size:var(--page-title-size, 26vw)}.overflow{overflow:hidden}.title{transform:translateY(100%) rotateX(80deg)}[data-transition=container]{transform:translateZ(0);backface-visibility:hidden}.anim_p,.anim_p2{overflow:hidden}[data-transition=container],[data-transition=wrapper]{will-change:transform;transform:translateZ(0);backface-visibility:hidden}@media (max-width: 900px){.desktop{display:none}.lists_c{flex-direction:column}.links_codrops{flex-direction:column;gap:8px}}[data-namespace=home] #page_content,[data-namespace=about] #page_content{background:#fff;color:#000;font-family:var(--page-font-body)}[data-namespace=home] a,[data-namespace=about] a{color:#000}[data-namespace=work] #page_content{background:var(--page-bg);color:var(--page-text);font-family:var(--page-font-body)}[data-namespace=work] .work_title{font-size:var(--page-title-size);color:var(--page-text);font-family:var(--page-font-display);font-style:italic;letter-spacing:-.02em}[data-namespace=work] .work_grid{display:grid;grid-template-columns:1fr 1fr;gap:0;width:100%;padding:0 4vw}[data-namespace=work] .work_item{padding:3vh 0;border-bottom:1px solid rgba(226,224,218,.15);display:flex;align-items:flex-start;justify-content:space-between;gap:2vw}[data-namespace=work] .work_item_num{font-size:11px;opacity:.4;letter-spacing:.1em;padding-top:4px;min-width:3ch}[data-namespace=work] .work_item_title{font-family:var(--page-font-display);font-size:clamp(1.2rem,2.5vw,2rem);font-style:italic;line-height:1.1;flex:1}[data-namespace=work] .work_item_meta{font-size:11px;opacity:.5;text-align:right;letter-spacing:.08em}[data-namespace=work] .work_item_year{color:var(--page-accent)}[data-namespace=contact] #page_content{background:var(--page-bg);color:var(--page-text);font-family:var(--page-font-body)}[data-namespace=contact] .contact_title{font-size:var(--page-title-size);font-family:var(--page-font-display);color:var(--page-text);letter-spacing:-.04em;line-height:.85}[data-namespace=contact] .contact_grid{display:grid;grid-template-columns:1fr 1fr;gap:4vw;padding:6vh 4vw;width:100%}[data-namespace=contact] .contact_label{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--page-accent);margin-bottom:8px}[data-namespace=contact] .contact_value{font-size:14px;line-height:1.7}[data-namespace=contact] .contact_cta{display:inline-block;margin-top:4vh;padding:14px 32px;border:1px solid var(--page-accent);color:var(--page-accent);letter-spacing:.15em;font-size:11px;text-transform:uppercase;transition:background .3s,color .3s}[data-namespace=contact] .contact_cta:hover{background:var(--page-accent);color:var(--page-bg)}[data-namespace=baroque] #page_content{background:var(--page-bg);color:var(--page-text);font-family:var(--page-font-body)}[data-namespace=baroque] .baroque_title{font-size:var(--page-title-size);font-family:var(--page-font-display);font-style:italic;color:var(--page-accent);line-height:.85;letter-spacing:-.02em}[data-namespace=baroque] .baroque_subtitle{font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--page-text);opacity:.5;padding:0 1.5vw;margin-bottom:2vh}[data-namespace=baroque] .anim_p,[data-namespace=baroque] .anim_p2{font-family:var(--page-font-body);font-style:italic}[data-namespace=dutch] #page_content{background:var(--page-bg);color:var(--page-text);font-family:var(--page-font-body)}[data-namespace=dutch] .dutch_title{font-size:var(--page-title-size);font-family:var(--page-font-display);font-style:italic;color:var(--page-accent);line-height:.85;letter-spacing:-.02em}[data-namespace=dutch] .anim_p,[data-namespace=dutch] .anim_p2{font-family:var(--page-font-body)}:root{--text_color: rgb(0, 0, 0);--spacing: 20px}body{margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}main{background:#fff;width:100%}#app{position:relative;width:100%;min-height:100vh}[data-transition=wrapper]{position:relative;width:100%}[data-transition=container]{width:100%;min-height:100vh;position:relative}
