@font-face{font-family:Neue Montreal;src:url(/sites/daniel/neue-montreal.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#111;background:#fff;font-family:Neue Montreal,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,p{margin:0}img{max-width:100%;display:block}a:focus-visible,button:focus-visible{outline:2px solid #4d65ff;outline-offset:5px}::-webkit-scrollbar{display:none}.navigation{position:fixed;top:16px;left:32px;right:32px;z-index:100;display:flex;justify-content:center;pointer-events:none}.menu{display:flex;gap:6px;padding:6px;border-radius:9.6px;background:#ffffff4d;backdrop-filter:blur(5px);pointer-events:auto}.menu a{padding:12px 16px;border-radius:10px;font-size:18px;transition:background .4s}.menu a:hover{background:#ffffff4d}.menu .connect-button{background:#fff;border-radius:8px;transition:background .2s,color .2s}.menu .connect-button:hover{background:#444;color:white}.menu-toggle{display:none}.hero{height:100vh;position:relative;background:url(/sites/daniel/background.jpg) 50%/cover;overflow:hidden;display:flex;align-items:flex-end}.hero-names{width:100%;font-size:0;line-height:0}.name-daniel{display:block;position:relative;z-index:1;margin-bottom:-32px;transform:translateY(19.7%)}.name-daniel img{width:47.7%;height:auto;margin-left:15%;filter:brightness(0) invert(1)}.name-stoopendaal{display:block;position:relative;z-index:3;transform:translateY(19.7%)}.name-stoopendaal img{width:100%;height:auto;filter:brightness(0) invert(1)}.portrait{position:absolute;z-index:2;right:10%;bottom:0;width:auto;height:90vh;object-fit:contain;filter:grayscale(1)}.mobile-logo{display:none}.about{position:relative;z-index:4;background:white;padding:144px 32px}.about p{max-width:1024px;margin:auto;font-size:32px;line-height:1.5}.work{position:relative;background:white;--progress:0}.project-banner{position:sticky;top:0;height:60vh;margin-bottom:-192px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;color:#f4f4f4;font-size:192px;line-height:1.2;white-space:nowrap;pointer-events:none}.project-banner>div:first-child{margin-bottom:-64px;transform:translateX(calc(-20% + var(--progress)*40%))}.project-banner>div:last-child{align-self:flex-end;transform:translateX(calc(20% - var(--progress)*40%))}.project-container{max-width:1088px;padding:112px 32px;margin:auto;position:relative}.project-columns{display:flex;gap:16px;margin-top:192px}.project-column{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px}.project-column.left{margin-top:96px}.project-card{display:block;position:relative}.project-image{aspect-ratio:16/20;position:relative;overflow:hidden;border-radius:16px}.project-image>img{object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.project-card:hover .project-image>img{transform:scale(1.025)}.project-arrow{position:absolute;z-index:2;left:var(--pointer-x,50%);top:var(--pointer-y,50%);transform:translate(-50%,-50%) scale(.5);opacity:0;background:#ffffffcc;backdrop-filter:blur(6px);border-radius:50%;width:100px;height:100px;display:grid;place-items:center;font-size:42px;transition:opacity .2s,transform .2s;pointer-events:none}.project-card:focus-visible .project-arrow,.project-card:hover .project-arrow{opacity:1;transform:translate(-50%,-50%) scale(1)}.project-info{padding:16px 0;display:flex;flex-direction:column;gap:5px;align-items:flex-start}.project-tag{background:#f4f4f4;border-radius:32px;padding:4px 12px;font-size:16px;line-height:1.25}.project-info h2{font-size:32px;line-height:1.3;font-weight:400}footer{position:relative;z-index:4;background:#f4f4f4;padding:80px 32px}.footer-container{max-width:1280px;margin:auto}.footer-top{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:80px;gap:4vw}.email,.footer-top p{font-size:64px;color:#444}.email{display:block;line-height:1.5;margin-top:-16px;color:#999;transition:opacity .375s}.email:hover{opacity:.59}.socials{display:flex;gap:12px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #999;padding-top:32px;gap:16px}.footer-bottom small{font-size:14px}.footer-bottom img{height:auto}@media(max-width:991px){.project-banner{height:40vh;font-size:64px}.project-container{padding-top:96px;padding-bottom:96px}footer{padding-top:72px;padding-bottom:72px}}@media(max-width:767px){.navigation{justify-content:flex-start;align-items:flex-end;flex-direction:column}.menu-toggle{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;width:64px;height:48px;background:#ffffff4d;backdrop-filter:blur(5px);border:0;border-radius:8px;pointer-events:auto;cursor:pointer}.menu-toggle span{width:24px;height:2px;background:#111;transition:transform .2s,opacity .2s}.menu-toggle.is-open span:first-child{transform:translateY(8px) rotate(45deg)}.menu-toggle.is-open span:nth-child(2){opacity:0}.menu-toggle.is-open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.menu{display:none;flex-direction:column;align-items:stretch;margin-top:6px}.menu.is-open{display:flex}.menu a{text-align:right}.hero-names{display:none}.mobile-logo{display:block;position:absolute;top:16px;left:16px;height:53px;width:auto;z-index:5}.portrait{position:relative;left:7%;right:auto;max-width:100%;height:auto;max-height:90vh}.hero{justify-content:center}.about p{font-size:16px}.project-banner{height:20vh}.project-container{padding-top:64px;padding-bottom:64px}.footer-top{flex-direction:column;align-items:flex-start;gap:32px;padding-bottom:48px}.email,.footer-top p{font-size:28.8px}.footer-bottom{padding-top:24px}footer{padding-top:48px;padding-bottom:48px}}@media(max-width:479px){.navigation{left:16px;right:16px}.about{padding:48px 16px}.about p{font-size:24px}.project-banner>div:first-child{margin-bottom:-16px}.project-container{padding-left:16px;padding-right:16px}.project-columns{flex-direction:column}.email,.footer-top p,.project-info h2{font-size:24px}.email{margin-top:-8px}.footer-bottom{flex-wrap:wrap}.footer-bottom small{margin-top:16px}.project-arrow{display:none}}.name-clip{display:block;overflow:hidden}.name-daniel .name-clip{width:47.7%;margin-left:15%}.name-daniel .name-clip img{width:100%;margin-left:0}@media(min-width:768px){.hero-names{display:contents}.name-daniel,.name-stoopendaal{position:absolute;left:0;width:100%}.name-daniel{bottom:calc(100vw * 248 / 1440 - 32px);margin-bottom:0}.name-stoopendaal{bottom:0}.portrait{width:min(71.665vh,65vw);height:auto;max-height:90vh}}@media(prefers-reduced-motion:no-preference){.hero:before{content:"";position:absolute;inset:0;background:#f4f4f4;z-index:0;animation:intro-curtain 1s cubic-bezier(.23,1,.32,1) 1.8s both}.name-daniel{animation:intro-first-settle 1.1s linear both}.name-stoopendaal{animation:intro-last-settle 1.5s linear both}.name-daniel img{animation:intro-logo-enter .3s cubic-bezier(.86,0,.07,1) .1s both,intro-logo-white .3s ease-out 1.8s both}.name-stoopendaal img{animation:intro-logo-enter .3s cubic-bezier(.23,1,.32,1) .5s both,intro-logo-white .3s ease-out 1.8s both}.portrait{animation:intro-portrait .3s cubic-bezier(.86,0,.07,1) 1.8s both}.navigation{animation:intro-navigation .3s cubic-bezier(.23,1,.32,1) 2.5s both}}@keyframes intro-logo-enter{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes intro-logo-white{0%{filter:brightness(0) invert(.27)}to{filter:brightness(0) invert(1)}}@keyframes intro-first-settle{0%,72.7%{transform:translateY(0)}90.9%{transform:translateY(-10%);animation-timing-function:cubic-bezier(.23,1,.32,1)}to{transform:translateY(19.7%)}}@keyframes intro-last-settle{0%,73.3%{transform:translateY(0)}86.7%{transform:translateY(30%);animation-timing-function:cubic-bezier(.23,1,.32,1)}to{transform:translateY(19.7%)}}@keyframes intro-curtain{to{transform:translateY(-100%)}}@keyframes intro-portrait{0%{opacity:0}to{opacity:1}}@keyframes intro-navigation{0%{transform:translateY(-96px)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition:none!important;animation:none!important}.project-banner>div{transform:none!important}}.jiyoung .name-glyph{display:block;font-weight:400;line-height:.88;letter-spacing:-.055em;color:white;font-size:22.15vw;white-space:nowrap}.jiyoung .name-daniel .name-clip{width:70%;margin-left:8%}.jiyoung .name-daniel .name-glyph{font-size:18.5vw}.jiyoung .name-stoopendaal .name-clip{overflow:visible;padding-bottom:.025em}.jiyoung .name-stoopendaal .name-glyph{font-size:26.5vw;letter-spacing:-.055em}.jiyoung .name-daniel{bottom:26vw}.jiyoung .name-stoopendaal{bottom:2.4vw;transform:none}.jiyoung .portrait{width:auto;height:89vh;max-width:57vw;object-fit:contain;object-position:bottom;right:13%}.mobile-wordmark{display:none}.footer-signature{font-size:13px;letter-spacing:.12em;color:#777}.jiyoung .original-portrait{aspect-ratio:730/1697;filter:none;width:auto;height:90vh;max-width:57vw;right:18%;overflow:hidden}.category-container{max-width:1088px;margin:auto;padding:220px 32px 120px;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:64px 24px}.category:first-child{margin-top:96px}.category:last-child{grid-column:1/-1;max-width:720px;width:100%;margin:0 auto}.category-button{display:block;width:100%;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer}.category-art{display:block;position:relative;aspect-ratio:4/5;border-radius:16px;overflow:hidden;background:#151515}.category-art.ai{background:radial-gradient(ellipse at 70% 25%,#666 0,transparent 55%),#111}.art-shape{position:absolute;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.ai .art-shape{inset:18% 16%;border-radius:50%;background:repeating-radial-gradient(ellipse at 28% 30%,#eee 0 1px,#555 2px,#151515 4px 10px);transform:rotate(-25deg);box-shadow:18px 20px 45px #0008}.category-button:hover .ai .art-shape{transform:rotate(-10deg) scale(1.07)}.commercial{background:linear-gradient(130deg,#c9c5bd,#eeece7 40%,#99958e)!important}.commercial .art-shape{inset:18% 22%;background:linear-gradient(130deg,#333,#080808 55%,#777);transform:rotate(12deg);box-shadow:30px 50px 35px #0005}.commercial .art-shape:after{content:"";position:absolute;inset:25%;border:1px solid #ddd8;border-radius:50%;background:radial-gradient(circle,#999,#111 60%)}.category-button:hover .commercial .art-shape{transform:rotate(6deg) translateY(-8px)}.exhibition{aspect-ratio:16/10;background:linear-gradient(#0b0b0b,#393939)!important}.exhibition .art-shape{inset:15% 15% 12%;background:repeating-linear-gradient(90deg,#eee 0 1px,#aaa 2px,#252525 3px 14%);transform:perspective(500px) rotateY(-25deg);box-shadow:0 30px 50px #000}.category-button:hover .exhibition .art-shape{transform:perspective(500px) rotateY(-12deg)}.art-caption{position:absolute;bottom:24px;left:24px;font-size:11px;letter-spacing:.16em;color:#fff;mix-blend-mode:difference}.category-heading{display:flex;justify-content:space-between;align-items:center;padding:20px 0 0}.category-label{display:block;color:#777;font-size:14px;margin-bottom:6px}.category-title{font-size:36px;line-height:1.15;display:block}.category-arrow{font-size:36px}.category-details{padding:24px 0 0;font-size:18px;line-height:1.6}.category-details>span{display:block;color:#888;font-size:12px;margin:16px 0}.category-details>a{display:inline-block;border-bottom:1px solid #aaa;font-size:15px}@media(prefers-reduced-motion:no-preference){.jiyoung .name-daniel .name-glyph{animation:intro-logo-enter .3s cubic-bezier(.86,0,.07,1) .1s both,jiyoung-logo-white .3s ease-out 1.8s both}.jiyoung .name-stoopendaal .name-glyph{animation:intro-logo-enter .3s cubic-bezier(.23,1,.32,1) .5s both,jiyoung-logo-white .3s ease-out 1.8s both}.jiyoung .name-stoopendaal{animation:jiyoung-last-settle 1.5s linear both}}@keyframes jiyoung-logo-white{0%{color:#444}to{color:white}}@keyframes jiyoung-last-settle{0%,73.3%{transform:translateY(-19.7%)}86.7%{transform:translateY(10.3%)}to{transform:translateY(0)}}@media(max-width:767px){.mobile-wordmark{display:block;position:absolute;top:20px;left:16px;font-size:24px;line-height:.85;letter-spacing:-.05em;color:#555;z-index:5}.jiyoung .portrait{height:auto;width:90%;max-width:90%;max-height:80vh;right:auto;left:4%}.category-container{padding:120px 24px 64px;gap:40px 16px}.category:first-child{margin-top:32px}.category-title{font-size:26px}.category-label{font-size:12px}.category-details{font-size:16px}}@media(max-width:479px){.category-container{grid-template-columns:1fr;padding:100px 16px 64px}.category:first-child{margin-top:0}.category:last-child{grid-column:auto}.category-art,.exhibition{aspect-ratio:4/4.5}.category-title{font-size:32px}.footer-signature{margin-top:12px}}@media(max-width:767px){.jiyoung .hero{height:100svh;min-height:420px}.jiyoung .hero-names{display:contents}.jiyoung .mobile-wordmark{display:none}.jiyoung .name-daniel,.jiyoung .name-stoopendaal{position:absolute;left:0;width:100%;margin:0}.jiyoung .name-daniel{bottom:42vw}.jiyoung .name-daniel .name-clip{width:94%;margin-left:3%}.jiyoung .name-daniel .name-glyph{font-size:26vw}.jiyoung .name-stoopendaal{bottom:8vw}.jiyoung .original-portrait{position:absolute;bottom:0;left:auto;right:4%;height:80%;width:auto;max-width:80%;max-height:none}}