html{--mat-sys-background: #fff8f8;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #faeeef;--mat-sys-inverse-primary: #ffb1c5;--mat-sys-inverse-surface: #352f30;--mat-sys-on-background: #201a1b;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #8f0045;--mat-sys-on-primary-fixed: #3f001b;--mat-sys-on-primary-fixed-variant: #8f0045;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #5b3f46;--mat-sys-on-secondary-fixed: #2b151b;--mat-sys-on-secondary-fixed-variant: #5b3f46;--mat-sys-on-surface: #201a1b;--mat-sys-on-surface-variant: #514346;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #930100;--mat-sys-on-tertiary-fixed: #410000;--mat-sys-on-tertiary-fixed-variant: #930100;--mat-sys-outline: #847376;--mat-sys-outline-variant: #d6c2c5;--mat-sys-primary: #ba005c;--mat-sys-primary-container: #ffd9e1;--mat-sys-primary-fixed: #ffd9e1;--mat-sys-primary-fixed-dim: #ffb1c5;--mat-sys-scrim: #000000;--mat-sys-secondary: #74565d;--mat-sys-secondary-container: #ffd9e1;--mat-sys-secondary-fixed: #ffd9e1;--mat-sys-secondary-fixed-dim: #e3bdc5;--mat-sys-shadow: #000000;--mat-sys-surface: #fff8f8;--mat-sys-surface-bright: #fff8f8;--mat-sys-surface-container: #f7ebec;--mat-sys-surface-container-high: #f1e5e6;--mat-sys-surface-container-highest: #ece0e1;--mat-sys-surface-container-low: #fdf1f2;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #e3d7d8;--mat-sys-surface-tint: #ba005c;--mat-sys-surface-variant: #f3dde1;--mat-sys-tertiary: #c00100;--mat-sys-tertiary-container: #ffdad4;--mat-sys-tertiary-fixed: #ffdad4;--mat-sys-tertiary-fixed-dim: #ffb4a8;--mat-sys-neutral-variant20: #3a2d30;--mat-sys-neutral10: #201a1b;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}:root{--page-max-width: 1160px;--content-max-width: 920px;--surface: rgba(20, 18, 22, .62);--surface-strong: rgba(15, 14, 18, .78);--surface-soft: rgba(255, 255, 255, .05);--border-soft: rgba(255, 255, 255, .1);--text-primary: #f7f1ea;--text-muted: rgba(247, 241, 234, .74);--accent: #d9a28c;--accent-strong: #efbf9d;--shadow: 0 28px 70px rgba(7, 7, 11, .34);--shadow-soft: 0 18px 40px rgba(7, 7, 11, .2);--radius-xl: 32px;--radius-lg: 24px;--radius-md: 18px;--radius-sm: 12px;--space-1: .5rem;--space-2: .75rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2rem;--space-6: 3rem;--space-7: 4.5rem;--transition-fast: .18s ease;--transition-medium: .32s ease}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{min-height:100%;margin:0}body{font-family:Outfit,Arial,sans-serif;color:var(--text-primary);background:radial-gradient(circle at top left,rgba(217,162,140,.22),transparent 26%),radial-gradient(circle at bottom right,rgba(127,78,63,.28),transparent 28%),linear-gradient(180deg,#09090c66,#08080bd1),url("./media/background-MUT6GI5U.jpg") center/cover fixed no-repeat}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}hr{width:100%;border:0;border-top:1px solid var(--border-soft);margin:0}.page-shell{width:min(100% - 2rem,var(--page-max-width));margin:0 auto;padding:var(--space-6) 0 var(--space-7)}.panel{background:linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px solid var(--border-soft);border-radius:var(--radius-xl);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px)}.eyebrow{margin:0 0 var(--space-2);font-size:.82rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-strong)}.section-heading{max-width:44rem}.section-heading.compact{max-width:52rem}.section-heading h2,.legal-hero h1,.hero-copy h1{margin:0;line-height:1.02;letter-spacing:-.04em}.hero-section{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:var(--space-6);align-items:start;min-height:min(86svh,780px);padding:clamp(2rem,4vw,4rem)}.hero-copy h1{max-width:11ch;font-size:clamp(3rem,8vw,5.9rem);color:var(--text-primary)}.hero-name-part{display:inline-block;margin-right:.28em;background:linear-gradient(to right,#e40303 0% 16.66%,#ff8c00 16.66% 33.33%,#ffed00 33.33% 50%,#008026 50% 66.66%,#004dff 66.66% 83.33%,#750787 83.33% 100%);background-repeat:no-repeat;background-size:100% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}.hero-name-part:last-child{margin-right:0}.hero-copy{grid-column:1;align-self:start;justify-self:start;text-align:left}.hero-copy-main{display:block}.hero-intro,.legal-intro,.project-description,.story-copy p,.detail-panel p,.legal-copy p,.legal-card p{color:var(--text-muted);line-height:1.75}.hero-intro{max-width:34rem;margin:var(--space-4) 0 0;font-size:clamp(1.05rem,2vw,1.2rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5);align-items:center}.hero-action-links{flex-basis:100%;display:flex;flex-wrap:wrap;gap:var(--space-3)}.hero-contact-area{gap:.6rem}.hero-contact-area a{width:2.8rem;height:2.8rem}.action-link{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:0 1.25rem;border-radius:999px;border:1px solid var(--border-soft);background:#ffffff0a;transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.action-link:hover{transform:translateY(-2px) scale(1.03);border-color:#fffffff2;box-shadow:0 0 0 1px #ffffff8c,0 0 16px #ffffff47}.action-link-primary{background:linear-gradient(135deg,#efbf9d38,#d9a28c24);border-color:#efbf9d52}.action-link-pride{position:relative;isolation:isolate;overflow:hidden;color:#0f0f10;font-weight:700;border-color:#ffffff3d;background:transparent}.action-link-pride:before{content:"";position:absolute;inset:-2px -8px -10px -2px;z-index:-2;filter:blur(1.6px) saturate(.88);background:linear-gradient(to right,#e40303 0% 16.66%,#ff8c00 16.66% 33.33%,#ffed00 33.33% 50%,#008026 50% 66.66%,#004dff 66.66% 83.33%,#750787 83.33% 100%);background-size:100% 100%;background-position:0 50%;transform:translate(2px,2px)}.action-link-pride:after{content:"";position:absolute;inset:0;z-index:-1;background:#ffffff47}.action-link-pride:hover{color:#080809}.action-link-pride:hover:before{background:repeating-linear-gradient(to right,#e40303 0 24px,#ff8c00 24px 48px,#ffed00 48px 72px,#008026 72px 96px,#004dff 96px 120px,#750787 120px 144px);background-size:144px 100%;animation:pride-ticker 3.2s linear infinite}@keyframes pride-ticker{0%{background-position:0 50%}to{background-position:144px 50%}}.hero-meta{display:grid;grid-template-columns:1fr;gap:var(--space-4);max-width:34rem;margin-top:var(--space-4)}.hero-meta div{padding-top:var(--space-3);border-top:1px solid var(--border-soft)}.meta-label{display:block;margin-bottom:var(--space-1);font-size:.84rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em}.hero-visual{grid-column:2;display:grid;gap:var(--space-4);align-content:start}.portrait-highlight{display:grid;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);background:#ffffff0a;border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);justify-items:center}.portrait-highlight-button{display:block;width:min(100%,560px);padding:0;margin:0;border:0;background:transparent;border-radius:24px;overflow:hidden;cursor:pointer;transition:transform var(--transition-fast)}.portrait-highlight-button:hover{transform:scale(1.015)}.portrait-media{position:relative}.portrait-media-switching{animation:portrait-switch .25s ease}.hero-feature-image{width:100%;height:auto;object-fit:contain;border-radius:24px;box-shadow:0 20px 48px #09090c57}.portrait-caption{position:absolute;right:1.1rem;bottom:1.1rem;padding:.5rem .9rem;border-radius:.65rem;background:#fff;color:#000;font-size:1.08rem;font-weight:700;line-height:1.2}.portrait-click-hint{position:absolute;left:1.1rem;top:1.1rem;padding:.5rem .9rem;border-radius:.65rem;background:#fff;color:#000;font-size:1.02rem;font-weight:700;line-height:1.2}.hero-note{max-width:22rem;margin-left:auto;padding:var(--space-4);border-radius:var(--radius-lg);background:var(--surface-soft);border:1px solid var(--border-soft)}.hero-note h2{margin:0 0 var(--space-2);font-size:clamp(1.4rem,3vw,2rem);letter-spacing:-.03em}.hero-note p{margin:0;color:var(--text-muted);line-height:1.7}.story-section,.contact-strip,.legal-hero,.legal-copy{margin-top:var(--space-5);padding:clamp(1.5rem,3vw,2.5rem)}.story-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:var(--space-5);margin-top:var(--space-5)}.story-copy p:first-child,.detail-panel p:first-child,.legal-copy p:first-child{margin-top:0}.story-copy p:last-child,.detail-panel p:last-child,.legal-copy p:last-child{margin-bottom:0}.detail-toggle,.back-link{display:inline-flex;align-items:center;gap:var(--space-2);width:fit-content;border:0;border-radius:999px;padding:.9rem 1.1rem;font:inherit;color:var(--text-primary);background:#ffffff0f;cursor:pointer;transition:transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.detail-toggle:hover,.back-link:hover{transform:translateY(-2px) scale(1.03);background:#ffffff1a;border-color:#fffffff2;box-shadow:0 0 0 1px #ffffff8c,0 0 16px #ffffff47}.detail-panel{margin-top:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:#ffffff0a;border:1px solid var(--border-soft)}.detail-panel-enter{animation:detail-panel-fade-in .3s ease-in}@keyframes detail-panel-fade-in{0%{opacity:0}to{opacity:1}}@keyframes portrait-switch{0%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.inline-link{color:var(--accent-strong);font-weight:600}.contact-strip{display:grid;gap:var(--space-4)}.contact-area{display:flex;flex-wrap:wrap;gap:var(--space-3)}.contact-area a{display:inline-flex;align-items:center;justify-content:center;width:3.3rem;height:3.3rem;border-radius:50%;background:#ffffff0f;border:1px solid var(--border-soft);transition:transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.contact-area a:hover{transform:translateY(-2px) scale(1.06);background:#efbf9d21;border-color:#fffffff2;box-shadow:0 0 0 1px #ffffff8c,0 0 16px #ffffff47}.projects-section{margin-top:var(--space-6)}.project-list{display:grid;gap:var(--space-4);margin-top:var(--space-5)}.project-entry{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-5);padding:clamp(1.4rem,3vw,2rem)}.project-entry-reverse{grid-template-columns:minmax(0,1fr) auto}.project-entry-reverse .project-icon{order:2}.project-entry-reverse .project-copy{order:1}.project-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.project-kicker{margin:0 0 var(--space-1);color:var(--accent-strong);font-size:.82rem;text-transform:uppercase;letter-spacing:.12em}.project-link{font-size:clamp(1.6rem,2vw,2.15rem);font-weight:700;letter-spacing:-.04em}.project-languages{color:var(--text-muted);font-size:.95rem;text-align:right}.project-description{max-width:46rem;margin:var(--space-3) 0 0}.project-icon{width:100px;min-width:100px;height:100px;object-fit:cover;background:#ffffff0f;box-shadow:var(--shadow-soft)}.project-icon-circle{border-radius:50%}.imprint-page{display:grid;gap:var(--space-5)}.imprint-page a{color:#5ca8ff;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:2px}.imprint-page a:hover{color:#8bc2ff}.legal-hero .back-link{margin-bottom:var(--space-5)}.legal-hero h1{font-size:clamp(2.6rem,6vw,4.6rem);max-width:12ch}.legal-intro{max-width:46rem;margin:var(--space-4) 0 0;font-size:1.05rem;line-height:1.8}.legal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.legal-card{padding:clamp(1.4rem,3vw,2rem)}.legal-provider-name{margin:0 0 .6rem;font-size:clamp(1.35rem,1.8vw,1.7rem);font-weight:650;letter-spacing:-.02em;color:var(--text-primary)}.legal-card p{margin:0 0 .45rem;line-height:1.5}.legal-row:last-child{margin-bottom:0}.legal-copy p{margin:0 0 var(--space-3)}.legal-copy{display:grid;gap:var(--space-4);padding:clamp(1.7rem,3vw,2.6rem)}.legal-block{padding:var(--space-4);border:1px solid var(--border-soft);border-radius:var(--radius-md);background:#ffffff08}.legal-block h2{margin:0 0 var(--space-3);font-size:clamp(1.4rem,2.5vw,2rem);letter-spacing:-.03em}.site-footer{padding:0 0 var(--space-6)}.footer-shell{padding-top:0;padding-bottom:var(--space-4)}.noscript-panel{padding:var(--space-4);text-align:center}.footer-inner{width:min(100% - 2rem,var(--page-max-width));margin:0 auto;padding-top:var(--space-4);border-top:1px solid var(--border-soft);display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--text-muted)}.footer-inner p{margin:0}.footer-inner a{color:var(--text-primary)}@media(max-width:900px){.hero-section,.story-grid,.legal-grid,.project-entry,.project-entry-reverse{grid-template-columns:1fr}.hero-note{margin-left:0}.hero-copy,.hero-visual,.hero-actions,.hero-meta{grid-column:auto;justify-self:stretch;text-align:left}.project-entry-reverse .project-icon,.project-entry-reverse .project-copy{order:initial}.project-header{flex-direction:column}.project-languages{text-align:left}}@media(max-width:700px){.page-shell{width:min(100% - 2rem,var(--page-max-width));padding:var(--space-4) 0 var(--space-6)}.hero-copy h1,.legal-hero h1{max-width:none}.hero-copy{display:contents}.hero-copy-main{order:1}.hero-visual{order:2}.hero-actions{order:3;margin-top:var(--space-4)}.hero-meta{order:4;margin-top:var(--space-3)}.hero-meta,.footer-inner{grid-template-columns:1fr}.footer-inner{flex-direction:column;align-items:flex-start}.project-icon{width:84px;min-width:84px;height:84px}.hero-actions,.hero-contact-area,.hero-action-links{justify-content:center}.hero-actions{align-items:center}.hero-action-links{width:100%}.hero-meta{justify-items:center;text-align:center}.hero-meta div{width:min(100%,24rem)}.portrait-highlight{padding:0;border:0;background:transparent;box-shadow:none;justify-items:center}}
