@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,500;1,400&display=swap";:root{color:#242424;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f3f3;font-family:DM Sans,sans-serif;font-size:16px;font-weight:300}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}::selection{color:#202020;background:#c9c9c9}#root{min-height:100vh}.site{flex-direction:column;min-height:100vh;display:flex}.site-header{border-bottom:1px solid #dcdad2;justify-content:space-between;align-items:center;height:92px;padding:0 7.2%;display:flex}.brand{letter-spacing:.16em;flex-direction:column;gap:5px;font-size:14px;font-weight:500;display:flex}.brand span{letter-spacing:.12em;color:#85857d;font-size:9px;font-weight:300}.site-header nav{gap:34px;display:flex}.site-header nav a{letter-spacing:.1em;color:#74746d;font-size:11px;transition:color .2s}.site-header nav a:hover,.site-header nav a[aria-current=page]{color:#25251f}.site-header nav a[aria-current=page]{border-bottom:1px solid #8c735e;padding-bottom:7px}.site main{flex-direction:column;flex:1;display:flex}.page-kicker{letter-spacing:.17em;color:#8a8981;text-transform:uppercase;padding:15px 7.2%;font-size:8px}.page-kicker span{color:#b0aea4}.hero{color:#fff;background-color:#393a34;background-image:url(/images/portretten2025-BYKIRSTENVANSANTEN-info@kirstenvansanten.nl-285.jpg);background-position:100%;background-repeat:no-repeat;background-size:auto 110%;align-items:center;min-height:calc(100vh - 154px);padding:8% 12%;display:flex;position:relative}.hero:before{content:"";background:linear-gradient(90deg,#141513d1,#14151380 48%,#1415130a 82%),linear-gradient(#0000 50%,#14151333);position:absolute;inset:0}.hero-copy{max-width:590px;position:relative}.eyebrow{letter-spacing:.2em;color:#85847a;text-transform:uppercase;font-size:9px}.hero .eyebrow{color:#e0ded4}.hero h1,.page-copy h1{letter-spacing:-.04em;margin:20px 0;font:400 clamp(54px,8vw,100px)/1.05 Playfair Display,serif}.hero-role{letter-spacing:.07em;color:#e4e2dc;font-size:13px}.hero-link{letter-spacing:.1em;border-bottom:1px solid #ffffffa0;align-items:center;gap:26px;margin-top:36px;padding:13px 0;font-size:10px;display:inline-flex}.hero-link span{font-size:17px}.content-page{flex:1;align-items:center;width:min(1100px,85%);margin:0 auto;padding:70px 0 110px;display:flex}.page-copy{max-width:670px}.page-copy h1{margin:18px 0 32px;font-size:clamp(48px,7vw,76px)}.page-copy>p:not(.eyebrow){color:#686960;max-width:620px;margin:0 0 17px;font-size:14px;line-height:2}.about-page{grid-template-columns:minmax(260px,.9fr) 1.1fr;align-items:center;gap:9%;display:grid}.about-photo{filter:saturate(.65);background:url(/images/portretten2025-BYKIRSTENVANSANTEN-info@kirstenvansanten.nl-283.jpg) 50%/cover no-repeat;min-height:470px}.about-page .page-copy h1{font-size:clamp(48px,6vw,70px)}.page-copy-wide{width:100%;max-width:850px}.intro{color:#686960;font-size:14px;line-height:2}.project-list{border-top:1px solid #d5d3ca;margin-top:44px}.project{border-bottom:1px solid #d5d3ca;grid-template-columns:55px 1fr 30px;gap:20px;padding:26px 0;display:grid}.project-number{color:#9a8876;padding-top:5px;font-size:10px}.project h2{margin:0 0 4px;font:400 23px Playfair Display,serif}.project-type{letter-spacing:.1em;text-transform:uppercase;color:#928f84!important;margin:0 0 12px!important;font-size:9px!important}.project p:last-child{color:#74746c;margin:0;font-size:12px;line-height:1.9}.project-mark{color:#92816e}.notes-list{border-top:1px solid #d5d3ca;margin-top:42px}.notes-list article{border-bottom:1px solid #d5d3ca;grid-template-columns:120px 1fr;gap:18px;padding:24px 0;display:grid}.notes-list time{letter-spacing:.12em;color:#92816e;font-size:10px}.notes-list p{color:#45463f;max-width:570px;font:400 19px/1.7 Playfair Display,serif}.contact-copy{max-width:620px}.email-link{border-bottom:1px solid #aaa79a;align-items:center;gap:30px;margin-top:24px;padding:8px 0;font:400 clamp(22px,4vw,34px) Playfair Display,serif;display:inline-flex}.email-link span{font:300 17px DM Sans,sans-serif}.social-links{gap:24px;margin-top:55px;display:flex}.social-links a{letter-spacing:.08em;color:#77776e;font-size:10px}.site-footer{color:#8a8981;letter-spacing:.08em;border-top:1px solid #dcdad2;justify-content:space-between;align-items:center;height:62px;padding:0 7.2%;font-size:9px;display:flex}.site-footer span:last-child{text-transform:uppercase}@media (width<=700px){.site-header{flex-direction:column;align-items:flex-start;gap:22px;height:auto;min-height:79px;padding:20px 6%}.site-header nav{justify-content:space-between;gap:10px;width:100%}.site-header nav a{font-size:10px}.page-kicker{padding:12px 6%}.hero{background-position:100%;background-size:auto 110%;min-height:calc(88vh - 130px);padding:12% 8%}.hero:before{background:linear-gradient(90deg,#141513b8,#14151359 68%,#14151314),linear-gradient(#0000 50%,#14151340)}.hero h1{font-size:64px}.content-page{width:88%;padding:52px 0 76px}.about-page{flex-direction:column;align-items:stretch;gap:38px;display:flex}.about-photo{min-height:360px}.page-copy h1{margin-bottom:23px}.project{grid-template-columns:30px 1fr 16px;gap:12px}.project h2{font-size:20px}.notes-list article{grid-template-columns:75px 1fr;gap:12px}.notes-list p{font-size:17px}.site-footer{height:56px;padding:0 6%;font-size:8px}.social-links{gap:17px}}.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:44px;display:grid}.work-card{min-width:0}.work-image{aspect-ratio:4/3;background:#25251f;position:relative;overflow:hidden}.work-image img{object-fit:cover;width:100%;height:100%;transition:transform .55s cubic-bezier(.2,.7,.2,1);display:block}.work-card:hover .work-image img{transform:scale(1.045)}.work-number{letter-spacing:.13em;color:#6a5949;background:#f3f2edeb;padding:6px 9px;font-size:9px;position:absolute;top:12px;left:12px}.work-details{padding:17px 2px 0}.work-grid .project-type{letter-spacing:.14em;font-size:8px!important}@media (width<=900px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}.work-card:last-child{grid-column:1/-1;width:calc(50% - 9px)}}@media (width<=520px){.work-grid{grid-template-columns:1fr;gap:30px;margin-top:32px}.work-card:last-child{grid-column:auto;width:auto}.work-image{aspect-ratio:1.3}.work-details{padding-top:14px}}.work-grid{border-top:1px solid #d5d3ca;margin-top:28px;display:block}.work-card:last-child{grid-column:auto;width:auto}.work-card{border-bottom:1px solid #d5d3ca;grid-template-columns:minmax(180px,.72fr) minmax(0,1.8fr);align-items:center;gap:30px;padding:28px 0;display:grid}.work-details{padding-left:38px;position:relative}.work-details .work-number{position:absolute;top:2px;left:0}.work-details .project-type{margin:0 0 8px!important}.work-details h2{margin:0 0 10px;font:400 22px/1.3 Playfair Display,serif}.work-details>p:last-child{color:#74746c;margin:0;font-size:11px;line-height:1.8}.work-photos{scroll-snap-type:x mandatory;scrollbar-color:#b9b5aa transparent;scrollbar-width:thin;gap:12px;padding:2px 2px 10px;display:flex;overflow-x:auto}.work-photos img{object-fit:cover;scroll-snap-align:start;background:#dedbd1;flex:0 0 190px;width:190px;height:132px}.work-card:first-child .work-photos img:first-child{object-position:center 42%}@media (width<=760px){.work-card{grid-template-columns:1fr;gap:18px;padding:24px 0}.work-details{padding-left:34px}.work-photos img{flex-basis:68vw;width:68vw;height:46vw;max-height:210px}}@media (width<=420px){.work-card{gap:14px}.work-photos{gap:9px}.work-photos img{flex-basis:76vw;width:76vw;height:52vw}}.music-page .page-copy-wide{max-width:none}.music-categories{border-bottom:1px solid #d5d3ca;align-items:center;gap:clamp(24px,6vw,76px);margin:34px 0 0;display:flex}.music-categories button{appearance:none;color:#8b8980;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:0 0 16px;font:500 11px DM Sans,sans-serif;transition:color .2s,border-color .2s}.music-categories button:hover,.music-categories button.active{color:#292a25}.music-works{border-top:0}.music-work{border-bottom:1px solid #d5d3ca;grid-template-columns:minmax(210px,.72fr) minmax(0,1.8fr);align-items:center;gap:34px;padding:32px 0;display:grid}.music-work-copy{padding-left:38px;position:relative}.music-work-number{color:#9a8876;font-size:10px;position:absolute;top:2px;left:0}.music-work-copy .project-type{margin:0 0 9px!important}.music-work-copy h2{margin:0 0 12px;font:400 clamp(21px,2.1vw,27px)/1.3 Playfair Display,serif}.music-work-copy>p:last-child{color:#74746c;margin:0;font-size:12px;line-height:1.9}.music-work-photos{scroll-snap-type:x mandatory;scrollbar-color:#b9b5aa transparent;scrollbar-width:thin;gap:16px;padding:3px 3px 12px;display:flex;overflow-x:auto}.music-work-photos img{object-fit:cover;scroll-snap-align:start;background:#dedbd1;flex:0 0 min(31vw,340px);width:min(31vw,340px);height:clamp(190px,22vw,250px)}.music-work:first-child .music-work-photos img:first-child{object-position:center 42%}@media (width<=760px){.music-page .page-copy-wide{max-width:100%}.music-categories{gap:clamp(18px,8vw,44px);margin-top:25px}.music-categories button{padding-bottom:13px;font-size:10px}.music-work{grid-template-columns:1fr;gap:18px;padding:25px 0}.music-work-copy{padding-left:34px}.music-work-photos img{flex-basis:78vw;width:78vw;height:56vw;max-height:280px}}@media (width<=420px){.music-categories{justify-content:space-between;gap:8px}.music-categories button{letter-spacing:.1em;font-size:9px}.music-work-photos{gap:10px}.music-work-photos img{flex-basis:82vw;width:82vw;height:59vw}}.external-video-preview{color:#fff;scroll-snap-align:start;background:#171815;flex:0 0 min(31vw,340px);width:min(31vw,340px);height:clamp(190px,22vw,250px);display:block;position:relative;overflow:hidden}.external-video-preview img{object-fit:cover;opacity:.78;width:100%;height:100%;transition:transform .3s,opacity .3s;display:block}.external-video-preview:hover img{opacity:.6;transform:scale(1.04)}.external-video-play{border:1px solid #ffffffc9;border-radius:50%;place-items:center;width:48px;height:48px;padding-left:3px;font-size:13px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)}.external-video-label{letter-spacing:.09em;background:linear-gradient(#0000,#000b);padding:25px 12px 11px;font-size:9px;position:absolute;bottom:0;left:0;right:0}@media (width<=760px){.external-video-preview{flex-basis:78vw;width:78vw;height:56vw;max-height:280px}}@media (width<=420px){.external-video-preview{flex-basis:82vw;width:82vw;height:59vw}}.youtube-embed{scroll-snap-align:start;background:#171815;border:0;flex:0 0 min(31vw,340px);width:min(31vw,340px);height:clamp(190px,22vw,250px)}@media (width<=760px){.youtube-embed{flex-basis:78vw;width:78vw;height:56vw;max-height:280px}}@media (width<=420px){.youtube-embed{flex-basis:82vw;width:82vw;height:59vw}}.site-header,.site-footer{border-color:#d6d6d6}.hero{background:#191919;overflow:hidden}.hero-photo{object-fit:contain;object-position:right center;filter:grayscale();z-index:0;width:100%;height:110%;position:absolute;top:50%;right:0;transform:translateY(-50%)}.hero:before{z-index:1;background:linear-gradient(90deg,#0a0a0adb,#0a0a0a94 48%,#0a0a0a14 82%),linear-gradient(#0000 50%,#0a0a0a33)}.hero-copy{z-index:2}.about-photo,.music-work-photos img,.external-video-preview img{filter:grayscale()}.site-header nav a[aria-current=page]{border-color:#777}.music-categories button.active{border-bottom-color:#666}.music-work-number,.work-number,.project-number,.notes-list time{color:#777}.project-type{color:#777!important}.contact{background:#e6e6e6}.contact-orb{border-color:#ffffff50}.contact-button{border-color:#333}.contact-button:hover{color:#fff;background:#292929}.hero-photo{object-fit:cover;object-position:58% 37%;width:100%;height:100%;top:0;right:0;transform:none}.about-photo,.music-work-photos img,.external-video-preview img{filter:none}@media (width<=760px){.hero-photo{object-position:56% center}}.bandcamp-embed{scroll-snap-align:start;background:#fff;border:0;flex:0 0 min(31vw,340px);width:min(31vw,340px);height:120px}@media (width<=760px){.bandcamp-embed{flex-basis:78vw;width:78vw;height:120px}}@media (width<=420px){.bandcamp-embed{flex-basis:82vw;width:82vw}}.sheets-page .page-copy-wide{max-width:none}.sheets-page>.page-copy>h1{margin-bottom:16px}.sheets-page .intro{margin-bottom:44px}.score-sections{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.score-section{border-top:1px solid #bcbcbc;padding-top:21px}.score-section-heading{justify-content:space-between;align-items:flex-start;gap:14px;min-height:138px;display:flex}.score-section-heading h2{margin:10px 0;font:400 clamp(23px,3vw,32px)/1.2 Playfair Display,serif}.score-section-heading p:not(.eyebrow){color:#777;margin:0;font-size:11px;line-height:1.7}.score-count{letter-spacing:.12em;color:#888;white-space:nowrap;padding-top:3px;font:9px DM Sans,sans-serif}.score-empty{color:#858585;letter-spacing:.06em;border:1px solid #d8d8d8;justify-content:space-between;align-items:center;min-height:150px;padding:22px;font-size:11px;display:flex}.score-empty span{color:#555;font:24px Playfair Display,serif}.score-item{border-top:1px solid #d8d8d8;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;display:flex}.score-item h3{margin:0 0 6px;font:400 18px Playfair Display,serif}.score-item p{color:#777;margin:0;font-size:11px}.score-item a{letter-spacing:.08em;white-space:nowrap;border-bottom:1px solid #888;padding-bottom:5px;font-size:10px}@media (width<=760px){.score-sections{grid-template-columns:1fr;gap:38px}.score-section-heading{min-height:110px}.sheets-page .intro{margin-bottom:32px}}.score-sections{align-items:start}.score-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;display:grid}.score-item{align-items:center;min-height:75px}.score-item h3{font-size:16px;line-height:1.45}.score-item a{font-size:9px}@media (width<=760px){.score-list{grid-template-columns:1fr;column-gap:0}}