.experience-portfolio{--exp-pad:clamp(22px,5.55vw,80px)}.experience-intro,.experience-principles,.experience-work{max-width:1440px;margin-inline:auto;padding-inline:var(--exp-pad)}.experience-intro{padding-top:48px}.experience-kicker{display:flex;justify-content:space-between;gap:25px;font-size:12px;color:#ad9cbb}.experience-heading{display:grid;grid-template-columns:1.8fr 1fr;gap:8%;align-items:end;padding-block:65px 58px}.experience-heading h1{font:400 clamp(65px,8vw,124px)/.98 var(--font-editorial),serif;letter-spacing:-.04em}.experience-heading h1 em{color:#c2a0e9;font-weight:400}.experience-heading>div{padding-bottom:7px}.experience-heading p{font-size:17px;color:#c3b4d0;max-width:31ch;line-height:1.6}.experience-heading a{font-size:13px;margin-top:35px;padding-block:12px;border-bottom:1px solid #745e87;max-width:250px}.experience-heading a,.experience-meta{display:flex;align-items:center;justify-content:space-between}.experience-meta{gap:30px;padding:28px 0;border-top:1px solid #3b2e48}.experience-meta p{font-size:12px;color:#b8acc4;max-width:70ch}.experience-meta button{display:flex;align-items:center;gap:12px;font-size:13px;padding:12px 0;background:none;color:#ddc8f0;border:0;cursor:pointer;white-space:nowrap}.experience-work{padding-top:20px}.experience-filterbar{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-bottom:20px}.experience-filterbar>div{display:flex;gap:12px;flex-wrap:wrap}.experience-filterbar button{padding:12px 17px;border:1px solid #594369;background:transparent;border-radius:30px;color:#c7b6d6;font-size:13px;cursor:pointer;display:flex;gap:15px;align-items:center}.experience-filterbar button>span{font-size:11px;opacity:.8}.experience-filterbar button[aria-pressed=true]{background:#c2a0e9;color:#24162e;border-color:#c2a0e9}.experience-filterbar>a{font-size:12px;text-decoration:underline}.experience-how{color:#b8acc4;font-size:12px;padding-bottom:30px}.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px 35px}.experience-card{min-width:0;scroll-margin-top:50px}.experience-image{position:relative;display:block;overflow:hidden;aspect-ratio:1.35;background:#251b31;isolation:isolate}.experience-image>img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.8,.2,1)}.experience-image:hover>img{transform:scale(1.035)}.experience-image-shade{position:absolute;inset:0;background:linear-gradient(transparent 60%,#0004)}.experience-open{position:absolute;right:25px;bottom:25px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#eee5f7;color:#271a33;transition:background .25s,transform .25s}.experience-image:hover .experience-open{transform:rotate(45deg);background:#c2a0e9}.experience-art-label{position:absolute;top:25px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#fff;font-size:12px;text-shadow:0 1px 8px #0008}.experience-art-label>span:first-child{font-size:22px;letter-spacing:-.03em}.experience-art-label>span:last-child{font-size:11px;padding:7px 11px;background:#1a162078;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.experience-caption{padding-top:27px}.experience-type{font-size:11px;color:#ad9cbb}.experience-caption h2{font:400 39px/1.15 var(--font-editorial),serif;letter-spacing:-.03em;margin-top:8px}.experience-caption h2 a{display:flex;justify-content:space-between;align-items:center;gap:20px}.experience-caption h2 svg{opacity:.7}.experience-caption h3{font-size:14px;font-weight:400;color:#d0bddf;line-height:1.5;margin:15px 0 22px}.experience-caption p{font-size:14px;line-height:1.75;color:#b8acc4;max-width:57ch}.experience-caption ul{list-style:none;padding:0;margin:24px 0 18px;display:flex;flex-wrap:wrap;gap:10px 16px}.experience-caption li{font-size:11px;color:#c2a0e9;padding-bottom:7px;border-bottom:1px solid #4d385d}.experience-visit{display:inline-flex;align-items:center;gap:15px;font-size:13px;padding:10px 0}.experience-aeren{padding-top:120px}.experience-aeren .experience-image{aspect-ratio:.99}.experience-serein .experience-image{aspect-ratio:.88}.experience-serein .experience-image>img{object-position:60% center}.experience-bartling .experience-image,.experience-luvlng .experience-image,.experience-studiow .experience-image{aspect-ratio:1.5}.experience-bartling .experience-image>img,.experience-luvlng .experience-image>img,.experience-studiow .experience-image>img{object-fit:cover;object-position:top}.experience-bartling .experience-art-label,.experience-luvlng .experience-art-label,.experience-studiow .experience-art-label{display:none}.experience-watermann .experience-image{aspect-ratio:1.5}.experience-watermann .experience-image>img{object-position:top}.experience-watermann .experience-art-label{display:none}.experience-principles{padding-block:140px}.experience-principles>p{font-size:13px;color:#b8acc4;margin-bottom:35px}.experience-principles h2{font:400 clamp(55px,7vw,100px)/1.04 var(--font-editorial),serif;letter-spacing:-.03em}.experience-principles h2 em{font-weight:400;color:#c2a0e9}.experience-principles>div{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin:45px 0 0 36%}.experience-principles>div p{font-size:14px;line-height:1.8;color:#b8acc4}.experience-apps>div:first-child{display:flex;justify-content:space-between;gap:35px;padding:40px 0}.experience-apps h2{font:400 65px/1 var(--font-editorial),serif;letter-spacing:-.03em}.experience-apps h2 em{color:#c2a0e9}.experience-apps>div:first-child p{max-width:35ch;color:#b8acc4;align-self:end;font-size:15px}.experience-apps .portfolio-gallery,.experience-apps .project-gallery{padding-inline:0}.portfolio-share{background:#201528;color:#f1e8f8;border:1px solid #5b416e;border-radius:4px;padding:32px 40px;width:min(610px,92vw);max-height:90dvh;overflow:auto}.portfolio-share::backdrop{background:#0a0610cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.portfolio-share-top{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;color:#b8acc4}.portfolio-share-top button{padding:8px;background:none;color:#eedff9;border:0;cursor:pointer}.portfolio-share h2{font:400 60px/1 var(--font-editorial),serif;letter-spacing:-.03em;margin:30px 0 20px}.portfolio-share h2 em{color:#c2a0e9;font-weight:400}.portfolio-share>p{font-size:13px;color:#b8acc4;line-height:1.6}.portfolio-share fieldset{border:0;padding:0;margin:25px 0}.portfolio-share fieldset label{display:flex;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid #51385f;cursor:pointer;position:relative}.portfolio-share input[type=checkbox]{position:absolute;left:0;width:25px;height:25px;opacity:0}.share-check{width:24px;height:24px;border:1px solid #947ba5;display:grid;place-items:center;color:transparent;flex:none}.portfolio-share input:checked+.share-check{background:#c2a0e9;color:#261532;border-color:#c2a0e9}.portfolio-share input:focus-visible+.share-check{outline:2px solid #f3e7ff;outline-offset:3px}.portfolio-share fieldset label>span:last-child{font-size:15px}.portfolio-share small{display:block;font-size:11px;color:#b8acc4;margin-top:3px}.share-link-label{font-size:12px;display:block;margin-bottom:10px}.portfolio-share #share-link{background:#130d1c;border:1px solid #80638e;padding:12px;color:#e4d1f1;width:100%;font-size:12px;border-radius:0}.share-copy{width:100%;display:flex;align-items:center;gap:12px;background:#c2a0e9;color:#261532;padding:16px 20px;border:0;cursor:pointer;margin-top:15px;font-size:14px}.share-copy>span{margin-left:auto;font-size:12px}.share-copy:disabled{opacity:.5;cursor:not-allowed}.share-status{min-height:24px;margin-top:15px!important}@media(max-width:1000px){.experience-heading{grid-template-columns:1.5fr 1fr;gap:6%}.experience-heading h1{font-size:79px}.experience-heading p{font-size:15px}.experience-principles>div{margin-left:20%}.experience-grid{gap:75px 24px}.experience-caption h2{font-size:34px}}@media(max-width:680px){.experience-intro{padding-top:25px}.experience-kicker{font-size:11px}.experience-kicker>span:last-child{display:none}.experience-heading{display:block;padding-block:40px 35px}.experience-heading h1{font-size:clamp(59px,12vw,80px)}.experience-heading>div{margin-top:30px}.experience-heading p{font-size:16px;max-width:34ch}.experience-heading a{margin-top:24px;max-width:260px}.experience-meta{display:block;padding-block:22px}.experience-meta p{font-size:12px;line-height:1.7;max-width:40ch}.experience-meta button{margin-top:15px}.experience-filterbar{align-items:start;flex-direction:column}.experience-filterbar>div{gap:8px}.experience-filterbar button{font-size:12px;padding:10px 13px;gap:10px}.experience-filterbar button span{font-size:10px}.experience-how{font-size:12px;line-height:1.7;max-width:42ch;padding-bottom:24px}.experience-grid{grid-template-columns:1fr;gap:60px}.experience-caption{padding-top:22px}.experience-caption h2{font-size:37px}.experience-caption h3{margin-block:12px 18px}.experience-caption p{font-size:14px}.experience-aeren{padding-top:0}.experience-serein .experience-image{aspect-ratio:.92}.experience-aeren .experience-image{aspect-ratio:1.05}.experience-principles{padding-block:80px}.experience-principles h2{font-size:54px}.experience-principles>div{margin:30px 0 0;display:block}.experience-principles>div p+p{margin-top:22px}.experience-apps>div:first-child{display:block}.experience-apps h2{font-size:54px}.experience-apps>div:first-child p{margin-top:25px;font-size:14px}.portfolio-share{padding:22px}.portfolio-share h2{font-size:50px}.portfolio-share small{font-size:11px}.experience-art-label{left:22px;right:22px;top:22px}.experience-art-label>span:last-child{font-size:10px}.experience-art-label>span:first-child{font-size:21px}}@media(prefers-reduced-motion:reduce){.experience-image>img,.experience-open{transition:none}.experience-image:hover .experience-open,.experience-image:hover>img{transform:none}}.experience-app-expiry .experience-image,.experience-app-padel .experience-image{display:flex;align-items:center;justify-content:center;background:#183c3b;aspect-ratio:1.15}.experience-app-padel .experience-image{background:#244a38}.experience-app-expiry .experience-image>img,.experience-app-padel .experience-image>img{width:44%;height:auto;object-fit:contain;box-shadow:0 24px 50px #101f2133;border-radius:22%}.experience-app-video .experience-image{background:#111726;aspect-ratio:1.4}.experience-app-video .experience-image>img{object-fit:contain;padding:11% 6%}.experience-app-expiry .experience-art-label,.experience-app-padel .experience-art-label,.experience-app-video .experience-art-label{align-items:start}.experience-app-expiry .experience-art-label>span:last-child,.experience-app-padel .experience-art-label>span:last-child,.experience-app-video .experience-art-label>span:last-child{display:none}.experience-aeren{padding-top:0}.experience-app-expiry .experience-image>img,.experience-app-padel .experience-image>img{max-width:240px}