:root{--ink:#131a3e;--muted:#5f6075;--cream:#fff9ef;--paper:#fffdf9;--coral:#ff887d;--pink:#f8bfdc;--lilac:#dcd0f5;--yellow:#ffe59a;--mint:#cfe9df;--blue:#cce3f2;--line:rgba(19,26,62,.13);--shadow:0 24px 58px rgba(48,38,70,.13);--radius:34px;--container:min(1180px,calc(100% - 40px));color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65;overflow-x:hidden}img,video{display:block;max-width:100%}a{color:inherit}button{font:inherit}.container{width:var(--container);margin-inline:auto}.skip-link{position:fixed;z-index:100;top:12px;left:12px;padding:10px 16px;border-radius:14px;background:var(--ink);color:#fff;transform:translateY(-180%)}.skip-link:focus{transform:none}:focus-visible{outline:4px solid #087fad;outline-offset:4px}
[data-lang="en"]{display:none}.lang-en [data-lang="nl"]{display:none}.lang-en [data-lang="en"]{display:revert}
.site-header{position:sticky;z-index:50;top:0;background:rgba(255,249,239,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.site-nav{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:30px}.lucia-brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-family:Georgia,"Times New Roman",serif;font-size:1.65rem;font-weight:700}.lucia-brand img{width:48px;height:48px}.nav-links{display:flex;align-items:center;gap:7px}.nav-links a,.language-toggle{border:0;background:transparent;text-decoration:none;padding:10px 13px;border-radius:999px;font-size:.94rem;font-weight:750;color:#343651}.nav-links a:hover,.nav-links a[aria-current="page"],.language-toggle:hover{background:#fff;border-color:var(--line)}.language-toggle{cursor:pointer;background:var(--ink);color:#fff;min-width:48px}.menu-toggle{display:none;width:48px;height:48px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);cursor:pointer}.menu-toggle::before,.menu-toggle::after,.menu-toggle span{content:"";display:block;width:22px;height:2px;margin:5px auto;background:currentColor;border-radius:9px;transition:.2s}.menu-toggle[aria-expanded="true"] span{opacity:0}.menu-toggle[aria-expanded="true"]::before{transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded="true"]::after{transform:translateY(-7px) rotate(-45deg)}.mobile-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;padding:14px;border:1px solid var(--line);border-radius:22px;background:var(--paper);box-shadow:var(--shadow)}.mobile-menu[hidden]{display:none}.mobile-menu a,.mobile-menu button{display:block;width:100%;padding:12px 14px;border:0;border-radius:13px;background:transparent;text-align:left;text-decoration:none;color:var(--ink);font-weight:750}.mobile-menu a:hover,.mobile-menu button:hover{background:var(--lilac)}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.04;margin:0 0 .6em;letter-spacing:-.035em}h1{font-size:clamp(3.7rem,9vw,7.8rem)}h2{font-size:clamp(2.1rem,4.5vw,4.4rem)}h3{font-size:1.55rem}.eyebrow,.section-kicker{display:inline-block;margin-bottom:18px;text-transform:uppercase;letter-spacing:.18em;font-size:.76rem;font-weight:900}.lead{font-size:clamp(1.05rem,1.7vw,1.3rem);color:var(--muted);max-width:720px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border:2px solid var(--ink);border-radius:999px;background:var(--ink);color:#fff;text-decoration:none;font-weight:800;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(19,26,62,.15)}.button-light{background:#fff;color:var(--ink)}.text-link{font-weight:800;text-decoration-thickness:2px;text-underline-offset:4px}.section{padding:clamp(70px,10vw,130px) 0}
.portfolio-hero{position:relative;padding:clamp(55px,8vw,108px) 0 90px;overflow:hidden}.portfolio-hero::before{content:"";position:absolute;width:340px;height:340px;left:-110px;top:20px;border-radius:50%;background:var(--pink);filter:blur(1px);opacity:.55}.portfolio-grid{position:relative;display:grid;grid-template-columns:1.05fr .78fr;align-items:center;gap:clamp(40px,8vw,110px)}.name-script{display:inline-block;color:var(--coral);font-family:"Comic Sans MS","Bradley Hand",cursive;transform:rotate(-3deg);text-decoration:underline .12em var(--yellow);text-underline-offset:.1em}.creative-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.creative-tags span{padding:8px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:800}.portrait-wrap{position:relative;width:min(100%,470px);justify-self:end}.portrait-shape{aspect-ratio:4/5;overflow:hidden;border:10px solid #fff;border-radius:48% 42% 46% 38% / 42% 48% 40% 50%;background:var(--lilac);box-shadow:var(--shadow);transform:rotate(2deg)}.portrait-shape img{width:100%;height:100%;object-fit:cover;object-position:57% center}.portrait-note{position:absolute;right:-22px;bottom:36px;max-width:200px;padding:14px 19px;border-radius:16px;background:var(--yellow);box-shadow:0 12px 24px rgba(52,37,71,.16);font-family:"Comic Sans MS","Bradley Hand",cursive;font-size:clamp(1.1rem,2.2vw,1.45rem);font-weight:700;line-height:1.05;transform:rotate(-5deg)}.portrait-spark{position:absolute;right:0;top:-12px;color:var(--coral);font-size:4rem}
.about-band{background:var(--ink);color:#fff}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(36px,8vw,100px);align-items:start}.about-band .lead{color:#e6e4ef}.about-band h2{max-width:600px}
.work-section{padding:clamp(70px,10vw,130px) 0}.work-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:42px}.work-heading p{max-width:480px}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.work-card{display:block;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow);text-decoration:none;transition:transform .25s,box-shadow .25s}.work-card:hover{transform:translateY(-7px);box-shadow:0 30px 72px rgba(48,38,70,.18)}.work-image{position:relative;display:grid;place-items:center;aspect-ratio:16/11;overflow:hidden;background:var(--lilac);padding:9%}.work-coral .work-image{background:#f6c2b5}.work-pink .work-image{background:#f5bfd8}.work-yellow .work-image{background:#ffe6a2}.work-image img{width:100%;height:100%;object-fit:contain}.work-card.card-centered .work-image img{object-position:54% center;transform:translateX(2.5%)}.work-card.work-yellow .work-image img{transform:none;object-position:center}.work-copy{position:relative;padding:26px 72px 30px 28px}.work-copy span{display:block;margin-bottom:8px;color:#676a82;text-transform:uppercase;letter-spacing:.15em;font-size:.72rem;font-weight:900}.work-copy h2{font-size:clamp(1.7rem,3vw,2.55rem);margin:0}.work-arrow{position:absolute;right:24px;bottom:28px;display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:var(--ink);color:#fff;font-style:normal;font-size:1.25rem}.selected-note{text-align:center;padding:0 0 100px}.selected-note .inner{max-width:780px;margin:auto;padding:38px;border:2px dashed rgba(19,26,62,.18);border-radius:30px;background:rgba(255,255,255,.5)}
.project-hero{padding:clamp(54px,8vw,96px) 0;background:var(--lilac)}.project-hero.coral{background:#f6c2b5}.project-hero.pink{background:#f5bfd8}.project-hero.book{background:linear-gradient(135deg,#071a38,#22204c);color:#fff}.project-hero.book .lead{color:#dfe6ec}.project-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:clamp(44px,8vw,100px);align-items:center}.back-link{display:inline-block;margin-bottom:32px;font-weight:800;text-decoration:none}.project-cover{display:grid;place-items:center;min-height:430px;border-radius:38px;background:rgba(255,255,255,.4);overflow:hidden;padding:8%}.project-cover img{max-height:470px;width:100%;height:100%;object-fit:contain}.project-cover.book-cover{padding:4%;background:transparent}.project-cover.book-cover img{max-height:650px;transform:rotate(1.5deg);filter:drop-shadow(0 22px 26px rgba(0,0,0,.28))}.project-maker{font-size:1.05rem}.project-content-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:clamp(34px,7vw,90px);align-items:start}.project-copy h2{font-size:clamp(2.1rem,4vw,3.7rem)}.project-video{width:100%;margin-top:34px;border-radius:24px;background:#0b102d;box-shadow:var(--shadow)}.project-facts{position:sticky;top:110px;padding:28px;border-radius:28px;background:#fff;border:1px solid var(--line)}.project-facts h2{font-size:1.8rem}.project-facts dl{margin:0}.project-facts dt{margin-top:18px;color:#74758a;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:900}.project-facts dd{margin:2px 0 0}.project-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:30px}
.story-heading{text-align:center;max-width:760px;margin:0 auto 42px}.story-spreads{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.story-spread{margin:0}.story-spread button{display:block;width:100%;padding:0;border:0;border-radius:22px;overflow:hidden;background:#fff;cursor:zoom-in;box-shadow:var(--shadow)}.story-spread img{width:100%;aspect-ratio:16/9;object-fit:cover}.story-spread figcaption{padding:12px 4px;font-weight:750}.teaser-section{background:var(--mint)}.teaser-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(35px,7vw,85px);align-items:center}.youtube-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:35px;padding:24px 28px;border-radius:24px;background:rgba(255,255,255,.65)}.story-project-nav{width:var(--container);margin:50px auto 0}.lightbox-dialog{width:min(1120px,calc(100% - 32px));max-width:none;border:0;border-radius:24px;padding:0;background:#11172e;color:#fff}.lightbox-dialog::backdrop{background:rgba(9,11,28,.82)}.lightbox-inner{position:relative;padding:48px 20px 20px}.lightbox-inner figure{margin:0}.lightbox-inner img{max-height:78vh;margin:auto}.lightbox-inner figcaption{text-align:center;padding:14px}.lightbox-close{position:absolute;right:12px;top:10px;width:38px;height:38px;border:0;border-radius:50%;background:#fff;color:var(--ink);font-size:1.55rem;cursor:pointer}
.site-footer{padding:56px 0 34px;background:#fff;border-top:1px solid var(--line)}.footer-grid{width:var(--container);margin:auto;display:flex;justify-content:space-between;gap:50px;align-items:end}.footer-copy{max-width:550px}.footer-copy strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:1.8rem}.footer-links{display:flex;flex-wrap:wrap;gap:20px}.footer-links a{text-decoration:none;font-weight:750}.copyright{width:var(--container);margin:34px auto 0;padding-top:24px;border-top:1px solid var(--line);font-size:.86rem;color:var(--muted)}
@media(max-width:900px){.nav-links{display:none}.menu-toggle{display:block}.portfolio-grid,.project-grid,.about-grid,.project-content-grid,.teaser-grid{grid-template-columns:1fr}.portrait-wrap{justify-self:center;width:min(82vw,470px)}.project-cover{min-height:320px}.project-facts{position:static}.story-spreads{grid-template-columns:1fr}.about-grid{gap:20px}.footer-grid{align-items:start;flex-direction:column}.work-heading{align-items:start;flex-direction:column}.youtube-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){:root{--container:min(100% - 28px,1180px);--radius:25px}.site-nav{min-height:68px}.lucia-brand{font-size:1.42rem}.lucia-brand img{width:42px;height:42px}.portfolio-hero{padding-top:38px}.portfolio-grid{gap:55px}.portrait-note{right:-4px;bottom:18px}.work-grid{grid-template-columns:1fr;gap:22px}.work-image{aspect-ratio:16/10}.work-copy{padding:22px 65px 24px 22px}.work-arrow{right:18px;bottom:21px}.project-hero{padding-top:38px}.project-cover{min-height:260px;border-radius:28px}.section{padding:64px 0}.selected-note .inner{padding:26px}.youtube-cta{padding:21px}.story-project-nav{width:calc(100% - 28px)}}
@media(max-width:360px){:root{--container:calc(100% - 22px)}h1{font-size:3.15rem}.portrait-note{font-size:1rem}.work-copy h2{font-size:1.55rem}.creative-tags span{font-size:.86rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.work-card:hover,.button:hover{transform:none}}
@media(max-width:900px){.nav-links{display:flex;margin-left:auto}.nav-links a{display:none}}
.language-toggle:hover{color:var(--ink)}
.project-hero .eyebrow{display:block}
.footer-links a,.project-nav a,.back-link,.text-link{min-height:44px;display:inline-flex;align-items:center}