:root{--cream: #F5F1E8;--cream-2: #EFEADD;--ink: #24281F;--muted: #6B6B5E;--sage-brand: #7E9070;--sage-deep: #4F5E42;--brick: #B05A3C;--brick-deep: #8F4126;--espresso: #1E1F1B;--white: #FFFFFF;--text-on-cream: var(--ink);--text-on-espresso: var(--cream);--text-on-sage: var(--white);--text-on-brick: var(--white);--link: var(--brick-deep);--link-on-dark: #E9B79F;--bg-image: url(../images/Bar_Tecke.webp);--bg-overlay-light: linear-gradient(180deg, rgba(245,241,232,.72), rgba(245,241,232,.86));--bg-overlay-dark: linear-gradient(180deg, rgba(30,31,27,.55), rgba(30,31,27,.72));--watermark-opacity: .07;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-body: "Schibsted Grotesk", system-ui, -apple-system, sans-serif;--fw-display: 600;--fw-display-bold: 900;--fw-body: 400;--fw-body-medium: 500;--fw-body-bold: 700;--fs-hero: clamp(2.6rem, 7vw, 6rem);--fs-h1: clamp(2.2rem, 5vw, 4rem);--fs-h2: clamp(1.7rem, 3.5vw, 2.8rem);--fs-h3: clamp(1.2rem, 2vw, 1.6rem);--fs-lead: clamp(1.05rem, 1.6vw, 1.3rem);--fs-body: 1rem;--fs-small: .875rem;--lh-tight: 1.05;--lh-snug: 1.3;--lh-body: 1.65;--tracking-display: -.02em;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-6:1.5rem;--sp-8:2rem;--sp-12:3rem;--sp-16:4rem;--sp-20:5rem;--sp-24:6rem;--section-pad-y: clamp(3.5rem, 8vw, 7rem);--gutter: clamp(1rem, 4vw, 3.5rem);--max: 1180px;--max-wide: 1480px;--radius: 20px;--radius-sm:12px;--radius-pill:100px;--shadow: 0 8px 30px rgba(30,31,27,.18);--shadow-lg: 0 24px 70px rgba(30,31,27,.3);--card-bg: rgba(245,241,232,.86);--card-border: 1px solid rgba(36,40,31,.1);--card-blur: blur(10px);--z-bg: 0;--z-watermark: 1;--z-content: 5;--z-nav: 100;--z-overlay: 1000;--ease: cubic-bezier(.22,.61,.36,1);--dur-fast:.35s;--dur:.6s;--dur-slow:1.1s}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-weight:var(--fw-body);color:var(--text-on-cream);line-height:var(--lh-body);background:var(--cream)}h1,h2,h3{font-family:var(--font-display);line-height:var(--lh-snug);letter-spacing:var(--tracking-display);color:var(--ink)}a{color:var(--link);text-underline-offset:3px}a:focus-visible,button:focus-visible{outline:3px solid var(--brick);outline-offset:2px;border-radius:4px}.bg-cafe{position:fixed;inset:0;z-index:var(--z-bg);background-image:var(--bg-image);background-size:cover;background-position:center;will-change:transform;transform:scale(1.02);animation:kenBurns 32s ease-in-out infinite alternate}.bg-cafe:after{content:"";position:absolute;inset:0;background:var(--bg-overlay-light)}@keyframes kenBurns{0%{transform:scale(1.02) translateZ(0)}50%{transform:scale(1.1) translate3d(-1.5%,-1%,0)}to{transform:scale(1.06) translate3d(1.5%,1%,0)}}.watermark-layer{position:fixed;inset:0;z-index:var(--z-watermark);pointer-events:none;overflow:hidden}.watermark{position:absolute;opacity:var(--watermark-opacity);filter:grayscale(1);will-change:transform;animation:wmDrift var(--d,26s) ease-in-out infinite alternate}@keyframes wmDrift{0%{transform:translateZ(0) rotate(var(--r,0deg))}to{transform:translate3d(var(--dx,3%),var(--dy,-2%),0) rotate(calc(var(--r,0deg) + 8deg))}}.card-float{background:var(--card-bg);border:var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:var(--card-blur);-webkit-backdrop-filter:var(--card-blur);transform-style:preserve-3d;will-change:transform,opacity;animation:float3d 7s ease-in-out infinite}@keyframes float3d{0%,to{transform:translateY(0) rotateX(0) rotateY(0)}50%{transform:translateY(-10px) rotateX(1.5deg) rotateY(-1.5deg)}}.fly-left{opacity:0;transform:translate(-8vw) translateY(40px) rotate(-3deg)}.fly-right{opacity:0;transform:translate(8vw) translateY(40px) rotate(3deg)}.fly-up{opacity:0;transform:translateY(60px) scale(.96)}.fly-diag{opacity:0;transform:translate(-6vw,6vh) scale(.94) rotate(-2deg)}.is-in{opacity:1;transform:none;transition:transform var(--dur-slow) var(--ease),opacity var(--dur-slow) var(--ease)}.kinetic>span{display:inline-block;opacity:0;transform:translateY(.6em) rotate(4deg);animation:wordIn var(--dur) var(--ease) forwards}.kinetic>span:nth-child(1){animation-delay:.05s}.kinetic>span:nth-child(2){animation-delay:.18s}.kinetic>span:nth-child(3){animation-delay:.31s}.kinetic>span:nth-child(4){animation-delay:.44s}.kinetic>span:nth-child(5){animation-delay:.57s}@keyframes wordIn{to{opacity:1;transform:none}}.pulse{animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@media (prefers-reduced-motion: reduce){.bg-cafe,.watermark,.card-float,.pulse{animation:none!important}.bg-cafe{transform:none}.fly-left,.fly-right,.fly-up,.fly-diag{opacity:1!important;transform:none!important}.is-in{transition:none!important}.kinetic>span{opacity:1!important;transform:none!important;animation:none!important}html{scroll-behavior:auto}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{overflow-x:hidden}img{max-width:100%;display:block;height:auto}ul{margin:0}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--sp-4);top:-100px;z-index:var(--z-overlay);background:var(--espresso);color:var(--cream);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-sm);transition:top var(--dur-fast) var(--ease)}.skip-link:focus{top:var(--sp-4)}.bg-stage{position:fixed;inset:0;z-index:var(--z-bg);perspective:1100px;perspective-origin:50% 45%;overflow:hidden;pointer-events:none}.bg-rotor{position:absolute;inset:0;transform-style:preserve-3d;transform-origin:50% 50%;will-change:transform}.bg-stage .bg-cafe{position:absolute;inset:-14% -18%;transform-origin:50% 50%}.app{position:relative;z-index:var(--z-content)}.container{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}.container-wide{width:100%;max-width:var(--max-wide);margin-inline:auto;padding-inline:var(--gutter)}.nav{position:fixed;top:0;left:0;right:0;z-index:var(--z-nav);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-3) var(--gutter);background:#f5f1e8d1;backdrop-filter:var(--card-blur);-webkit-backdrop-filter:var(--card-blur);border-bottom:var(--card-border)}.nav__brand{display:flex;align-items:center;gap:var(--sp-3);text-decoration:none;color:var(--ink)}.nav__logo{width:40px;height:40px;border-radius:var(--radius-pill);object-fit:cover;border:1px solid rgba(36,40,31,.15)}.nav__name{font-family:var(--font-display);font-weight:var(--fw-display-bold);font-size:1.15rem;letter-spacing:var(--tracking-display)}.nav__links{display:flex;align-items:center;gap:var(--sp-6);list-style:none;padding:0}.nav__links a{color:var(--ink);text-decoration:none;font-weight:var(--fw-body-medium);font-size:var(--fs-small)}.nav__links a:hover{color:var(--brick-deep);text-decoration:underline}@media (max-width: 720px){.nav__links{gap:var(--sp-4)}.nav__links .nav__hide-sm{display:none}.nav__name{font-size:1rem}}.hero{position:relative;min-height:85vh;display:flex;align-items:center;padding:calc(var(--section-pad-y) + 3rem) 0 var(--section-pad-y)}.hero__inner{position:relative;z-index:2;max-width:60rem}.hero__eyebrow{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-small);letter-spacing:.14em;text-transform:uppercase;color:var(--brick-deep);font-weight:var(--fw-body-bold);margin-bottom:var(--sp-4)}.hero h1.kinetic{font-size:var(--fs-hero);font-weight:var(--fw-display-bold);line-height:var(--lh-tight);margin:0 0 var(--sp-6);color:var(--ink)}.hero__accent{color:var(--brick-deep);font-style:italic}.hero__lead{font-size:var(--fs-lead);color:var(--ink);max-width:44rem;margin:0 0 var(--sp-8)}.hero__cta{display:flex;flex-wrap:wrap;gap:var(--sp-4)}.hero__scroll{position:absolute;left:50%;bottom:var(--sp-6);transform:translate(-50%);z-index:2;font-size:var(--fs-small);color:var(--muted);letter-spacing:.12em;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:var(--sp-2)}.hero__scroll-dot{width:2px;height:38px;background:linear-gradient(var(--brick),transparent)}.btn{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--font-body);font-weight:var(--fw-body-bold);font-size:var(--fs-body);padding:var(--sp-3) var(--sp-6);border-radius:var(--radius-pill);border:2px solid transparent;cursor:pointer;text-decoration:none;transition:transform var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.btn:hover{transform:translateY(-2px)}.btn--primary{background:var(--brick);color:var(--text-on-brick)}.btn--primary:hover{background:var(--brick-deep)}.btn--ghost{background:transparent;color:var(--ink);border-color:var(--ink)}.btn--ghost:hover{background:var(--ink);color:var(--cream)}.btn--on-dark{background:var(--brick);color:var(--text-on-brick)}.section{position:relative;padding-block:var(--section-pad-y)}.section__grid{display:grid;gap:var(--gutter);align-items:center;grid-template-columns:repeat(12,1fr)}.card-float{padding:0;overflow:hidden}.card-float .card__media{position:relative;overflow:hidden}.card-float .card__media img{width:100%;height:100%;object-fit:cover}.card__body{padding:var(--sp-8)}.card__kicker{font-size:var(--fs-small);letter-spacing:.14em;text-transform:uppercase;color:var(--brick-deep);font-weight:var(--fw-body-bold);margin:0 0 var(--sp-3)}.card__title{font-size:var(--fs-h2);margin:0 0 var(--sp-4);color:var(--ink);overflow-wrap:break-word;hyphens:auto}.card__text{color:var(--ink);font-size:var(--fs-body);margin:0 0 var(--sp-4);overflow-wrap:break-word}.card__text:last-child{margin-bottom:0}.card__text a{color:var(--link);text-decoration:underline;font-weight:var(--fw-body-medium)}.layout-media-left .card__media{grid-column:1 / 7}.layout-media-left .card__body{grid-column:7 / 13}.layout-media-right .card__media{grid-column:7 / 13;order:2}.layout-media-right .card__body{grid-column:1 / 7}.layout-stack .card-float{grid-column:1 / 13}.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--sp-4)}.bento__lg{grid-column:span 4;grid-row:span 2}.bento__sm{grid-column:span 2}.bento .card-float{height:100%}.bento .card__media{height:100%;min-height:180px}.section--dark{color:var(--text-on-espresso)}.section--dark .panel-dark{background:var(--bg-overlay-dark),var(--espresso);border-radius:var(--radius);padding:var(--section-pad-y) var(--gutter);box-shadow:var(--shadow-lg)}.section--dark .card__kicker{color:var(--link-on-dark)}.section--dark .card__title,.section--dark .card__text{color:var(--cream)}.section--dark .card__text a{color:var(--link-on-dark)}@media (max-width: 860px){.layout-media-left .card__media,.layout-media-left .card__body,.layout-media-right .card__media,.layout-media-right .card__body{grid-column:1 / 13;order:0}.bento__lg,.bento__sm{grid-column:span 6;grid-row:auto}}.experience,.experience__stage{position:relative}.hero__canvas{position:absolute;inset:0;z-index:0}.experience__hero{position:relative;z-index:2;min-height:100vh;display:flex;align-items:center;padding:calc(var(--section-pad-y) + 3rem) 0 var(--section-pad-y)}.experience__slides{position:relative;z-index:3}.slide{padding-block:var(--section-pad-y)}.slide__card{background:var(--card-bg);border:var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);overflow:hidden;max-width:920px;margin:0 auto;backdrop-filter:var(--card-blur);-webkit-backdrop-filter:var(--card-blur);display:grid;grid-template-columns:1fr}.slide__media{position:relative}.slide__media>img:first-child{width:100%;height:100%;max-height:48vh;object-fit:cover}.slide__accent{position:absolute;width:40%;right:12px;bottom:12px;border-radius:var(--radius-sm);border:3px solid var(--cream);box-shadow:var(--shadow);object-fit:cover;height:auto}.slide__body{padding:var(--sp-8)}.slide--dark .slide__card{background:var(--bg-overlay-dark),var(--espresso)}.slide--dark .card__title,.slide--dark .card__text{color:var(--cream)}.slide--dark .card__kicker,.slide--dark .card__text a,.slide--dark .inline-link{color:var(--link-on-dark)}@media (min-width: 720px){.slide__card{grid-template-columns:1fr 1fr;align-items:stretch}}.is-pinned .experience__stage{height:100vh;overflow:hidden}.is-pinned .experience__hero{position:absolute;inset:0;pointer-events:none}.is-pinned .experience__hero a,.is-pinned .experience__hero button{pointer-events:auto}.is-pinned .experience__slides{position:absolute;inset:0;z-index:4;pointer-events:none}.is-pinned .slide{position:absolute;width:560px;max-width:90vw;padding:0;pointer-events:auto;will-change:transform,opacity}.is-pinned .slide__card{max-width:none;margin:0;grid-template-columns:180px 1fr;max-height:76vh;overflow:hidden}.is-pinned .slide__media{height:100%}.is-pinned .slide__media>img:first-child{max-height:none;height:100%}.is-pinned .slide__body{padding:var(--sp-6);overflow:auto}.is-pinned .card__kicker{margin-bottom:var(--sp-2)}.is-pinned .card__title{font-size:var(--fs-h3);line-height:var(--lh-snug);margin-bottom:var(--sp-3)}.is-pinned .card__text{font-size:var(--fs-small);line-height:var(--lh-snug);margin-bottom:var(--sp-3)}.is-pinned .slide--tl{top:12vh;left:5vw}.is-pinned .slide--bl{bottom:8vh;left:5vw}.is-pinned .slide--tr{top:12vh;right:5vw}.is-pinned .slide--br{bottom:8vh;right:5vw}.is-pinned .slide--tc{top:10vh;left:calc(50% - 280px)}.faq{max-width:var(--max)}.faq__item{background:var(--card-bg);border:var(--card-border);border-radius:var(--radius-sm);margin-bottom:var(--sp-3);overflow:hidden;backdrop-filter:var(--card-blur);-webkit-backdrop-filter:var(--card-blur)}.faq__q{width:100%;text-align:left;background:transparent;border:0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-6);font-family:var(--font-display);font-size:var(--fs-h3);color:var(--ink);font-weight:var(--fw-display)}.faq__icon{flex:none;transition:transform var(--dur-fast) var(--ease);color:var(--brick-deep)}.faq__q[aria-expanded=true] .faq__icon{transform:rotate(45deg)}.faq__a{padding:0 var(--sp-6) var(--sp-6);color:var(--ink)}.faq__a a{color:var(--link);text-decoration:underline}.footer{position:relative;z-index:var(--z-content);background:var(--bg-overlay-dark),var(--espresso);color:var(--cream);padding:var(--section-pad-y) 0 var(--sp-8)}.footer a{color:var(--link-on-dark)}.footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:var(--gutter)}.footer h2{color:var(--cream);font-size:var(--fs-h3);margin:0 0 var(--sp-4)}.footer ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--sp-2)}.footer__meta{color:var(--cream);opacity:.85;font-size:var(--fs-small)}.footer__btn{background:transparent;border:1px solid var(--link-on-dark);color:var(--link-on-dark);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-pill);cursor:pointer;font:inherit;font-size:var(--fs-small)}.footer__btn:hover{background:var(--link-on-dark);color:var(--espresso)}.footer__bottom{margin-top:var(--sp-12);padding-top:var(--sp-6);border-top:1px solid rgba(245,241,232,.18);display:flex;flex-wrap:wrap;gap:var(--sp-4);justify-content:space-between;align-items:center;font-size:var(--fs-small);color:var(--cream)}@media (max-width: 720px){.footer__grid{grid-template-columns:1fr}}.legal{position:relative;z-index:var(--z-content);padding:calc(var(--section-pad-y) + 4rem) 0 var(--section-pad-y)}.legal__card{background:var(--card-bg);border:var(--card-border);border-radius:var(--radius);padding:clamp(1.5rem,4vw,3.5rem);box-shadow:var(--shadow);backdrop-filter:var(--card-blur);-webkit-backdrop-filter:var(--card-blur)}.legal h1{font-size:var(--fs-h1);margin:0 0 var(--sp-4)}.legal h2{font-size:var(--fs-h2);margin:var(--sp-8) 0 var(--sp-3)}.legal h3{font-size:var(--fs-h3);margin:var(--sp-6) 0 var(--sp-2)}.legal p,.legal li{color:var(--ink)}.legal address{font-style:normal}.legal .placeholder{background:#b05a3c1f;color:var(--brick-deep);padding:0 .35em;border-radius:4px;font-weight:var(--fw-body-bold)}.legal a{color:var(--link);text-decoration:underline}.legal__back{display:inline-block;margin-top:var(--sp-8)}.cmp-backdrop{position:fixed;inset:0;z-index:var(--z-overlay);background:#1e1f1b8c;display:flex;align-items:flex-end;justify-content:center;padding:var(--gutter)}.cmp{width:100%;max-width:640px;background:var(--cream);color:var(--ink);border:var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:clamp(1.25rem,3vw,2rem)}.cmp h2{font-size:var(--fs-h3);margin:0 0 var(--sp-3)}.cmp p{font-size:var(--fs-body);margin:0 0 var(--sp-4)}.cmp__actions{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.cmp__actions .btn{flex:1 1 auto;justify-content:center;min-width:140px}.cmp__btn-equal{background:var(--sage-deep);color:var(--text-on-sage);border-color:transparent}.cmp__btn-equal:hover{background:var(--espresso)}.cmp__settings-toggle{background:transparent;border:0;color:var(--brick-deep);text-decoration:underline;cursor:pointer;font:inherit;font-size:var(--fs-small);padding:var(--sp-2)}.cmp__cats{margin:var(--sp-4) 0;display:flex;flex-direction:column;gap:var(--sp-3)}.cmp__cat{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sp-4);background:var(--cream-2);border:var(--card-border);border-radius:var(--radius-sm);padding:var(--sp-4)}.cmp__cat h3{font-size:var(--fs-h3);margin:0 0 var(--sp-1)}.cmp__cat p{font-size:var(--fs-small);color:var(--muted);margin:0}.cmp__switch{flex:none}.cmp__links{margin-top:var(--sp-4);font-size:var(--fs-small)}.cmp__links a{color:var(--link);text-decoration:underline}.switch{position:relative;display:inline-block;width:48px;height:28px}.switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.switch__track{position:absolute;inset:0;background:var(--muted);border-radius:var(--radius-pill);transition:background var(--dur-fast) var(--ease)}.switch__thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--cream);transition:transform var(--dur-fast) var(--ease)}.switch input:checked+.switch__track{background:var(--sage-deep)}.switch input:checked+.switch__track .switch__thumb{transform:translate(20px)}.switch input:disabled+.switch__track{background:var(--sage-brand);opacity:.7;cursor:not-allowed}.switch input:focus-visible+.switch__track{outline:3px solid var(--brick);outline-offset:2px}.inline-link{color:var(--link);text-decoration:underline;text-underline-offset:3px;font-weight:var(--fw-body-medium)}.section--dark .inline-link{color:var(--link-on-dark)}.section__lead{max-width:46rem;margin:0 0 var(--sp-8)}.section__lead .card__title{color:var(--ink)}.section--dark .section__lead .card__title{color:var(--cream)}