<style>
#dss-portfolio{color-scheme:dark;–bg:#101110;–fg:#eeeae1;–muted:#aaa99e;–accent:#c1b18b}
#dss-portfolio *{box-sizing:border-box}
#dss-portfolio{scroll-behavior:smooth;scroll-padding-top:35px}
#dss-portfolio{margin:0;background:var(–bg);color:var(–fg);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
#dss-portfolio a{color:inherit;text-decoration:none}
#dss-portfolio a:focus-visible,#dss-portfolio button:focus-visible{outline:2px solid var(–accent);outline-offset:7px}
#dss-portfolio header{padding:38px 5.5vw;display:flex;align-items:center;justify-content:space-between}
#dss-portfolio .brand{font-size:15px;letter-spacing:2.2px;font-weight:600}
#dss-portfolio .brand span{font-weight:300}
#dss-portfolio .brand i{display:block;font-size:9px;font-style:normal;text-transform:uppercase;letter-spacing:4px;color:var(–muted);margin-top:9px}
#dss-portfolio .nav{font-size:11px;letter-spacing:1px}
#dss-portfolio .nav span{margin-left:24px;color:var(–accent)}
#dss-portfolio .intro{padding:105px 10vw 65px;position:relative;min-height:550px}
#dss-portfolio .eyebrow{font-size:9px;letter-spacing:2.8px;color:var(–accent);font-weight:400}
#dss-portfolio h1,#dss-portfolio h2,#dss-portfolio .interlude p{font-family:Georgia,’Times New Roman’,serif;font-weight:400;letter-spacing:-3px;line-height:1.08}
#dss-portfolio h1{font-size:clamp(52px,6.7vw,105px);margin:30px 0 25px}
#dss-portfolio em{font-weight:400;color:var(–accent)}
#dss-portfolio .description{font-size:12px;color:var(–muted);letter-spacing:.3px;line-height:1.8}
#dss-portfolio .scroll-cue{display:flex;align-items:center;gap:15px;margin-top:60px;font-size:13px;color:var(–accent)}
#dss-portfolio .scroll-cue span:first-child{font-size:8px;letter-spacing:2px}
#dss-portfolio .line{width:65px;height:1px;background:#57574d}
#dss-portfolio .edition{position:absolute;right:5.5vw;bottom:67px;text-align:right;font-size:8px;letter-spacing:2px;line-height:2.1;color:var(–muted)}
#dss-portfolio .edition span{color:#797b70}
#dss-portfolio .collection{padding:45px 10vw 0}
#dss-portfolio .photo{margin:0 0 250px;width:52%}
#dss-portfolio .opening{width:62%;margin-left:auto;margin-right:auto;margin-bottom:0}
#dss-portfolio .image-button{padding:0;border:0;background:transparent;width:100%;display:block;cursor:zoom-in}
#dss-portfolio .photo img{width:100%;height:auto;display:block}
#dss-portfolio .opening img{aspect-ratio:1;object-fit:contain}
#dss-portfolio figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:19px;font-size:9px;color:var(–muted);line-height:1.6}
#dss-portfolio figcaption span:first-child{font-size:8px;letter-spacing:1.6px;color:var(–accent)}
#dss-portfolio figcaption span:last-child{font-family:Georgia,serif;font-style:italic;font-size:12px}
#dss-portfolio .interlude{margin:170px 0 170px 8%}
#dss-portfolio .interlude p{font-size:46px;letter-spacing:-1.4px;margin-top:24px}
#dss-portfolio .wide{width:84%;margin-left:auto}
#dss-portfolio .left{margin-right:auto}
#dss-portfolio .right{margin-left:auto}
#dss-portfolio .monochrome{width:55%;margin-top:50px}
#dss-portfolio .center{width:56%;margin-left:auto;margin-right:auto}
#dss-portfolio .intimate{width:43%;margin-left:4%}
#dss-portfolio .closing{width:62%;margin-bottom:170px}
#dss-portfolio .end{padding:50px 10vw 170px;text-align:center}
#dss-portfolio h2{font-size:clamp(42px,5vw,76px);margin:35px 0 45px}
#dss-portfolio .site-link{display:inline-block;font-size:11px;letter-spacing:.5px;border-bottom:1px solid #626050;padding-bottom:14px}
#dss-portfolio .site-link span{margin-left:38px;color:var(–accent)}
#dss-portfolio footer{margin:0 5.5vw;padding:30px 0;border-top:1px solid #30312b;display:flex;justify-content:space-between;gap:20px;color:var(–muted);font-size:8px;letter-spacing:1.5px}
#dss-portfolio .reveal{opacity:1;transform:none}
#dss-portfolio.motion-ready .reveal{opacity:0;transform:translateY(38px);transition:opacity 1.2s ease,transform 1.4s cubic-bezier(.2,.65,.3,1)}
#dss-portfolio.motion-ready .reveal.visible{opacity:1;transform:none}
#dss-portfolio dialog{padding:55px 35px 25px;background:#101110;border:0;max-width:100vw;max-height:100dvh;width:100vw;height:100dvh}
#dss-portfolio dialog::backdrop{background:#101110}
#dss-portfolio dialog[open]{display:flex;flex-direction:column;align-items:center;justify-content:center}
#dss-portfolio dialog img{max-width:95%;max-height:calc(100dvh – 120px);object-fit:contain}
#dss-portfolio .close{position:absolute;right:30px;top:22px;background:none;border:0;color:var(–fg);letter-spacing:2px;font-size:10px;padding:10px;cursor:pointer}
#dss-portfolio dialog p{font-size:8px;letter-spacing:2px;color:var(–muted);margin-top:20px}
@media(min-width:1600px){#dss-portfolio main{max-width:1600px;margin:auto}
}
@media(max-width:650px){#dss-portfolio header{padding:26px 6vw}
#dss-portfolio .brand{font-size:12px;letter-spacing:1.4px}
#dss-portfolio .nav{font-size:9px}
#dss-portfolio .nav span{margin-left:8px}
#dss-portfolio .intro{padding:85px 7vw 45px;min-height:auto}
#dss-portfolio h1{letter-spacing:-2px;font-size:54px}
#dss-portfolio .edition{display:none}
#dss-portfolio .scroll-cue{margin-top:45px}
#dss-portfolio .collection{padding:30px 7vw 0}
#dss-portfolio .photo{width:87%;margin-bottom:125px}
#dss-portfolio .opening{width:100%;margin-bottom:0}
#dss-portfolio .interlude{margin:110px 0 110px 3%}
#dss-portfolio .interlude p{font-size:37px}
#dss-portfolio .wide{width:100%}
#dss-portfolio .monochrome{width:90%}
#dss-portfolio .center{width:90%}
#dss-portfolio .intimate{width:78%;margin-left:0}
#dss-portfolio .closing{width:92%;margin-bottom:110px}
#dss-portfolio figcaption{gap:8px}
#dss-portfolio figcaption span:first-child{font-size:7px;letter-spacing:1px}
#dss-portfolio figcaption span:last-child{font-size:11px}
#dss-portfolio .end{padding:0 7vw 110px}
#dss-portfolio h2{letter-spacing:-1.5px}
#dss-portfolio footer{font-size:7px;letter-spacing:1px;line-height:1.8}
}
@media(prefers-reduced-motion:reduce){#dss-portfolio{scroll-behavior:auto}
#dss-portfolio.motion-ready .reveal{opacity:1;transform:none;transition:none}
}
#dss-portfolio { width:100%; max-width:none; text-align:left; isolation:isolate; }
#dss-portfolio a { text-decoration:none; }
#dss-portfolio button { box-shadow:none; border-radius:0; }
#dss-portfolio img { border-radius:0; box-shadow:none; }
#dss-portfolio .image-button { line-height:0; }
#dss-portfolio .image-button img { margin:0; }
THE ART OF DANCE · A PHOTO ESSAY
Some moments
never stand still.
Movement. Connection. Everything in between.
SELECTED PHOTOGRAPHS
01 — 06 / OCTOBER 2026
Without a word.
DANCESPORTSTORY
Dance is fleeting.
The feeling stays.
ESC TO CLOSE
(() => {
const root = document.getElementById(‘dss-portfolio’);
if (!root || root.dataset.initialized) return;
root.dataset.initialized = ‘true’;
if (‘IntersectionObserver’ in window && !window.matchMedia(‘(prefers-reduced-motion: reduce)’).matches) {
const observer = new IntersectionObserver(entries => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add(‘visible’);
observer.unobserve(entry.target);
}
});
}, { threshold: 0.06 });
root.querySelectorAll(‘.reveal’).forEach(el => observer.observe(el));
root.classList.add(‘motion-ready’);
}
const dialog = root.querySelector(‘dialog’);
if (!dialog || typeof dialog.showModal !== ‘function’) return;
const enlarged = dialog.querySelector(‘img’);
let previousOverflow;
root.querySelectorAll(‘.image-button’).forEach(link => {
link.addEventListener(‘click’, event => {
if (event.ctrlKey || event.metaKey || event.shiftKey || event.altKey) return;
event.preventDefault();
const photo = link.querySelector(‘img’);
enlarged.src = link.href;
enlarged.alt = photo.alt;
previousOverflow = document.body.style.overflow;
dialog.showModal();
document.body.style.overflow = ‘hidden’;
});
});
dialog.querySelector(‘.close’).addEventListener(‘click’, () => dialog.close());
dialog.addEventListener(‘click’, event => { if (event.target === dialog) dialog.close(); });
dialog.addEventListener(‘close’, () => { document.body.style.overflow = previousOverflow; });
})();
