.presentation-page *,.presentation-page *:before,.presentation-page *:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;color:var(--ink);background:var(--bg);overflow-x:hidden}body.intro-open{overflow:hidden}.presentation-page img,.presentation-page svg{max-width:100%;display:block}.presentation-page button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}.presentation-page a{color:inherit;text-decoration:none}body.home{background:#0a1628;color:#f7f5f0;overflow:hidden}.presentation-page .home-page{position:relative;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:clamp(2rem,5vw,4rem) clamp(1.5rem,4vw,3rem);overflow:hidden}.presentation-page .home-page__bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;color:#f7f5f0;opacity:.06}.presentation-page .home-page__bg svg{width:100%;height:100%}.presentation-page .home-page__segments{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5}.presentation-page .home-page__segments svg{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.presentation-page .home-page__segment{opacity:0;animation:homeSegIn 1.8s cubic-bezier(.16,1,.3,1) forwards}.presentation-page .home-page__segment--1{transform:translate(-80px,-50px) rotate(-8deg);animation-delay:.7s}.presentation-page .home-page__segment--2{transform:translate(-100px,30px) rotate(6deg);animation-delay:.85s}.presentation-page .home-page__segment--3{transform:translate(-60px,80px) rotate(-4deg);animation-delay:1s}.presentation-page .home-page__segment--4{transform:translate(120px,60px) rotate(10deg);animation-delay:1.15s}@keyframes homeSegIn{to{opacity:1;transform:translate(0) rotate(0)}}.presentation-page .home-page__inner{position:relative;z-index:2;max-width:1100px;width:100%;display:grid;gap:clamp(1.5rem,3vh,2.5rem)}.presentation-page .home-page__meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:#e8e6e1;opacity:0;transform:translateY(20px);animation:homeIn 1s cubic-bezier(.16,1,.3,1) .1s forwards}.presentation-page .home-page__title{font-family:Inter,system-ui,sans-serif;font-weight:700;font-size:clamp(2.25rem,6.5vw,5.5rem);line-height:.95;letter-spacing:-.035em;opacity:0;transform:translateY(40px);animation:homeIn 1.2s cubic-bezier(.16,1,.3,1) .25s forwards}.presentation-page .home-page__title em{font-family:Lora,Georgia,serif;font-style:italic;font-weight:400;color:#7a8694;letter-spacing:-.02em;display:inline-block;opacity:0;transform:translate(-30px) skew(-4deg);animation:homeEmIn 1.1s cubic-bezier(.16,1,.3,1) .65s forwards}@keyframes homeEmIn{to{opacity:1;transform:translate(0) skew(0)}}.presentation-page .home-page__sub{font-family:Lora,Georgia,serif;font-style:italic;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.5;max-width:60ch;color:#e8e6e1;opacity:0;transform:translateY(20px);animation:homeIn 1s cubic-bezier(.16,1,.3,1) .5s forwards}.presentation-page .home-page__sub-anim{animation:homeIn 1s cubic-bezier(.16,1,.3,1) .5s forwards}.presentation-page .home-page__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,3vw,2.5rem);margin-top:.5rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);opacity:0;transform:translateY(20px);animation:homeIn 1s cubic-bezier(.16,1,.3,1) .95s forwards}.presentation-page .home-page__stat-num{font-family:Lora,Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(2.5rem,5vw,4rem);line-height:1;color:#f7f5f0;margin-bottom:.5rem}.presentation-page .home-page__stat-label{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:#e8e6e1;opacity:.7;line-height:1.5}.presentation-page .home-page__cta{margin-top:.5rem;display:inline-flex;align-items:center;gap:.875rem;padding:1.1rem 1.875rem;background:#f7bc60;color:#1a1a1a;border-radius:100px;font-family:Inter,sans-serif;font-weight:700;font-size:.875rem;letter-spacing:.08em;justify-self:start;opacity:0;transform:translateY(20px);animation:homeCtaIn 1.2s cubic-bezier(.16,1,.3,1) .7s forwards;transition:transform .25s var(--ease-out),background-color .25s var(--ease-out)}.presentation-page .home-page__cta:hover{transform:translateY(-2px);background:#ffd074}.presentation-page .home-page__cta svg{transition:transform .2s var(--ease-out)}.presentation-page .home-page__cta:hover svg{transform:translate(5px)}@keyframes homeCtaIn{to{opacity:1;transform:translateY(0)}}@keyframes homeIn{to{opacity:1;transform:translateY(0)}}.presentation-page .home-page__footer{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:#e8e6e1;opacity:0;animation:homeIn 1s cubic-bezier(.16,1,.3,1) 1.2s forwards;margin-top:.5rem}@media(max-width:640px){.presentation-page .home-page__stats{grid-template-columns:1fr;gap:1.25rem;padding-top:1.5rem}.presentation-page .home-page__cta{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){.presentation-page .home-page__meta,.presentation-page .home-page__title,.presentation-page .home-page__title em,.presentation-page .home-page__sub,.presentation-page .home-page__stats,.presentation-page .home-page__cta,.presentation-page .home-page__footer,.presentation-page .home-page__segment{opacity:1;transform:none;animation:none}}:root{--c-dark: #0A1628;--c-medium: #7A8694;--c-depth: #A8B0BA;--c-highlight: #E8E6E1;--c-paper: #F7F5F0;--bg: #FAFAF8;--bg-alt: #F2F0EA;--ink: #0A1628;--ink-muted: #6B7280;--rule: #E5E2DA;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Lora", Georgia, serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 6rem;--space-10: 8rem;--space-11: 12rem;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--t-fast: .2s;--t-med: .4s;--t-slow: .8s}body[data-palette=steen-staal]{--c-dark: #0A1628;--c-body-dark: #0A1628;--c-medium: #7A8694;--c-depth: #A8B0BA;--c-highlight: #E8E6E1;--c-paper: #F7F5F0}body[data-palette=atelier]{--c-dark: #51596C;--c-body-dark: #1F2433;--c-medium: #F7BC60;--c-depth: #53C1B4;--c-highlight: #4F9794;--c-paper: #F8F4EB}body[data-palette=brons-navy]{--c-dark: #1A2438;--c-body-dark: #1A2438;--c-medium: #B07842;--c-depth: #8B5A2B;--c-highlight: #D4C5B0;--c-paper: #FAF6F0}body[data-palette=forest-slate]{--c-dark: #1F3A2E;--c-body-dark: #142219;--c-medium: #2E5544;--c-depth: #3D4A4F;--c-highlight: #C9C3B5;--c-paper: #F4F2EC}.presentation-page .display{font-family:var(--font-display);font-weight:400;font-style:italic;letter-spacing:-.02em;line-height:1.05}.presentation-page .eyebrow{font-family:var(--font-mono);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.15em;color:var(--ink-muted)}.presentation-page .mono{font-family:var(--font-mono)}.presentation-page .wrap{width:100%;max-width:1440px;margin:0 auto;padding:0 clamp(1.25rem,4vw,3rem)}.presentation-page .section{padding:clamp(2.5rem,5vw,4rem) 0;position:relative}.presentation-page .section--dark{background:var(--c-body-dark);color:var(--c-paper);transition:background-color var(--t-slow) var(--ease-in-out),color var(--t-slow) var(--ease-in-out)}.presentation-page .section--dark .eyebrow{color:var(--c-highlight);opacity:.7}.presentation-page .section--paper{background:var(--c-paper);transition:background-color var(--t-slow) var(--ease-in-out)}body[data-palette=atelier] .section--paper{background:#fff}.presentation-page .switcher{position:fixed;top:clamp(1rem,2vw,1.5rem);left:50%;transform:translate(-50%);z-index:100;background:#ffffffd9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(10,22,40,.08);border-radius:100px;padding:.5rem;display:flex;align-items:center;gap:.5rem;box-shadow:0 10px 30px -10px #0a162826,0 2px 6px -2px #0a16281a;transition:transform var(--t-med) var(--ease-out),opacity var(--t-med) var(--ease-out)}.presentation-page .switcher__group{display:flex;align-items:center;gap:.125rem;padding:.125rem;background:#0a16280a;border-radius:100px}.presentation-page .switcher__divider{width:1px;height:28px;background:#0a16281a}.presentation-page .switcher__btn{padding:.5rem .875rem;font-family:var(--font-mono);font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);border-radius:100px;transition:all var(--t-fast) var(--ease-out);white-space:nowrap;display:flex;align-items:center;gap:.4rem}.presentation-page .switcher__btn:hover{color:var(--ink)}.presentation-page .switcher__btn[aria-pressed=true]{background:var(--c-dark);color:var(--c-paper);transition:background-color var(--t-slow) var(--ease-in-out)}.presentation-page .switcher__arrow{flex-shrink:0;transition:transform .3s var(--ease-out);opacity:.7}.presentation-page .switcher__btn[aria-pressed=true] .switcher__arrow{transform:rotate(90deg);opacity:1}.presentation-page .switcher__swatch{width:12px;height:12px;border-radius:50%;display:inline-block;border:1px solid rgba(255,255,255,.5)}.presentation-page .switcher__home{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#0a16280f;color:var(--ink);transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out);flex-shrink:0}.presentation-page .switcher__home:hover{background:var(--c-dark);color:var(--c-paper);transform:scale(1.05)}.presentation-page .switcher__label{font-family:var(--font-mono);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--ink);padding-left:.5rem}@media(max-width:768px){.presentation-page .switcher{flex-direction:column;border-radius:16px;padding:.4rem;width:calc(100% - 1rem);max-width:360px;gap:.25rem;top:.5rem}.presentation-page .switcher__group{width:100%;justify-content:space-between;flex-wrap:wrap}.presentation-page .switcher__divider,.presentation-page .switcher__label{display:none}.presentation-page .switcher__home{width:26px;height:26px;position:absolute;top:.3rem;right:.3rem;background:#0a16281a}.presentation-page .switcher__home svg{width:11px;height:11px}.presentation-page .switcher__btn{padding:.4rem;font-size:.55rem;flex:1;min-width:0;justify-content:center;letter-spacing:.05em}.presentation-page .switcher__btn .switcher__swatch{width:7px;height:7px;margin-right:4px}.presentation-page .switcher__group:first-of-type{padding-right:36px}.presentation-page .switcher__group:last-child{display:grid;grid-template-columns:1fr 1fr;gap:.2rem}.presentation-page .switcher__group:last-child .switcher__btn{flex:none}}.presentation-page .hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center;position:relative;background:var(--c-body-dark);color:var(--c-paper);overflow:hidden;padding:clamp(5rem,10vh,7rem) 0 clamp(2rem,4vh,3rem);transition:background-color var(--t-slow) var(--ease-in-out),color var(--t-slow) var(--ease-in-out)}.presentation-page .hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.06}.presentation-page .hero__bg svg{width:100%;height:100%}.presentation-page .hero__inner{position:relative;z-index:2;display:grid;gap:clamp(1.5rem,3.5vh,3rem)}.presentation-page .hero__meta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;color:var(--c-highlight)}.presentation-page .hero__meta-item{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;opacity:.6}.presentation-page .hero__page-indicator{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.625rem .875rem;padding:.5rem 1rem;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:100px;width:fit-content;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.presentation-page .hero__page-key{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:var(--c-highlight);opacity:.6}.presentation-page .hero__page-value{display:inline-flex;align-items:center;gap:.625rem;font-family:var(--font-sans);font-size:.85rem;font-weight:500;color:var(--c-paper);letter-spacing:-.01em}.presentation-page .hero__page-sep{color:var(--c-medium);font-weight:700;transition:color var(--t-slow) var(--ease-in-out)}@media(max-width:480px){.presentation-page .hero__page-indicator{padding:.5rem .75rem}.presentation-page .hero__page-value{font-size:.75rem;flex-wrap:wrap}}.presentation-page .hero__title{font-size:clamp(2rem,5vw,5.5rem);line-height:.95;letter-spacing:-.035em;font-family:var(--font-sans);font-weight:700}.presentation-page .hero__title em{font-family:var(--font-display);font-style:italic;font-weight:400;letter-spacing:-.03em;color:var(--c-medium);transition:color var(--t-slow) var(--ease-in-out)}.presentation-page .hero__sub{font-family:var(--font-display);font-style:italic;font-size:clamp(1.1rem,1.8vw,1.45rem);line-height:1.35;max-width:42ch;color:var(--c-highlight);opacity:.85}.presentation-page .hero__bottom{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:2rem;margin-top:clamp(1rem,2vh,2rem)}.presentation-page .hero__scroll{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:var(--c-highlight);opacity:.6;display:flex;align-items:center;gap:.75rem}.presentation-page .hero__scroll:before{content:"";width:32px;height:1px;background:currentColor;display:inline-block}.presentation-page .hero__scroll-indicator{display:inline-flex;align-items:center;gap:.875rem;padding:.875rem 1.375rem;background:var(--c-paper);color:var(--c-dark);border-radius:100px;width:fit-content;transition:background var(--t-slow) var(--ease-in-out),color var(--t-slow) var(--ease-in-out),transform .3s var(--ease-out);cursor:pointer}.presentation-page .hero__scroll-indicator:hover{transform:translateY(-2px)}.presentation-page .hero__mouse{width:20px;height:32px;flex-shrink:0;color:var(--c-dark)}.presentation-page .hero__mouse-wheel{animation:mouseWheel 1.8s var(--ease-in-out) infinite;transform-origin:center}@keyframes mouseWheel{0%{transform:translateY(0);opacity:1}50%{transform:translateY(8px);opacity:.3}to{transform:translateY(0);opacity:1}}.presentation-page .hero__scroll-label{font-family:var(--font-mono);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--c-dark)}@media(prefers-reduced-motion:reduce){.presentation-page .hero__mouse-wheel{animation:none}}.presentation-page .hero__title,.presentation-page .hero__sub,.presentation-page .hero__meta,.presentation-page .hero__page-indicator,.presentation-page .hero__bottom{opacity:0;animation:heroIn 1.4s var(--ease-out) forwards}.presentation-page .hero__meta{transform:translateY(-30px);animation-delay:.15s}.presentation-page .hero__page-indicator{transform:translateY(-20px);animation-delay:.3s}.presentation-page .hero__title{transform:translateY(80px);animation-delay:.45s;animation-duration:1.6s}.presentation-page .hero__title em{display:inline-block;opacity:0;transform:translate(-40px) skew(-6deg);animation:emIn 1.3s var(--ease-out) forwards;animation-delay:1s}.presentation-page .hero__sub{transform:translateY(40px);animation-delay:1.05s}.presentation-page .hero__bottom{transform:translateY(20px);animation-delay:1.45s}.presentation-page .hero.is-reanimating .hero__title,.presentation-page .hero.is-reanimating .hero__sub,.presentation-page .hero.is-reanimating .hero__meta,.presentation-page .hero.is-reanimating .hero__page-indicator,.presentation-page .hero.is-reanimating .hero__bottom,.presentation-page .hero.is-reanimating .hero__title em,.presentation-page .hero.is-reanimating .hero__segment{animation:none}.presentation-page .hero.is-reanimating .hero__title{animation:heroIn 1s var(--ease-out) .05s forwards;transform:translateY(40px)}.presentation-page .hero.is-reanimating .hero__title em{animation:emIn .9s var(--ease-out) .35s forwards}.presentation-page .hero.is-reanimating .hero__meta{animation:heroIn .7s var(--ease-out) forwards;transform:translateY(-15px)}.presentation-page .hero.is-reanimating .hero__page-indicator{animation:heroIn .8s var(--ease-out) .15s forwards;transform:translateY(-15px) scale(.95)}.presentation-page .hero.is-reanimating .hero__sub{animation:heroIn .7s var(--ease-out) .5s forwards;transform:translateY(20px)}.presentation-page .hero.is-reanimating .hero__bottom{animation:heroIn .7s var(--ease-out) .7s forwards;transform:translateY(15px)}.presentation-page .hero.is-reanimating .hero__segment{animation:segIn 1s var(--ease-out) forwards}.presentation-page .hero.is-reanimating .hero__segment--1{animation-delay:.2s}.presentation-page .hero.is-reanimating .hero__segment--2{animation-delay:.3s}.presentation-page .hero.is-reanimating .hero__segment--3{animation-delay:.4s}.presentation-page .hero.is-reanimating .hero__segment--4{animation-delay:.5s}@keyframes heroIn{to{opacity:1;transform:translate(0) scale(1)}}@keyframes emIn{to{opacity:1;transform:translate(0) skew(0)}}.presentation-page .hero__bg{opacity:0;animation:bgIn 2s var(--ease-out) .2s forwards}@keyframes bgIn{to{opacity:.06}}.presentation-page .hero__segments{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;opacity:.25;mix-blend-mode:screen}.presentation-page .hero__segments svg{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.presentation-page .hero__segment{opacity:0;transform-origin:center;animation:segIn 1.6s var(--ease-out) forwards}.presentation-page .hero__segment--1{animation-delay:.6s;transform:translate(-100px,-60px) rotate(-10deg) scale(.5)}.presentation-page .hero__segment--2{animation-delay:.75s;transform:translate(120px,-40px) rotate(8deg) scale(.6)}.presentation-page .hero__segment--3{animation-delay:.9s;transform:translate(-80px,100px) rotate(-4deg) scale(.7)}.presentation-page .hero__segment--4{animation-delay:1.05s;transform:translate(140px,80px) rotate(12deg) scale(.55)}@keyframes segIn{to{opacity:.6;transform:translate(0) rotate(0) scale(1)}}.presentation-page .voorna{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center;padding:clamp(1.5rem,3vw,2.5rem) 0}.presentation-page .voorna__col h3.eyebrow{margin-bottom:1.5rem}.presentation-page .voorna__current,.presentation-page .voorna__new{padding:clamp(2rem,5vw,3.5rem) 2rem;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;position:relative;overflow:hidden}.presentation-page .voorna__current{background:#fff}.presentation-page .voorna__current:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(135deg,transparent 0 10px,rgba(0,0,0,.012) 10px 11px);pointer-events:none}.presentation-page .voorna__current-img{max-width:75%;max-height:140px;height:auto;width:auto;object-fit:contain;filter:grayscale(1) contrast(1.1)}.presentation-page .voorna__current-note{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#999;margin-top:2rem}.presentation-page .voorna__new{background:#fff;border:1px solid var(--rule);transition:background-color var(--t-slow) var(--ease-in-out),border-color var(--t-slow) var(--ease-in-out)}.presentation-page .voorna__new img{max-width:75%;max-height:140px;object-fit:contain}.presentation-page .voorna__new-note{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);margin-top:2rem}@media(max-width:768px){.presentation-page .hero{padding-top:clamp(11rem,28vw,14rem)}.presentation-page .hero__title{font-size:clamp(1.65rem,7.5vw,2.5rem)}.presentation-page .hero__inner{gap:clamp(1rem,2.5vh,2rem)}.presentation-page .hero__page-indicator{padding:.4rem .75rem}.presentation-page .hero__page-value{font-size:.75rem;flex-wrap:wrap}}@media(max-width:768px){.presentation-page .voorna{grid-template-columns:1fr}}.presentation-page .logoshow{padding:clamp(2.5rem,5vw,4rem) 0 clamp(2rem,4vw,3rem)}.presentation-page .logoshow__head{display:grid;grid-template-columns:auto 1fr;gap:clamp(1rem,3vw,2rem);align-items:end;margin-bottom:clamp(1.5rem,3vw,2.5rem);padding-bottom:1.5rem;border-bottom:1px solid var(--rule)}.presentation-page .logoshow__num{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-muted)}.presentation-page .logoshow__name{font-family:var(--font-display);font-style:italic;font-size:clamp(2rem,6vw,4rem);font-weight:400;letter-spacing:-.03em;line-height:1}.presentation-page .logoshow__stage{background:#fff;border:1px solid var(--rule);padding:clamp(2rem,4vw,3rem) clamp(1.5rem,3vw,2.5rem);border-radius:8px;display:flex;align-items:center;justify-content:center;min-height:320px;position:relative;overflow:hidden;transition:background-color var(--t-slow) var(--ease-in-out)}.presentation-page .reveal-scale .logoshow__stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--c-dark);transform-origin:left center;transform:scaleX(1);transition:transform 1.2s var(--ease-in-out);z-index:3}.presentation-page .reveal-scale.is-visible .logoshow__stage:before{transform:scaleX(0);transform-origin:right center;transition-delay:.2s}.presentation-page .logoshow__stage img{max-width:100%;width:min(60vw,720px);height:auto;position:relative;z-index:2;transition:opacity .45s var(--ease-out),transform .45s var(--ease-out),filter .45s var(--ease-out)}@media(max-width:768px){.presentation-page .logoshow__stage img{width:100%;max-width:100%}.presentation-page .logoshow__stage{padding:1.25rem 1rem;min-height:200px}}.presentation-page .logoshow__stage--switching img{opacity:0}.presentation-page .logoshow__caption{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;flex-wrap:wrap;gap:1rem}.presentation-page .logoshow__caption-text{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted)}.presentation-page .thought{padding:clamp(2.5rem,5vw,4rem) 0}.presentation-page .thought__grid{display:grid;grid-template-columns:1fr 2fr;gap:clamp(2rem,6vw,5rem);align-items:start}.presentation-page .thought__label{position:sticky;top:7rem}.presentation-page .thought__body{font-family:var(--font-display);font-style:italic;font-size:clamp(1.5rem,3.5vw,2.5rem);line-height:1.25;letter-spacing:-.02em;color:var(--ink);max-width:22ch}.presentation-page .thought__body strong{font-style:normal;font-family:var(--font-sans);font-weight:700;color:var(--c-dark);transition:color var(--t-slow) var(--ease-in-out)}.presentation-page .thought__detail{margin-top:2rem;font-family:var(--font-sans);font-size:1rem;line-height:1.7;color:var(--ink-muted);max-width:56ch;font-style:normal}@media(max-width:768px){.presentation-page .thought__grid{grid-template-columns:1fr}.presentation-page .thought__label{position:static}}.presentation-page .palette{padding:clamp(2.5rem,5vw,4rem) 0;background:#fff;transition:background-color var(--t-slow) var(--ease-in-out)}.presentation-page .palette__head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:2rem;margin-bottom:clamp(1.5rem,3vw,2.5rem);padding-bottom:2rem;border-bottom:1px solid rgba(10,22,40,.1)}.presentation-page .palette__title{font-family:var(--font-display);font-style:italic;font-size:clamp(2rem,5vw,3.5rem);font-weight:400;letter-spacing:-.02em;line-height:1}.presentation-page .palette__desc{font-family:var(--font-display);font-style:italic;font-size:clamp(1rem,1.5vw,1.25rem);max-width:28ch;color:var(--ink-muted);text-align:right}.presentation-page .palette__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(.5rem,1.5vw,1rem)}.presentation-page .palette__card{display:flex;flex-direction:column;cursor:pointer;transition:transform var(--t-fast) var(--ease-out)}.presentation-page .palette__card:hover{transform:translateY(-4px)}.presentation-page .palette__swatch{width:100%;aspect-ratio:3 / 4;border-radius:4px;border:1px solid rgba(10,22,40,.08)}.presentation-page .palette__info{padding:.875rem .25rem 0}.presentation-page .palette__name{font-family:var(--font-sans);font-size:.9rem;font-weight:500;letter-spacing:-.01em}.presentation-page .palette__hex{font-family:var(--font-mono);font-size:.7rem;color:var(--ink-muted);margin-top:.25rem;letter-spacing:.05em}.presentation-page .palette__role{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);opacity:.7;margin-top:.5rem}.presentation-page .palette__gradient{margin-top:clamp(2rem,4vw,3rem);height:clamp(180px,22vw,280px);border-radius:8px;background:linear-gradient(135deg,var(--c-dark) 0%,var(--c-medium) 35%,var(--c-depth) 65%,var(--c-highlight) 100%);position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;padding:clamp(1.25rem,2.5vw,2rem);transition:background var(--t-slow) var(--ease-in-out)}.presentation-page .palette__gradient:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.04) 0 1px,transparent 1px 18px);pointer-events:none}.presentation-page .palette__gradient-label{position:relative;z-index:2;display:flex;flex-direction:column;gap:.25rem;color:var(--c-paper)}.presentation-page .palette__gradient-text{font-family:var(--font-display);font-style:italic;font-size:clamp(1.25rem,2.5vw,1.875rem);letter-spacing:-.02em;line-height:1}.presentation-page .palette__gradient-meta{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;opacity:.7}@media(max-width:768px){.presentation-page .palette__grid{grid-template-columns:repeat(3,1fr);gap:.4rem}.presentation-page .palette__head{flex-direction:column;align-items:flex-start}.presentation-page .palette__desc{text-align:left}.presentation-page .palette__card{padding:.4rem}.presentation-page .palette__swatch{height:80px}.presentation-page .palette__name{font-size:.8rem}.presentation-page .palette__hex{font-size:.55rem}.presentation-page .palette__role{font-size:.5rem}}.presentation-page .typo{padding:clamp(2.5rem,5vw,4rem) 0}.presentation-page .typo__head{margin-bottom:clamp(1.5rem,3vw,2.5rem);padding-bottom:2rem;border-bottom:1px solid var(--rule);display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap;gap:1rem}.presentation-page .typo__head h2{font-family:var(--font-display);font-style:italic;font-size:clamp(2rem,5vw,3.5rem);font-weight:400;letter-spacing:-.02em;line-height:1}.presentation-page .typo__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem)}.presentation-page .typo__card{border:1px solid var(--rule);border-radius:8px;padding:clamp(1.5rem,4vw,3rem);background:var(--bg)}.presentation-page .typo__label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:1.5rem}.presentation-page .typo__sample-bold{font-family:var(--font-sans);font-weight:700;font-size:clamp(2.5rem,7vw,4.5rem);line-height:1;letter-spacing:-.03em;color:var(--c-dark);transition:color var(--t-slow) var(--ease-in-out)}.presentation-page .typo__sample-light{font-family:var(--font-sans);font-weight:300;font-size:clamp(1.25rem,3vw,1.875rem);letter-spacing:.4em;text-transform:lowercase;color:var(--c-medium);margin-top:.5rem;transition:color var(--t-slow) var(--ease-in-out)}.presentation-page .typo__meta{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--rule)}.presentation-page .typo__meta-item{display:flex;flex-direction:column;gap:.25rem}.presentation-page .typo__meta-key{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted)}.presentation-page .typo__meta-val{font-family:var(--font-sans);font-size:.85rem;font-weight:500}.presentation-page .typo__scale{display:grid;gap:1rem}.presentation-page .typo__scale-row{display:grid;grid-template-columns:60px 1fr;gap:1.5rem;align-items:baseline;padding:.75rem 0;border-bottom:1px solid var(--rule)}.presentation-page .typo__scale-row:last-child{border-bottom:none}.presentation-page .typo__scale-key{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;color:var(--ink-muted)}.presentation-page .typo__scale-val{font-family:var(--font-sans);font-weight:700;line-height:1}.presentation-page .typo__scale-val.h1{font-size:clamp(2rem,4vw,2.75rem)}.presentation-page .typo__scale-val.h2{font-size:clamp(1.5rem,3vw,2rem)}.presentation-page .typo__scale-val.h3{font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:600}.presentation-page .typo__scale-val.body{font-size:1rem;font-weight:400}.presentation-page .typo__scale-val.small{font-size:.875rem;font-weight:400}.presentation-page .typo__scale-val.caption{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;font-weight:500}@media(max-width:768px){.presentation-page .typo__grid{grid-template-columns:1fr}.presentation-page .typo__meta{grid-template-columns:1fr 1fr}}.presentation-page .usage{padding:clamp(2.5rem,5vw,4rem) 0;background:var(--bg-alt)}.presentation-page .usage__head{margin-bottom:clamp(1.5rem,3vw,2.5rem);padding-bottom:2rem;border-bottom:1px solid rgba(10,22,40,.1);display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap;gap:1rem}.presentation-page .usage__head h2{font-family:var(--font-display);font-style:italic;font-size:clamp(2rem,5vw,3.5rem);font-weight:400;letter-spacing:-.02em;line-height:1}.presentation-page .usage__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(.75rem,2vw,1.25rem)}.presentation-page .usage__cell{aspect-ratio:1 / 1;border-radius:6px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:1.5rem}.presentation-page .usage__cell--light{background:#fff;border:1px solid var(--rule)}.presentation-page .usage__cell--dark{background:var(--c-dark);transition:background-color var(--t-slow) var(--ease-in-out)}.presentation-page .usage__cell--accent{background:var(--c-medium);transition:background-color var(--t-slow) var(--ease-in-out)}.presentation-page .usage__cell--depth{background:var(--c-depth);transition:background-color var(--t-slow) var(--ease-in-out)}.presentation-page .usage__cell img{max-width:80%;max-height:60%}.presentation-page .usage__cell--dark img{filter:brightness(0) invert(1)}.presentation-page .usage__cell--accent img{filter:brightness(0);opacity:.85}.presentation-page .usage__cell--depth img{filter:brightness(0) invert(1);opacity:.95}.presentation-page .usage__tag{position:absolute;top:.75rem;left:.75rem;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;opacity:.5}.presentation-page .usage__cell--light .usage__tag{color:var(--ink-muted)}.presentation-page .usage__cell--dark .usage__tag{color:var(--c-paper);opacity:.6}.presentation-page .usage__cell--accent .usage__tag{color:var(--c-dark);opacity:.6}.presentation-page .usage__cell--depth .usage__tag{color:var(--c-paper);opacity:.6}@media(max-width:768px){.presentation-page .usage__grid{grid-template-columns:repeat(2,1fr)}}.presentation-page .mockups{padding:clamp(2.5rem,5vw,4rem) 0}.presentation-page .mockups__head{margin-bottom:clamp(1.5rem,3vw,2.5rem);padding-bottom:2rem;border-bottom:1px solid var(--rule);display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap;gap:1rem}.presentation-page .mockups__head h2{font-family:var(--font-display);font-style:italic;font-size:clamp(2rem,5vw,3.5rem);font-weight:400;letter-spacing:-.02em;line-height:1}.presentation-page .mockups__grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(1rem,2vw,1.5rem);align-items:start}.presentation-page .mockup{position:relative;border-radius:8px;overflow:visible}.presentation-page .mockup__caption{display:flex;justify-content:space-between;align-items:center;margin-top:.875rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted)}.presentation-page .mockup__caption span:last-child{opacity:.5}.presentation-page .mockup__stage{border-radius:8px;overflow:hidden}.presentation-page .mockup--card{grid-column:span 8}.presentation-page .mockup--card .mockup__stage{aspect-ratio:16 / 10;background:linear-gradient(135deg,#ddd,#aaa);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.presentation-page .mockup--card .mockup__stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.4) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(0,0,0,.2) 0%,transparent 50%)}.presentation-page .businesscard-stack{position:relative;width:60%;max-width:380px;transform:rotate(-8deg)}.presentation-page .businesscard{aspect-ratio:1.75 / 1;border-radius:6px;box-shadow:0 30px 60px -20px #0006,0 10px 20px -10px #0000004d;padding:1.25rem;position:relative;transition:background-color var(--t-slow) var(--ease-in-out),color var(--t-slow) var(--ease-in-out)}.presentation-page .businesscard--front{background:var(--c-paper);color:var(--c-dark);z-index:2;display:flex;flex-direction:column;justify-content:space-between}.presentation-page .businesscard--back{background:var(--c-dark);color:var(--c-paper);position:absolute;top:12%;left:12%;width:100%;z-index:1;overflow:hidden;display:flex;align-items:center;justify-content:center}.presentation-page .businesscard-logo{font-family:var(--font-sans);font-weight:700;font-size:clamp(.7rem,1.3vw,1rem);letter-spacing:-.01em;line-height:1}.presentation-page .businesscard-tag{font-family:var(--font-sans);font-weight:300;font-size:clamp(.55rem,1vw,.7rem);letter-spacing:.4em;margin-top:.2rem;color:var(--c-medium);text-transform:lowercase;transition:color var(--t-slow) var(--ease-in-out)}.presentation-page .businesscard-contact{font-family:var(--font-mono);font-size:clamp(.45rem,.8vw,.6rem);line-height:1.5;color:var(--ink-muted);letter-spacing:.05em}.presentation-page .businesscard-name{font-family:var(--font-sans);font-weight:600;font-size:clamp(.65rem,1.1vw,.85rem);margin-bottom:.15rem}.presentation-page .businesscard--back svg{width:50%;opacity:.5}.presentation-page .mockup--letter{grid-column:span 4}.presentation-page .mockup--letter .mockup__stage{aspect-ratio:4 / 5;background:var(--bg-alt);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.presentation-page .letterhead{width:85%;height:92%;background:var(--c-paper);box-shadow:0 20px 50px -20px #00000040;padding:1.25rem;display:flex;flex-direction:column;transition:background-color var(--t-slow) var(--ease-in-out)}.presentation-page .letterhead__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid var(--rule)}.presentation-page .letterhead__logo{font-family:var(--font-sans);font-weight:700;font-size:clamp(.6rem,1.1vw,.875rem);color:var(--c-dark);letter-spacing:-.01em;transition:color var(--t-slow) var(--ease-in-out)}.presentation-page .letterhead__logo small{display:block;font-weight:300;font-size:clamp(.45rem,.9vw,.65rem);letter-spacing:.4em;color:var(--c-medium);text-transform:lowercase;margin-top:.1rem;transition:color var(--t-slow) var(--ease-in-out)}.presentation-page .letterhead__meta{font-family:var(--font-mono);font-size:clamp(.4rem,.75vw,.55rem);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);text-align:right}.presentation-page .letterhead__body{flex:1;padding-top:1.25rem;display:flex;flex-direction:column;gap:.4rem}.presentation-page .letterhead__line{height:4px;background:var(--ink);opacity:.1;border-radius:2px}.presentation-page .letterhead__line--short{width:60%}.presentation-page .letterhead__line--med{width:80%}.presentation-page .letterhead__line--accent{background:var(--c-medium);opacity:.5;width:30%;transition:background-color var(--t-slow) var(--ease-in-out)}.presentation-page .mockup--social{grid-column:span 4}.presentation-page .mockup--social .mockup__stage{aspect-ratio:1 / 1;background:var(--c-dark);position:relative;overflow:hidden;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;transition:background-color var(--t-slow) var(--ease-in-out)}.presentation-page .social__brand{font-family:var(--font-sans);font-weight:700;color:var(--c-paper);font-size:clamp(.75rem,1.5vw,1rem);letter-spacing:-.01em}.presentation-page .social__brand small{display:block;font-weight:300;font-size:.65em;letter-spacing:.4em;color:var(--c-medium);text-transform:lowercase;margin-top:.1rem;transition:color var(--t-slow) var(--ease-in-out)}.presentation-page .social__statement{font-family:var(--font-display);font-style:italic;color:var(--c-paper);font-size:clamp(1.5rem,4vw,2.5rem);line-height:1.05;letter-spacing:-.02em}.presentation-page .social__statement em{color:var(--c-medium);font-style:italic;transition:color var(--t-slow) var(--ease-in-out)}.presentation-page .social__tag{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:var(--c-highlight);opacity:.7}.presentation-page .mockup--web{grid-column:span 8}.presentation-page .mockup--web .mockup__stage{aspect-ratio:2 / 1;background:var(--c-paper);border:1px solid var(--rule);overflow:hidden;position:relative;transition:background-color var(--t-slow) var(--ease-in-out)}.presentation-page .webnav{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid rgba(0,0,0,.06)}.presentation-page .webnav__logo{font-family:var(--font-sans);font-weight:700;font-size:clamp(.7rem,1.2vw,.9rem);color:var(--c-dark);transition:color var(--t-slow) var(--ease-in-out)}.presentation-page .webnav__links{display:flex;gap:1.5rem}.presentation-page .webnav__link{font-family:var(--font-sans);font-size:clamp(.6rem,1vw,.75rem);color:var(--ink-muted)}.presentation-page .webhero{padding:clamp(1.5rem,4vw,3rem);height:calc(100% - 3.5rem);display:grid;grid-template-columns:3fr 2fr;gap:2rem;align-items:center}.presentation-page .webhero__copy h3{font-family:var(--font-sans);font-weight:700;font-size:clamp(1.25rem,3.5vw,2.5rem);line-height:.95;color:var(--c-dark);letter-spacing:-.02em;transition:color var(--t-slow) var(--ease-in-out)}.presentation-page .webhero__copy h3 em{font-family:var(--font-display);font-style:italic;font-weight:400;color:var(--c-medium);transition:color var(--t-slow) var(--ease-in-out)}.presentation-page .webhero__copy p{font-family:var(--font-sans);font-size:clamp(.6rem,1vw,.8rem);margin-top:1rem;color:var(--ink-muted);line-height:1.5}.presentation-page .webhero__cta{display:inline-block;margin-top:1.5rem;padding:.5rem 1rem;background:var(--c-dark);color:var(--c-paper);font-family:var(--font-mono);font-size:clamp(.55rem,.9vw,.7rem);letter-spacing:.1em;text-transform:uppercase;border-radius:4px;transition:background-color var(--t-slow) var(--ease-in-out)}.presentation-page .webhero__visual{background:var(--c-dark);aspect-ratio:1;border-radius:6px;display:flex;align-items:center;justify-content:center;padding:1.5rem;transition:background-color var(--t-slow) var(--ease-in-out)}.presentation-page .webhero__visual img{max-width:100%;max-height:100%;filter:brightness(0) invert(1)}.presentation-page .mockup--sign{grid-column:span 4}.presentation-page .mockup--sign .mockup__stage{aspect-ratio:16 / 9;background:linear-gradient(180deg,#cdd5dc,#97a5b1);position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;padding:1.5rem}.presentation-page .mockup--sign .mockup__stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,rgba(0,0,0,.02) 0 1px,transparent 1px 40px),repeating-linear-gradient(0deg,rgba(0,0,0,.02) 0 1px,transparent 1px 40px)}.presentation-page .signpost{width:70%;height:70%;background:var(--c-dark);padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;box-shadow:0 15px 30px -10px #0006;transition:background-color var(--t-slow) var(--ease-in-out)}.presentation-page .signpost__logo{font-family:var(--font-sans);font-weight:700;color:var(--c-paper);font-size:clamp(.85rem,1.5vw,1.125rem)}.presentation-page .signpost__logo small{display:block;font-weight:300;font-size:.7em;letter-spacing:.4em;color:var(--c-medium);text-transform:lowercase;margin-top:.15rem;transition:color var(--t-slow) var(--ease-in-out)}.presentation-page .signpost__project{font-family:var(--font-display);font-style:italic;color:var(--c-paper);font-size:clamp(.7rem,1.2vw,.9rem);opacity:.8}.presentation-page .signpost__detail{font-family:var(--font-mono);font-size:.55rem;color:var(--c-highlight);letter-spacing:.15em;text-transform:uppercase;opacity:.7}.presentation-page .mockup--email{grid-column:span 6}.presentation-page .mockup--email .mockup__stage{aspect-ratio:16 / 9;background:#f5f5f5;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative}.presentation-page .mockup--email .mockup__stage:before{content:"";position:absolute;top:1rem;left:1rem;right:1rem;height:2rem;background:#fff;border-radius:4px 4px 0 0;box-shadow:0 2px 4px #0000000d;border:1px solid rgba(0,0,0,.05)}.presentation-page .emailsig{background:#fff;padding:clamp(1rem,2.5vw,1.75rem);border-left:3px solid var(--c-medium);display:grid;grid-template-columns:auto 1fr;gap:clamp(1rem,2vw,1.5rem);align-items:center;position:relative;z-index:2;box-shadow:0 10px 30px -10px #00000026;max-width:90%;transition:border-color var(--t-slow) var(--ease-in-out)}.presentation-page .emailsig__logo{font-family:var(--font-sans);font-weight:700;font-size:clamp(.85rem,1.5vw,1.125rem);color:var(--c-dark);line-height:1;transition:color var(--t-slow) var(--ease-in-out)}.presentation-page .emailsig__logo small{display:block;font-weight:300;font-size:.65em;letter-spacing:.4em;color:var(--c-medium);text-transform:lowercase;margin-top:.15rem;transition:color var(--t-slow) var(--ease-in-out)}.presentation-page .emailsig__details{display:grid;gap:.15rem;font-family:var(--font-mono);font-size:clamp(.55rem,1vw,.7rem);letter-spacing:.05em;color:var(--ink-muted)}.presentation-page .emailsig__name{font-family:var(--font-sans);font-weight:600;font-size:clamp(.75rem,1.2vw,.9rem);letter-spacing:-.01em;color:var(--c-dark);margin-bottom:.2rem;transition:color var(--t-slow) var(--ease-in-out)}.presentation-page .mockup--project{grid-column:span 12}.presentation-page .mockup--project .mockup__stage{aspect-ratio:32 / 9;background:var(--c-paper);border:1px solid var(--rule);padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;transition:background-color var(--t-slow) var(--ease-in-out)}.presentation-page .projcard__header{display:flex;justify-content:space-between;align-items:flex-start}.presentation-page .projcard__tag{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;padding:.25rem .625rem;background:var(--c-medium);color:var(--c-paper);border-radius:100px;transition:background-color var(--t-slow) var(--ease-in-out)}.presentation-page .projcard__num{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.12em;color:var(--ink-muted)}.presentation-page .projcard__visual{flex:1;margin:1rem 0;background:linear-gradient(135deg,var(--c-depth) 0%,var(--c-dark) 100%);border-radius:4px;position:relative;overflow:hidden;transition:background var(--t-slow) var(--ease-in-out)}.presentation-page .projcard__visual:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.04) 0 1px,transparent 1px 12px)}.presentation-page .projcard__title{font-family:var(--font-display);font-style:italic;font-size:clamp(1rem,2vw,1.4rem);color:var(--c-dark);line-height:1;transition:color var(--t-slow) var(--ease-in-out)}.presentation-page .projcard__meta{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);margin-top:.4rem}.presentation-page .mockup--photo .mockup__stage{background:var(--bg-alt);overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.presentation-page .mockup--photo .mockup__stage img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .4s var(--ease-in-out)}.presentation-page .mockup--visitekaartje{grid-column:span 12}.presentation-page .mockup--visitekaartje .mockup__stage{aspect-ratio:4 / 1}.presentation-page .mockup--bord{grid-column:span 8}.presentation-page .mockup--bord .mockup__stage{aspect-ratio:4 / 3}.presentation-page .mockup--gebouw{grid-column:span 12}.presentation-page .mockup--gebouw .mockup__stage{aspect-ratio:3 / 2}@media(max-width:1024px){.presentation-page .mockup--card,.presentation-page .mockup--letter,.presentation-page .mockup--web,.presentation-page .mockup--sign,.presentation-page .mockup--social,.presentation-page .mockup--email,.presentation-page .mockup--project,.presentation-page .mockup--visitekaartje,.presentation-page .mockup--bord,.presentation-page .mockup--gebouw{grid-column:span 12}.presentation-page .mockup--visitekaartje .mockup__stage{aspect-ratio:3 / 1}}.presentation-page .pattern{padding:clamp(2.5rem,5vw,4.5rem) 0;background:var(--c-body-dark);color:var(--c-paper);transition:background-color var(--t-slow) var(--ease-in-out)}.presentation-page .pattern__head{margin-bottom:clamp(1.5rem,3vw,2.5rem);padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap;gap:1rem}.presentation-page .pattern__head h2{font-family:var(--font-display);font-style:italic;font-size:clamp(2rem,5vw,3.5rem);font-weight:400;letter-spacing:-.02em;line-height:1;color:var(--c-paper)}.presentation-page .pattern__head .eyebrow{color:var(--c-highlight);opacity:.7}.presentation-page .pattern__intro{font-family:var(--font-display);font-style:italic;font-size:clamp(1.1rem,2vw,1.5rem);max-width:50ch;opacity:.85;margin-bottom:3rem;line-height:1.4}.presentation-page .pattern__grid{display:grid;grid-template-columns:2fr 1fr;gap:clamp(1rem,2vw,1.5rem)}.presentation-page .pattern__big{aspect-ratio:16 / 10;border-radius:8px;background:var(--c-paper);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:background-color var(--t-slow) var(--ease-in-out)}.presentation-page .pattern__small-col{display:grid;grid-template-rows:1fr 1fr;gap:clamp(1rem,2vw,1.5rem)}.presentation-page .pattern__small{border-radius:8px;padding:1.5rem;display:flex;align-items:center;justify-content:center;overflow:hidden}.presentation-page .pattern__small--medium{background:var(--c-medium);transition:background-color var(--t-slow) var(--ease-in-out)}.presentation-page .pattern__small--depth{background:var(--c-depth);transition:background-color var(--t-slow) var(--ease-in-out)}@media(max-width:768px){.presentation-page .pattern__grid{grid-template-columns:1fr}}.presentation-page .placeholder{display:flex;align-items:center;justify-content:center;background:var(--c-paper);border:2px dashed rgba(10,22,40,.18);border-radius:8px;color:var(--c-dark);text-align:center;padding:1.5rem;position:relative;overflow:hidden}.presentation-page .placeholder:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,transparent 0 18px,rgba(10,22,40,.02) 18px 19px);pointer-events:none}.presentation-page .placeholder--dark{background:var(--c-medium);border-color:#ffffff40;color:var(--c-paper)}.presentation-page .placeholder--dark.pattern__small--depth{background:var(--c-depth)}.presentation-page .placeholder__inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;max-width:80%}.presentation-page .placeholder__icon{font-size:clamp(2rem,5vw,3.5rem);line-height:1;opacity:.5;margin-bottom:.5rem}.presentation-page .placeholder__label{font-family:var(--font-sans);font-size:clamp(.875rem,1.5vw,1.125rem);font-weight:600;letter-spacing:-.01em}.presentation-page .placeholder__hint{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;opacity:.6;margin-top:.25rem}.presentation-page .placeholder__path{font-family:var(--font-mono);font-size:.6rem;opacity:.4;margin-top:.5rem;padding:.25rem .5rem;background:#0a16280d;border-radius:3px}.presentation-page .placeholder--dark .placeholder__path{background:#ffffff1a}.presentation-page .closing{padding:clamp(3rem,6vw,5rem) 0;background:var(--c-body-dark);color:var(--c-paper);transition:background-color var(--t-slow) var(--ease-in-out)}.presentation-page .closing__statement{font-family:var(--font-display);font-style:italic;font-size:clamp(2rem,6vw,5rem);line-height:1.05;letter-spacing:-.03em;max-width:20ch}.presentation-page .closing__statement em{color:var(--c-medium);transition:color var(--t-slow) var(--ease-in-out)}.presentation-page .closing__meta{display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap;gap:2rem;margin-top:clamp(3rem,8vw,6rem);padding-top:2rem;border-top:1px solid rgba(255,255,255,.15)}.presentation-page .closing__meta-item{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--c-highlight);opacity:.7}.presentation-page .closing__meta-item strong{color:var(--c-paper);font-weight:500;opacity:1;display:block;margin-top:.25rem}.presentation-page .switch-wipe{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:80;opacity:0}.presentation-page .switch-wipe:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--c-medium);transform:scaleX(0);transform-origin:left center}.presentation-page .switch-wipe.is-active{opacity:1}.presentation-page .switch-wipe.is-active:before{animation:wipeRight .8s var(--ease-in-out) forwards}@keyframes wipeRight{0%{transform:scaleX(0);transform-origin:left center}50%{transform:scaleX(1);transform-origin:left center}50.001%{transform:scaleX(1);transform-origin:right center}to{transform:scaleX(0);transform-origin:right center}}.presentation-page .logoshow__stage.is-switching img{opacity:0;transform:scale(.92) translateY(20px);filter:blur(8px)}.presentation-page .reveal{opacity:0;transform:translateY(60px);transition:opacity 1.1s var(--ease-out),transform 1.1s var(--ease-out)}.presentation-page .reveal.is-visible{opacity:1;transform:translateY(0)}.presentation-page .reveal-left{opacity:0;transform:translate(-80px);transition:opacity 1.1s var(--ease-out),transform 1.1s var(--ease-out)}.presentation-page .reveal-left.is-visible{opacity:1;transform:translate(0)}.presentation-page .reveal-right{opacity:0;transform:translate(80px);transition:opacity 1.1s var(--ease-out),transform 1.1s var(--ease-out)}.presentation-page .reveal-right.is-visible{opacity:1;transform:translate(0)}.presentation-page .reveal-scale{opacity:0;transform:scale(.92);transition:opacity 1.2s var(--ease-out),transform 1.2s var(--ease-out)}.presentation-page .reveal-scale.is-visible{opacity:1;transform:scale(1)}.presentation-page .reveal-wipe{clip-path:inset(0 100% 0 0);transition:clip-path 1.4s var(--ease-out)}.presentation-page .reveal-wipe.is-visible{clip-path:inset(0 0 0 0)}.presentation-page .reveal-stagger>*{opacity:0;transform:translateY(40px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}.presentation-page .reveal-stagger.is-visible>*{opacity:1;transform:translateY(0)}.presentation-page .reveal-stagger.is-visible>*:nth-child(1){transition-delay:0ms}.presentation-page .reveal-stagger.is-visible>*:nth-child(2){transition-delay:.12s}.presentation-page .reveal-stagger.is-visible>*:nth-child(3){transition-delay:.24s}.presentation-page .reveal-stagger.is-visible>*:nth-child(4){transition-delay:.36s}.presentation-page .reveal-stagger.is-visible>*:nth-child(5){transition-delay:.48s}.presentation-page .reveal-stagger.is-visible>*:nth-child(6){transition-delay:.6s}.presentation-page .reveal-stagger.is-visible>*:nth-child(7){transition-delay:.72s}.presentation-page .reveal-stagger.is-visible>*:nth-child(8){transition-delay:.84s}.presentation-page .reveal-stagger .palette__card{transform:translateY(60px) scale(.92)}.presentation-page .reveal-stagger.is-visible .palette__card{transform:translateY(0) scale(1)}.presentation-page .reveal-stagger .usage__cell{transform:translateY(40px) rotate(-1.5deg)}.presentation-page .reveal-stagger.is-visible .usage__cell{transform:translateY(0) rotate(0)}.presentation-page [data-parallax]{will-change:transform}@media(prefers-reduced-motion:reduce){.presentation-page *,.presentation-page *:before,.presentation-page *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.presentation-page .reveal,.presentation-page .reveal-stagger>*,.presentation-page .reveal-left,.presentation-page .reveal-right,.presentation-page .reveal-scale,.presentation-page .reveal-wipe{opacity:1!important;transform:none!important;clip-path:none!important}}.presentation-page .foot{padding:3rem 0;background:var(--bg);border-top:1px solid var(--rule)}.presentation-page .foot__row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.presentation-page .foot__item{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted)}.presentation-page .hero__breadcrumb{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.5rem .625rem;font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.15em}.presentation-page .hero__breadcrumb-link,.presentation-page .hero__breadcrumb-item{color:var(--c-highlight);opacity:.55;transition:color var(--t-slow) var(--ease-in-out),opacity .2s var(--ease-out)}.presentation-page .hero__breadcrumb-link{text-decoration:none}.presentation-page .hero__breadcrumb-link:hover,.presentation-page .hero__breadcrumb-link:focus-visible{opacity:1;color:var(--c-medium);outline:none}.presentation-page .hero__breadcrumb-item--current{color:var(--c-paper);opacity:1;font-weight:600}.presentation-page .hero__breadcrumb-sep{color:var(--c-highlight);opacity:.35}.presentation-page .logoshow__palettes{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;align-self:end}.presentation-page .logoshow__palette{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:transparent;border:1px solid var(--rule);border-radius:100px;font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;font-weight:500;color:var(--c-dark);cursor:pointer;transition:background-color .2s var(--ease-out),border-color .2s var(--ease-out),color .2s var(--ease-out),transform .2s var(--ease-out)}.presentation-page .logoshow__palette:hover{background:#0000000a;border-color:var(--c-dark);transform:translateY(-1px)}.presentation-page .logoshow__palette:focus-visible{outline:2px solid var(--c-medium);outline-offset:2px}.presentation-page .logoshow__palette[aria-pressed=true]{background:var(--c-dark);color:var(--c-paper);border-color:var(--c-dark)}.presentation-page .logoshow__palette-swatch{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:inset 0 0 0 1px #0000001a}@media(max-width:768px){.presentation-page .logoshow__head{grid-template-columns:1fr;align-items:stretch}.presentation-page .logoshow__palettes{justify-content:flex-start}.presentation-page .logoshow__palette{font-size:.6rem;padding:.4rem .7rem}}.presentation-page .typo__card--full{grid-column:1 / -1}.presentation-page .typo__sample-display{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:clamp(2rem,5.5vw,4rem);line-height:1.1;letter-spacing:-.02em;color:var(--c-dark);transition:color var(--t-slow) var(--ease-in-out)}.presentation-page .typo__sample-display em{font-style:italic;color:var(--c-medium);transition:color var(--t-slow) var(--ease-in-out)}:root{--c-graphite: #51596C;--c-body-dark: #1F2433;--c-deep: #0A1628;--c-amber: #F7BC60;--c-amber-deep: #B07842;--c-mist: #53C1B4;--c-pine: #4F9794;--c-pine-dark: #1F3A2E;--c-paper: #F8F4EB;--bg: #FAFAF8;--bg-alt: #F2F0EA;--ink: #0A1628;--ink-muted: #6B7280;--ink-soft: #9CA3AF;--rule: #E5E2DA;--rule-strong: rgba(10, 22, 40, .1);--rule-soft: rgba(10, 22, 40, .06);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Lora", Georgia, serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--t-fast: .2s;--t-med: .4s;--t-slow: .8s;--container: 1280px;--gutter: clamp(1.5rem, 4vw, 3rem)}.website-page *,.website-page *:before,.website-page *:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:17px;line-height:1.6;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.website-page img,.website-page svg{display:block;max-width:100%}.website-page button{font:inherit;cursor:pointer;border:0;background:none}.website-page a{color:inherit;text-decoration:none}.website-page h1,.website-page h2,.website-page h3,.website-page h4,.website-page p{margin:0}::selection{background:var(--c-amber);color:var(--ink)}.website-page .container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.website-page .mono{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-muted)}.website-page .mono--small{font-size:10px}.website-page .lora{font-family:var(--font-display);font-weight:400;font-style:normal}.website-page .lora-italic{font-family:var(--font-display);font-weight:400;font-style:italic;font-size:clamp(1.1rem,1.5vw,1.5rem);color:var(--c-amber-deep);letter-spacing:-.01em}.website-page .lora-italic--amber{color:var(--c-amber)}.website-page .lora-italic-inline{font-family:var(--font-display);font-weight:400;font-style:italic;color:var(--c-amber-deep);font-size:1em;letter-spacing:-.01em}.website-page .kicker{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-muted)}.website-page .kicker--dark{color:var(--ink-muted)}.website-page .kicker--amber{color:var(--c-amber)}.website-page .kicker--amber-soft{color:#53c1b4;opacity:1}.website-page .overline{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-muted);display:inline-block;margin-bottom:1rem}.website-page .overline--amber{color:var(--c-amber)}.website-page .h-inter{font-family:var(--font-sans);font-weight:700;font-size:clamp(2.25rem,4vw,3.25rem);line-height:1.05;letter-spacing:-.025em;color:var(--ink)}.website-page .h-inter--xl{font-size:clamp(2.5rem,4.5vw,3.75rem)}.website-page .h-inter--light{color:var(--c-paper)}.website-page .prose{font-size:16px;line-height:1.65;color:#0a1628c7;max-width:56ch;margin-bottom:1.5rem}.website-page .prose:last-child{margin-bottom:0}.website-page .prose--light{color:#f8f4ebd9}.website-page .mono-link{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#f8f4eb;display:inline-flex;align-items:center;gap:.6em;border-bottom:1px solid transparent;transition:color var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out)}.website-page .mono-link:hover{color:var(--c-amber);border-bottom-color:var(--c-amber)}.website-page .mono-link span[aria-hidden]{transition:transform var(--t-fast) var(--ease-out);display:inline-block}.website-page .mono-link:hover span[aria-hidden]{transform:translate(4px)}.website-page .link-arrow{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#1f2433;display:inline-flex;align-items:center;gap:.7em;padding-top:.5rem;transition:color var(--t-fast) var(--ease-out)}.website-page .link-arrow svg{transition:transform var(--t-med) var(--ease-out)}.website-page .link-arrow:hover{color:var(--c-amber)}.website-page .link-arrow:hover svg{transform:translate(4px)}.website-page .progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:200;pointer-events:none}.website-page .progress span{display:block;height:100%;width:0%;background:var(--c-amber);transition:width 80ms linear}.website-page .topnav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:center;padding:1.25rem var(--gutter);pointer-events:none;transition:padding var(--t-med) var(--ease-out)}.website-page .topnav.is-scrolled{padding-top:.85rem}.website-page .topnav__shell{pointer-events:auto;display:flex;align-items:center;gap:.5rem;padding:.5rem .5rem .5rem 1.25rem;background:#f8f4eb;border-radius:999px;border:1px solid rgba(10,22,40,.06);box-shadow:0 10px 30px -10px #0a16282e,0 2px 8px #0a16280f;width:100%;max-width:var(--container);transition:box-shadow var(--t-med) var(--ease-out)}.website-page .topnav.is-scrolled .topnav__shell{box-shadow:0 16px 40px -12px #0a162840,0 4px 12px #0a162814}.website-page .brand{display:inline-flex;align-items:center;flex-shrink:0}.website-page .brand__logo{width:211px;height:auto;display:block}.website-page .topnav__menu{display:flex;align-items:center;justify-content:center;gap:.25rem;flex:1}.website-page .topnav__link{position:relative;padding:.65rem 1rem;font-size:12px;font-weight:500;font-family:var(--font-mono);letter-spacing:1.8px;text-transform:uppercase;color:var(--ink);border-radius:999px;transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out);display:inline-flex;align-items:center;gap:.4em;white-space:nowrap}.website-page .topnav__link:hover{background:#f7bc6026;color:var(--c-amber-deep)}.website-page .topnav__link.is-active{background:#f7bc6033;color:var(--ink);font-weight:600}.website-page .topnav__link.is-active:hover{background:#f7bc604d}.website-page .topnav__link--has-sub svg{transition:transform var(--t-fast) var(--ease-out)}.website-page .topnav__link--has-sub:hover svg{transform:rotate(180deg)}.website-page .topnav__sub{position:absolute;top:calc(100% + .5rem);left:50%;transform:translate(-50%) translateY(-8px);min-width:220px;background:var(--c-paper);border:1px solid rgba(10,22,40,.08);border-radius:16px;padding:.5rem;box-shadow:0 16px 40px -12px #0a162840;opacity:0;visibility:hidden;transition:opacity var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out),visibility var(--t-fast);display:flex;flex-direction:column;z-index:10}.website-page .topnav__link--has-sub:hover .topnav__sub,.website-page .topnav__link--has-sub:focus-within .topnav__sub{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.website-page .topnav__sub a{padding:.6rem .85rem;font-size:13px;font-weight:500;color:var(--ink);border-radius:10px;transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}.website-page .topnav__sub a:hover{background:#f7bc6026;color:var(--c-amber-deep)}.website-page .topnav__actions{display:inline-flex;align-items:center;gap:.25rem;margin-left:auto;padding-left:.5rem;border-left:1px solid rgba(10,22,40,.08);flex-shrink:0}.website-page .topnav__icon{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:var(--ink);transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}.website-page .topnav__icon:hover{background:#f7bc6033}.website-page .topnav__icon--amber{background:var(--c-amber);color:var(--ink)}.website-page .topnav__icon--amber:hover{background:var(--c-amber-deep);color:var(--c-paper)}.website-page .hamburger{display:none;flex-direction:column;gap:5px;padding:10px}.website-page .hamburger span{display:block;width:20px;height:1.5px;background:var(--ink)}.website-page .btn{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 1.5rem;font-family:var(--font-sans);font-weight:600;font-size:13px;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;transition:all var(--t-med) var(--ease-out);cursor:pointer;white-space:nowrap}.website-page .btn svg{transition:transform var(--t-med) var(--ease-out)}.website-page .btn:hover svg{transform:translate(4px)}.website-page .btn--sm{padding:.55rem 1rem;font-size:11px}.website-page .btn--amber{background:var(--c-amber);color:var(--ink)}.website-page .btn--amber:hover{background:var(--c-paper)}.website-page .section{padding:clamp(5rem,10vw,8rem) 0;position:relative}.website-page .section--paper{background:#fff}.website-page .section--dark{background:var(--c-body-dark);color:var(--c-paper)}.website-page .section-head{display:flex;align-items:center;gap:1.5rem;margin-bottom:clamp(2.5rem,5vw,4rem)}.website-page .section-head__rule{flex:1;height:1px;background:var(--rule-strong);transform:scaleX(0);transform-origin:left;transition:transform .8s var(--ease-out) .25s}.website-page .section-head.is-visible .section-head__rule{transform:scaleX(1)}.website-page .section-head__rule--light{background:#f8f4eb26}.website-page .hero{position:relative;min-height:100vh;min-height:100svh;background:var(--c-body-dark);color:var(--c-paper);padding-top:clamp(7rem,12vh,9rem);padding-bottom:clamp(2rem,5vh,4rem);overflow:hidden;display:flex;flex-direction:column;justify-content:center}.website-page .hero__cluster{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;align-items:center;justify-content:flex-end;opacity:0;animation:heroClusterIn 1.8s var(--ease-out) .2s forwards}.website-page .hero__cluster svg{width:min(75vw,1050px);height:auto;transform:translate(8%);opacity:.1}.website-page .hero__cluster-grp path{transform-origin:center;transform-box:fill-box}@keyframes heroClusterIn{0%{opacity:0}to{opacity:1}}.website-page [data-piece="0"]{animation:p0 1.1s var(--ease-out) .25s backwards}.website-page [data-piece="1"]{animation:p1 1.1s var(--ease-out) .32s backwards}.website-page [data-piece="2"]{animation:p2 1.1s var(--ease-out) .39s backwards}.website-page [data-piece="3"]{animation:p3 1.1s var(--ease-out) .25s backwards}.website-page [data-piece="4"]{animation:p4 1.1s var(--ease-out) .32s backwards}.website-page [data-piece="5"]{animation:p5 1.1s var(--ease-out) .39s backwards}.website-page [data-piece="6"]{animation:p6 1.1s var(--ease-out) .46s backwards}.website-page [data-piece="7"]{animation:p7 1.1s var(--ease-out) .53s backwards}.website-page [data-piece="8"]{animation:p8 1.1s var(--ease-out) .39s backwards}@keyframes p0{0%{transform:translate(55px,-45px) scale(.55)}to{transform:none}}@keyframes p1{0%{transform:translate(65px,25px) scale(.55)}to{transform:none}}@keyframes p2{0%{transform:translate(-20px,18px) scale(.55)}to{transform:none}}@keyframes p3{0%{transform:translate(-25px,-60px) scale(.55)}to{transform:none}}@keyframes p4{0%{transform:translate(-65px,-28px) scale(.55)}to{transform:none}}@keyframes p5{0%{transform:translate(-38px,48px) scale(.55)}to{transform:none}}@keyframes p6{0%{transform:translate(-70px,12px) scale(.55)}to{transform:none}}@keyframes p7{0%{transform:translate(-58px,48px) scale(.55)}to{transform:none}}@keyframes p8{0%{transform:translate(-5px,68px) scale(.55)}to{transform:none}}.website-page .hero__inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:clamp(2.5rem,5vh,4rem)}.website-page .hero__content{display:grid;gap:.25rem;max-width:720px}.website-page .hero__content .kicker{opacity:0;transform:translateY(-6px);animation:hIn .8s var(--ease-out) .35s forwards}.website-page .hero__title{font-family:var(--font-sans);font-weight:800;font-size:clamp(3rem,7vw,6rem);line-height:.98;letter-spacing:-.045em;color:var(--c-paper)}.website-page .tw-line{display:inline}.website-page .tw-cursor{display:inline-block;color:var(--c-amber);font-weight:300;margin-left:2px;animation:twBlink .65s steps(1) infinite}@keyframes twBlink{0%,to{opacity:1}50%{opacity:0}}.website-page .hero__sub{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:clamp(1.25rem,1.8vw,1.65rem);color:var(--c-amber);letter-spacing:-.01em;margin-top:-.25rem;opacity:0;transform:translate(-12px);animation:hIn .8s var(--ease-out) .8s forwards}.website-page .hero__lede{font-size:clamp(.95rem,1.1vw,1.05rem);line-height:1.6;color:#f8f4ebc7;max-width:52ch;margin-top:1rem;opacity:0;transform:translateY(12px);animation:hIn .8s var(--ease-out) .95s forwards}.website-page .hero__cta{margin-top:.75rem;opacity:0;transform:translateY(12px);animation:hIn .8s var(--ease-out) 1.1s forwards}@keyframes hIn{to{opacity:1;transform:translate(0)}}.website-page .hero__card{position:absolute;top:28%;right:clamp(2rem,6vw,5rem);width:clamp(260px,25vw,320px);background:var(--c-paper);border-radius:12px;padding:.5rem;box-shadow:0 24px 60px -12px #00000073,0 8px 16px #0003;z-index:3;opacity:0;transform:translateY(30px) scale(.95);animation:cardIn 1.2s var(--ease-out) .7s forwards,cardFloat 7s ease-in-out 2s infinite}.website-page .hero__card-img{height:145px;background-size:cover;background-position:center;border-radius:8px}.website-page .hero__card-body{padding:1rem .75rem .5rem;display:grid;gap:.5rem}.website-page .hero__card-title{font-family:var(--font-sans);font-weight:700;font-size:1.1rem;line-height:1.2;color:var(--ink);letter-spacing:-.015em}.website-page .hero__card-desc{font-size:13px;line-height:1.5;color:var(--ink-muted)}.website-page .hero__card-link{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#1f2433;display:inline-flex;align-items:center;gap:.5em;margin-top:.35rem;border-bottom:1px solid transparent;padding-bottom:2px;transition:color var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out)}.website-page .hero__card-link svg{transition:transform var(--t-fast) var(--ease-out)}.website-page .hero__card-link:hover{color:var(--c-amber);border-bottom-color:var(--c-amber)}.website-page .hero__card-link:hover svg{transform:translate(3px)}.website-page .hero__card-dot{position:absolute;border-radius:50%;background:var(--c-amber);pointer-events:none;opacity:.7}.website-page .hero__card-dot--1{width:14px;height:14px;top:-10px;left:-10px;background:var(--c-mist);animation:dotFloat 4s ease-in-out 1s infinite alternate}.website-page .hero__card-dot--2{width:8px;height:8px;bottom:-8px;right:24px;background:var(--c-amber);animation:dotFloat 3.5s ease-in-out 1.5s infinite alternate}@keyframes cardIn{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cardFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(-.6deg)}}@keyframes dotFloat{0%{transform:translate(0)}to{transform:translate(4px,-6px)}}.website-page .hero__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,3vw,2.5rem);padding-top:clamp(2rem,4vh,3rem);margin-top:clamp(1.5rem,3vh,2.5rem);border-top:1px solid rgba(248,244,235,.12);max-width:720px;opacity:0;transform:translateY(16px);animation:hIn 1s var(--ease-out) 1.3s forwards}.website-page .hstat{position:relative;padding-right:1rem}.website-page .hstat+.hstat:before{content:"";position:absolute;left:calc(clamp(1.5rem,3vw,2.5rem)/-2);top:15%;bottom:15%;width:1px;background:#f8f4eb1f}.website-page .hstat__num{display:flex;align-items:baseline;gap:.25rem;font-size:clamp(1.75rem,2.6vw,2.25rem);line-height:1;color:var(--c-paper);margin-bottom:.5rem}.website-page .hstat__num .lora{letter-spacing:-.02em}.website-page .hstat__plus{font-family:var(--font-display);color:var(--c-amber);font-size:.7em}.website-page .hstat__label{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:#f8f4eb8c;line-height:1.4}.website-page .ontz{background:var(--bg)}.website-page .ontz__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,6vw,6rem);align-items:center}.website-page .ontz__left .h-inter{margin-bottom:1.5rem}.website-page .ontz__left .prose{margin-bottom:1.5rem;max-width:50ch}.website-page .ontz__photo{position:relative;margin:0;border-radius:16px;overflow:hidden;aspect-ratio:4/3;background:var(--bg-alt);box-shadow:0 30px 60px -20px #0a162840}.website-page .ontz__photo img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease-out)}.website-page .ontz__photo:hover img{transform:scale(1.03)}.website-page .ontz__caption{position:absolute;left:1.25rem;bottom:1.25rem;background:#0a1628d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:.65rem 30px;border-radius:999px;display:inline-flex;flex-direction:column;gap:.1rem}.website-page .ontz__name{font-family:var(--font-sans);font-weight:700;font-size:13px;color:var(--c-paper);letter-spacing:-.01em}.website-page .ontz__role{font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--c-amber)}.website-page .projecten{background:#f8f4eb}.website-page .projecten__top{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:3rem;flex-wrap:wrap}.website-page .projecten__grid{display:grid;grid-template-columns:8fr 4fr;gap:clamp(1.5rem,2.5vw,2rem)}.website-page .projecten__stack{display:grid;grid-template-rows:1fr 1fr;gap:clamp(1.5rem,2.5vw,2rem)}.website-page .project{display:grid;gap:1.25rem}.website-page .project__media{position:relative;display:block;border-radius:12px;overflow:hidden;background:var(--bg-alt)}.website-page .project--lg{background:#fff;border-radius:16px;padding:1.25rem}.website-page .project--lg .project__media{aspect-ratio:16/11}.website-page .project--sm{background:#fff;border-radius:16px;padding:1.25rem}.website-page .project--sm .project__media{aspect-ratio:4/3}.website-page .project__photo{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transition:transform 1.4s var(--ease-out)}.website-page .project__media:hover .project__photo{transform:scale(1.04)}.website-page .project__body{display:grid;gap:.75rem}.website-page .project__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--rule-strong);padding-bottom:.85rem}.website-page .project__title{font-family:var(--font-sans);font-weight:700;font-size:clamp(1.15rem,1.5vw,1.4rem);line-height:1.2;letter-spacing:-.02em;color:var(--ink)}.website-page .project__desc{font-size:14px;line-height:1.6;color:var(--ink-muted);max-width:60ch}.website-page .project__desc--lg{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.website-page .status{position:absolute;top:1rem;left:1rem;display:inline-flex;align-items:center;gap:.55rem;padding:.45rem .9rem .45rem .6rem;background:var(--c-paper);border-radius:999px;z-index:2;box-shadow:0 8px 24px #0a162833}.website-page .status__shape{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--ink-muted);flex-shrink:0}.website-page .status__label{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ink)}.website-page .status--amber .status__shape{background:var(--c-amber)}.website-page .status--pine .status__shape{background:var(--c-pine)}.website-page .status--mist .status__shape{background:var(--c-mist)}.website-page .diensten-band{padding:clamp(3rem,5vw,4.5rem) 0;background:var(--c-body-dark)}.website-page .diensten{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid rgba(248,244,235,.1);border-bottom:1px solid rgba(248,244,235,.1)}.website-page .dienst{position:relative;display:grid;gap:.6rem;padding:clamp(1.5rem,2.5vw,2.25rem) clamp(1.25rem,2vw,1.75rem);border-right:1px solid rgba(248,244,235,.08);overflow:hidden;transition:background var(--t-med) var(--ease-out)}.website-page .dienst:last-child{border-right:0}.website-page .dienst:hover{background:#f7bc600f}.website-page .dienst:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--c-amber);transform:scaleX(0);transform-origin:left center;transition:transform var(--t-med) var(--ease-out)}.website-page .dienst:hover:before{transform:scaleX(1)}.website-page .dienst__hash{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.22em;color:var(--c-amber)}.website-page .dienst__name{font-family:var(--font-sans);font-weight:700;font-size:clamp(1.1rem,1.4vw,1.35rem);line-height:1.2;letter-spacing:-.02em;color:var(--c-paper);margin-top:.25rem}.website-page .dienst__desc{font-size:13px;line-height:1.5;color:#f8f4eba6}.website-page .dienst__arrow{font-family:var(--font-display);font-size:1.35rem;color:var(--c-paper);margin-top:.5rem;transition:transform var(--t-med) var(--ease-out),color var(--t-med) var(--ease-out);width:max-content}.website-page .dienst:hover .dienst__arrow{transform:translate(8px);color:var(--c-amber)}.website-page .nieuws{background:var(--bg)}.website-page .nieuws__top{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:3rem;flex-wrap:wrap}.website-page .nieuws__filter{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem;background:var(--c-paper);border-radius:999px;border:1px solid var(--rule-strong)}.website-page .chip{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1rem;font-family:var(--font-sans);font-weight:500;font-size:12px;letter-spacing:.02em;color:var(--ink);border-radius:999px;transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}.website-page .chip:hover{background:#f7bc6026;color:var(--c-amber-deep)}.website-page .chip.is-active,.website-page .chip.is-active:hover{background:var(--ink);color:var(--c-paper)}.website-page .nieuws__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,2.5vw,2rem)}.website-page .news{display:grid;gap:1.25rem;transition:opacity var(--t-med) var(--ease-out),transform var(--t-med) var(--ease-out)}.website-page .news.is-filtered-out{display:none}.website-page .news__media{position:relative;display:block;border-radius:12px;overflow:hidden;aspect-ratio:16/10;background:var(--bg-alt)}.website-page .news__photo{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transition:transform 1.4s var(--ease-out)}.website-page .news__media:hover .news__photo{transform:scale(1.04)}.website-page .news__source{position:absolute;top:.85rem;left:.85rem;display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .7rem;background:var(--c-paper);border-radius:999px;font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);box-shadow:0 4px 12px #0a162826}.website-page .news__source--linkedin{background:#0a66c2;color:var(--c-paper)}.website-page .news__body{display:grid;gap:.7rem}.website-page .news__title{font-family:var(--font-sans);font-weight:700;font-size:clamp(1.05rem,1.25vw,1.25rem);line-height:1.25;letter-spacing:-.02em;color:var(--ink)}.website-page .news__excerpt{font-size:14px;line-height:1.6;color:var(--ink-muted)}.website-page .news--linkedin .news__title{color:var(--ink)}.website-page .news--linkedin .news__body{position:relative}.website-page .news--linkedin .news__body:before{content:"";position:absolute;left:-12px;top:4px;bottom:4px;width:2px;background:#0a66c2;border-radius:1px;opacity:.5}.website-page .contact{background:var(--c-body-dark)}.website-page .contact__grid{display:grid;grid-template-columns:7fr 5fr;gap:clamp(3rem,5vw,5rem);align-items:end}.website-page .contact__left .h-inter{margin-bottom:1rem}.website-page .contact__right{display:grid;gap:1.5rem}.website-page .contact__col{display:grid;gap:.4rem}.website-page .contact__col .overline{margin-bottom:.25rem}.website-page .contact__line{color:var(--c-paper);font-size:16px;line-height:1.65}.website-page .contact__line a{transition:color var(--t-fast) var(--ease-out)}.website-page .contact__line a:hover{color:var(--c-amber)}.website-page .footer{background:var(--bg);padding:clamp(4rem,7vw,5.5rem) 0 2rem;border-top:1px solid var(--rule-soft)}.website-page .footer__top{display:grid;grid-template-columns:4fr 8fr;gap:clamp(3rem,5vw,5rem);margin-bottom:4rem}.website-page .footer__brand{display:grid;gap:0;align-items:start}.website-page .footer__brand .brand{display:block}.website-page .brand__logo--lg{height:36px;width:auto;display:block}.website-page .footer__tagline{margin:1.25rem 0 1rem;color:var(--c-amber-deep)}.website-page .footer__cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,3vw,3rem)}.website-page .footer__col{display:grid;gap:.6rem}.website-page .footer__col .overline{margin-bottom:.5rem}.website-page .footer__col a{font-size:14px;color:var(--ink);transition:color var(--t-fast) var(--ease-out);width:max-content}.website-page .footer__col a:hover{color:var(--c-amber-deep)}.website-page .footer__bottom{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid var(--rule-soft);flex-wrap:wrap;gap:1rem}.website-page .footer__social{color:var(--c-pine);transition:color var(--t-fast) var(--ease-out)}.website-page .footer__social:hover{color:var(--c-amber-deep)}.website-page [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity 1s var(--ease-out),transform 1s var(--ease-out);will-change:opacity,transform}.website-page [data-reveal].is-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.website-page *,.website-page *:before,.website-page *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.website-page [data-reveal]{opacity:1;transform:none}.website-page .hero__card{animation:none}}@media(max-width:1100px){.website-page .topnav__menu{gap:.1rem}.website-page .topnav__link{padding:.55rem .75rem;font-size:12px}}@media(max-width:980px){.website-page .topnav__menu,.website-page .topnav__actions{display:none}.website-page .hamburger{display:inline-flex;margin-left:.5rem}.website-page .topnav__shell{padding:.5rem .5rem .5rem 1rem}.website-page .hero__card{position:static;width:100%;max-width:360px;margin:1.5rem 0 0}}@media(max-width:880px){.website-page .ontz__grid,.website-page .contact__grid,.website-page .footer__top,.website-page .projecten__grid{grid-template-columns:1fr}.website-page .projecten__stack{grid-template-columns:1fr 1fr;grid-template-rows:auto}.website-page .nieuws__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.website-page .diensten{grid-template-columns:1fr 1fr}.website-page .dienst:nth-child(2){border-right:0}.website-page .dienst:nth-child(1),.website-page .dienst:nth-child(2){border-bottom:1px solid rgba(248,244,235,.08)}.website-page .hero__title{font-size:clamp(2.5rem,10vw,4rem)}.website-page .hero__stats{max-width:100%}}@media(max-width:600px){.website-page .projecten__stack{grid-template-columns:1fr}.website-page .projecten__top,.website-page .nieuws__top{flex-direction:column;align-items:start;gap:1rem}.website-page .diensten{grid-template-columns:1fr}.website-page .dienst{border-right:0;border-bottom:1px solid rgba(248,244,235,.08)}.website-page .dienst:last-child{border-bottom:0}.website-page .nieuws__grid{grid-template-columns:1fr}.website-page .footer__cols{grid-template-columns:1fr 1fr}.website-page .footer__bottom{flex-direction:column;align-items:flex-start}.website-page .hero__stats{grid-template-columns:1fr;gap:1.25rem}.website-page .hstat+.hstat:before{display:none}.website-page .nieuws__filter{width:100%;overflow-x:auto}}