@font-face{font-family: 'Exo 2';font-style: normal;font-weight: 300 800;font-display: swap;src: url('../fonts/exo2.woff2') format('woff2')}:root{--bg: #100E12;--fg: #ECE9E3;--fg-muted: #b0a99e;--fg-muted-2: #a39d92;--fg-soft: #c7c1b6;--label: #8c857a;--label-dim: #6e6961;--accent: #A81E2C;--accent-deep: #6E1722;--line: rgba(255,255,255,0.12);--line-soft: rgba(255,255,255,0.08);--line-strong: rgba(255,255,255,0.18);--surface: rgba(255,255,255,0.05);--glow-a: rgba(168,30,44,0.30);--glow-b: rgba(168,30,44,0.45);--shadow-card: 0 24px 60px rgba(0,0,0,0.45);--radius-pill: 999px;--radius-card: 18px;--radius-lg: 26px;--container: 1200px;--ease-out: cubic-bezier(0.16,1,0.3,1)}*,*::before,*::after{box-sizing: border-box}html{background: var(--bg);-webkit-text-size-adjust: 100%;scroll-behavior: smooth}body{margin: 0;background: var(--bg);color: var(--fg);font-family: 'Exo 2',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-size: 16px;line-height: 1.6;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;overflow-x: hidden}img,svg,picture{display: block;max-width: 100%}a{color: inherit}button{font-family: inherit}h1,h2,h3{letter-spacing: -0.02em}:focus-visible{outline: 2px solid var(--accent);outline-offset: 3px;border-radius: 3px}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}*{animation-duration: 0.001ms!important;animation-iteration-count: 1!important;transition-duration: 0.001ms!important}}.container{max-width: var(--container);margin: 0 auto;padding-left: 28px;padding-right: 28px}.page{position: relative;z-index: 1}.accent{color: var(--accent)}.skip-link{position: absolute;left: 12px;top: -60px;z-index: 200;background: var(--accent);color: #fff;padding: 10px 18px;border-radius: 0 0 10px 10px;text-decoration: none;font-weight: 600;transition: top 0.2s}.skip-link:focus{top: 0}.bg-glows{position: absolute;inset: 0 0 auto 0;height: 1100px;overflow: hidden;z-index: 0;pointer-events: none}.glow{position: absolute;border-radius: 50%;filter: blur(24px)}.glow-a{top: -180px;left: -140px;width: 640px;height: 640px;background: radial-gradient(circle,var(--glow-a),transparent 65%);animation: drift-a 34s ease-in-out infinite;will-change: transform}.glow-b{top: 360px;right: -180px;width: 600px;height: 600px;background: radial-gradient(circle,rgba(110,23,34,0.34),transparent 66%);animation: drift-b 46s ease-in-out infinite;will-change: transform}@keyframes drift-a{0%{transform: translate(0,0) scale(1)}25%{transform: translate(11%,7%) scale(1.07)}50%{transform: translate(4%,-10%) scale(1)}75%{transform: translate(-7%,3%) scale(0.94)}100%{transform: translate(0,0) scale(1)}}@keyframes drift-b{0%{transform: translate(0,0) scale(1)}25%{transform: translate(-9%,-6%) scale(1.05)}50%{transform: translate(-4%,9%) scale(0.93)}75%{transform: translate(8%,-4.5%) scale(1.04)}100%{transform: translate(0,0) scale(1)}}@keyframes fadeUp{from{opacity: 0;transform: translateY(18px)}to{opacity: 1;transform: translateY(0)}}@keyframes fadeIn{from{opacity: 0}to{opacity: 1}}.site-header{position: sticky;top: 0;z-index: 30;background: rgba(16,14,18,0.62);backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);border-bottom: 1px solid var(--line-soft)}.header-inner{display: flex;align-items: center;gap: 14px 26px;flex-wrap: wrap;padding-top: 16px;padding-bottom: 16px}.brand{display: flex;align-items: center;text-decoration: none}.brand-logo{height: 34px;width: auto}.main-nav{display: flex;flex-wrap: wrap;gap: 12px 22px;align-items: center;font-size: 15px;font-weight: 500;color: #b8b2a8;margin-left: auto}.main-nav a{text-decoration: none;color: inherit;transition: color 0.2s;position: relative}.main-nav a:hover{color: var(--fg)}.main-nav a.active{color: var(--fg)}.main-nav a.active::after{content: '';position: absolute;left: 0;right: 0;bottom: -5px;height: 2px;background: var(--accent);border-radius: 2px}.nav-contact{padding: 9px 20px;border: 1px solid var(--accent);border-radius: var(--radius-pill);color: var(--fg);font-weight: 600;text-decoration: none;font-size: 15px;transition: background 0.2s,color 0.2s}.nav-contact:hover{background: var(--accent);color: #fff}.cs-dot{width: 10px;height: 10px;border-radius: 3px;background: var(--accent);display: inline-block;flex: none}.eyebrow-row{display: flex;align-items: baseline;gap: 16px;margin: 0 0 18px}.tick{width: 26px;height: 2px;background: var(--accent);display: inline-block;transform: translateY(-5px);flex: none}.eyebrow{font-size: 13px;font-weight: 600;letter-spacing: 0.2em;text-transform: uppercase;color: var(--label)}.section-h2{font-size: clamp(28px,3.4vw,40px);font-weight: 700;margin: 0}.link-accent{font-size: 14px;font-weight: 600;color: var(--accent);text-decoration: none;white-space: nowrap}.link-accent:hover{text-decoration: underline}.btn{display: inline-block;padding: 14px 28px;border-radius: var(--radius-pill);font-size: 15px;font-weight: 600;text-decoration: none;cursor: pointer;border: 1px solid transparent;transition: transform 0.15s,filter 0.15s,background 0.2s}.btn:active{transform: translateY(1px)}.btn-primary{background: var(--accent);color: #fff;box-shadow: 0 10px 30px var(--glow-b)}.btn-primary:hover{filter: brightness(1.08)}.btn-ghost{background: var(--surface);color: var(--fg);border-color: var(--line-strong)}.btn-ghost:hover{background: rgba(255,255,255,0.1)}.section{max-width: var(--container);margin: 0 auto;padding: 76px 28px}.leistungen{padding-top: 40px;padding-bottom: 30px}.hero{position: relative;max-width: 1280px;margin: 0 auto;padding: 64px 28px 90px;min-height: 72vh;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center}.hero-eyebrow{justify-content: center;animation: fadeIn 0.9s 0.1s both}.hero-title{font-weight: 700;font-size: clamp(30px,4.4vw,52px);line-height: 1.08;letter-spacing: -0.02em;margin: 0 0 22px;max-width: 18ch;animation: fadeUp 0.9s 2.0s both}.hero-intro{font-size: clamp(16px,1.5vw,19px);line-height: 1.6;color: var(--fg-muted);max-width: 46ch;margin: 0 0 38px;animation: fadeUp 0.9s 2.15s both}.hero-cta{display: flex;gap: 14px;flex-wrap: wrap;justify-content: center;animation: fadeUp 0.9s 2.3s both}#cs-hero-logo{width: min(560px,84vw);aspect-ratio: 4445 / 1840;margin: 0 auto 46px}#cs-hero-logo svg{width: 100%;height: 100%;display: block;overflow: visible;color: var(--fg)}@keyframes xDot{0%{transform: translateY(-320%) scale(0.28) rotate(-12deg);opacity: 0}55%{transform: translateY(0) scale(1.34) rotate(4deg);opacity: 1}70%{transform: translateY(-26%) scale(1.0) rotate(-2deg)}84%{transform: translateY(0) scale(1.16) rotate(1deg)}100%{transform: translateY(0) scale(1) rotate(0deg);opacity: 1}}@keyframes xDotPulse{0%,100%{transform: scale(1)}50%{transform: scale(1.07)}}@keyframes xDotPing{0%{box-shadow: 0 0 0 0.02em rgba(168,30,44,0.5)}100%{box-shadow: 0 0 0 0.42em rgba(168,30,44,0)}}@keyframes xPing{0%{transform: scale(0.5);opacity: 0.5}100%{transform: scale(3.1);opacity: 0}}@keyframes xH{from{transform: scaleX(0)}to{transform: scaleX(1)}}@keyframes xV{from{transform: scaleY(0)}to{transform: scaleY(1)}}@keyframes xWord{from{opacity: 0;transform: translateY(8px)}to{opacity: 1;transform: translateY(0)}}#cs-hero-logo #cs-dot{fill: var(--accent);transform-box: fill-box;transform-origin: center;transform: translateY(-320%) scale(0.28);opacity: 0;animation: xDot 0.95s 0.15s cubic-bezier(.34,1.56,.5,1) forwards,xDotPulse 2.6s 1.3s ease-in-out infinite}#cs-hero-logo #cs-ping{fill: none;stroke: var(--accent);transform-box: fill-box;transform-origin: center;transform: scale(0.5);opacity: 0;animation: xPing 1.1s 0.95s ease-out 2}#cs-hero-logo #cs-h-left{fill: var(--accent);transform-box: fill-box;transform-origin: right center;transform: scaleX(0);animation: xH 0.7s 0.95s cubic-bezier(.7,0,.12,1) forwards}#cs-hero-logo #cs-h-right{fill: var(--accent);transform-box: fill-box;transform-origin: left center;transform: scaleX(0);animation: xH 0.7s 0.95s cubic-bezier(.7,0,.12,1) forwards}#cs-hero-logo #cs-i-creative{fill: var(--accent);transform-box: fill-box;transform-origin: bottom center;transform: scaleY(0);animation: xV 0.6s 1.15s cubic-bezier(.7,0,.12,1) forwards}#cs-hero-logo #cs-i-services{fill: var(--accent);transform-box: fill-box;transform-origin: top center;transform: scaleY(0);animation: xV 0.6s 1.15s cubic-bezier(.7,0,.12,1) forwards}#cs-hero-logo #cs-word-creative{opacity: 0;animation: xWord 0.8s 1.45s ease forwards}#cs-hero-logo #cs-word-services{opacity: 0;animation: xWord 0.8s 1.6s ease forwards}@media (prefers-reduced-motion: reduce){.hero-title,.hero-intro,.hero-cta,.hero-eyebrow{animation: none!important}#cs-hero-logo #cs-dot,#cs-hero-logo #cs-h-left,#cs-hero-logo #cs-h-right,#cs-hero-logo #cs-i-creative,#cs-hero-logo #cs-i-services{animation: none!important;transform: none!important;opacity: 1!important}#cs-hero-logo #cs-ping{animation: none!important;opacity: 0!important}#cs-hero-logo #cs-word-creative,#cs-hero-logo #cs-word-services{animation: none!important;opacity: 1!important;transform: none!important}.pillar-title::after{animation: none!important;transform: none!important;opacity: 1!important;box-shadow: none!important}}.cards-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(260px,1fr));gap: 20px}.card-surface,.lcard,.rcard,.service-card{background: linear-gradient(180deg,rgba(255,255,255,0.05),rgba(255,255,255,0.02));border: 1px solid var(--line-soft);border-radius: var(--radius-card);overflow: hidden}.lcard{display: flex;flex-direction: column;text-decoration: none;color: inherit;min-height: 360px;transition: border-color 0.25s,transform 0.25s}.lcard:hover{border-color: var(--line-strong);transform: translateY(-3px)}.lcard-media,.rcard-media{position: relative;overflow: hidden}.lcard-media{aspect-ratio: 16 / 10}.lcard-img,.rcard-img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;transition: transform 0.6s var(--ease-out)}.lcard:hover .lcard-img,.rcard:hover .rcard-img{transform: scale(1.07)}.media-overlay{position: absolute;inset: 0;pointer-events: none;background: linear-gradient(180deg,rgba(16,14,18,0) 42%,rgba(16,14,18,0.82))}.lcard-tag,.rcard-tag{position: absolute;top: 15px;left: 16px;font-size: 11px;font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;color: #fff;background: var(--accent);padding: 5px 12px;border-radius: var(--radius-pill)}.lcard-num{position: absolute;top: 14px;right: 18px;font-size: 14px;font-weight: 700;color: rgba(255,255,255,0.9)}.lcard-body{display: flex;flex-direction: column;flex: 1;padding: 26px 28px 28px}.lcard-title{font-size: 28px;font-weight: 700;letter-spacing: -0.01em;margin: 0 0 12px}.lcard-text{font-size: 15px;line-height: 1.62;color: var(--fg-muted-2);margin: 0 0 20px}.lcard-cta{margin-top: 22px;font-size: 14px;font-weight: 600;color: var(--accent)}.chips{display: flex;flex-wrap: wrap;gap: 8px;margin-top: auto}.chip{font-size: 12.5px;color: var(--fg-soft);border: 1px solid var(--line);padding: 5px 12px;border-radius: var(--radius-pill)}.person{display: flex;flex-wrap: wrap;gap: 48px;align-items: center;justify-content: center;max-width: 1080px}.person-portrait{position: relative;flex: 0 0 auto}.person-frame{position: absolute;inset: -14px -14px auto -14px;height: 100%;border: 1px solid var(--line);border-radius: 24px;pointer-events: none}.person-img,.person-placeholder{width: min(320px,80vw);height: 400px;border-radius: 20px;box-shadow: var(--shadow-card);object-fit: cover}.person-placeholder{display: flex;align-items: center;justify-content: center;text-align: center;background: linear-gradient(160deg,rgba(255,255,255,0.06),rgba(255,255,255,0.02));border: 1px dashed var(--line-strong);color: var(--label);font-size: 14px}.person-cross{position: absolute;bottom: 18px;left: 18px;width: 30px;height: 30px}.person-cross::before,.person-cross::after{content: '';position: absolute;background: var(--accent)}.person-cross::before{top: 50%;left: 0;width: 100%;height: 2px;transform: translateY(-50%)}.person-cross::after{left: 50%;top: 0;width: 2px;height: 100%;transform: translateX(-50%)}.person-body{flex: 1 1 340px}.person-quote{font-size: clamp(22px,2.6vw,29px);font-weight: 400;line-height: 1.5;margin: 0 0 22px;color: #ddd7cc}.person-quote .accent{font-weight: 600}.person-caption{font-size: 13px;font-weight: 600;letter-spacing: 0.16em;text-transform: uppercase;color: var(--label);margin: 0}.references-slider{padding-top: 20px;padding-bottom: 80px}.slider-head{display: flex;justify-content: space-between;align-items: flex-end;gap: 20px;flex-wrap: wrap;margin-bottom: 30px}.slider-controls{display: flex;align-items: center;gap: 20px}.slider-nav{display: flex;gap: 10px}.round-btn{width: 42px;height: 42px;border-radius: var(--radius-pill);border: 1px solid var(--line-strong);background: var(--surface);color: var(--fg);font-size: 20px;line-height: 1;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: background 0.2s}.round-btn:hover{background: rgba(255,255,255,0.12)}.slider-viewport{overflow-x: auto;overflow-y: hidden;scroll-snap-type: x mandatory;-webkit-overflow-scrolling: touch;scrollbar-width: none;-ms-overflow-style: none;padding: 4px 0 16px;cursor: grab;overscroll-behavior-x: contain;touch-action: pan-y;user-select: none;-webkit-user-select: none}.slider-viewport::-webkit-scrollbar{display: none}.slider-viewport *{cursor: inherit}.slider-viewport img{-webkit-user-drag: none;user-drag: none}.slider-viewport.is-dragging{cursor: grabbing;scroll-snap-type: none;scroll-behavior: auto}.slider-track{display: flex;gap: 20px;list-style: none;margin: 0;padding: 0}.slider-track>li{flex: 0 0 340px;scroll-snap-align: start;display: flex}@media (max-width: 760px){.slider-track>li{flex-basis: 100%}}.rcard{display: flex;flex-direction: column;text-decoration: none;color: inherit;width: 100%;transition: border-color 0.25s,transform 0.25s;border-radius: 16px}.rcard:hover{border-color: var(--line-strong);transform: translateY(-3px)}.rcard-media{aspect-ratio: 16 / 9}.rcard-body{padding: 24px 26px 26px;display: flex;flex-direction: column;flex: 1}.rcard-date{font-size: 12px;font-weight: 600;letter-spacing: 0.08em;color: var(--label);margin: 0 0 10px;text-transform: uppercase}.rcard-title{font-size: 20px;font-weight: 600;margin: 0 0 10px;line-height: 1.25}.rcard-text{font-size: 14px;line-height: 1.62;color: var(--fg-muted-2);margin: 0}.reviews-slider{padding-top: 20px;padding-bottom: 80px}.review-card{display: flex;flex-direction: column;gap: 18px;width: 100%;padding: 28px 28px 26px;background: linear-gradient(180deg,rgba(255,255,255,0.05),rgba(255,255,255,0.02));border: 1px solid var(--line-soft);border-radius: var(--radius-card);transition: border-color 0.25s,transform 0.25s}.review-card:hover{border-color: var(--line-strong);transform: translateY(-3px)}.review-stars{display: flex;gap: 3px;font-size: 17px;line-height: 1}.review-stars .star{color: var(--line-strong)}.review-stars .star.is-on{color: #E8B931}.review-text{font-size: 15px;line-height: 1.62;color: var(--fg-soft);margin: 0;flex: 1}.review-foot{display: flex;align-items: center;gap: 14px}.review-avatar{width: 44px;height: 44px;border-radius: var(--radius-pill);object-fit: cover;flex: 0 0 auto}.review-avatar--init{display: flex;align-items: center;justify-content: center;background: var(--accent);color: #fff;font-weight: 700;font-size: 17px}.review-meta{display: flex;flex-direction: column;gap: 2px;min-width: 0}.review-name{font-size: 15px;font-weight: 600;color: var(--fg)}.review-sub{font-size: 12.5px;color: var(--label)}.review-sub a{color: var(--label);text-decoration: none}.review-sub a:hover{color: var(--fg-muted);text-decoration: underline}.contact{padding-bottom: 88px}.contact-box{background: linear-gradient(135deg,var(--glow-a),rgba(255,255,255,0.03));border: 1px solid var(--line);border-radius: var(--radius-lg);padding: 60px 48px;text-align: center}.contact-h2{font-size: clamp(32px,4.6vw,52px);font-weight: 700;margin: 0 0 16px}.contact-text{font-size: 17px;color: var(--fg-muted);margin: 0 0 32px}.contact-actions{display: flex;flex-wrap: wrap;gap: 12px;justify-content: center;margin-bottom: 34px}.contact-address{font-size: 14px;color: var(--label);margin: 0}.site-footer{border-top: 1px solid var(--line-soft);margin-top: 20px}.footer-inner{display: flex;justify-content: space-between;align-items: center;gap: 24px;flex-wrap: wrap;padding-top: 36px;padding-bottom: 36px}.footer-logo{height: 32px;width: auto;opacity: 0.85}.footer-links{display: flex;gap: 22px;font-size: 13px}.footer-links a{color: var(--label);text-decoration: none}.footer-links a:hover{color: var(--fg)}.copyright{font-size: 13px;color: var(--label-dim)}.modal{position: fixed;inset: 0;z-index: 100;display: flex;align-items: flex-start;justify-content: center;padding: 40px 18px;overflow-y: auto;animation: fadeIn 0.25s both}.modal[hidden]{display: none}.modal-overlay{position: fixed;inset: 0;background: rgba(10,8,12,0.72);backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px)}.modal-card{position: relative;width: 100%;max-width: 560px;background: #1A171C;border: 1px solid var(--line);border-radius: 22px;padding: 38px 34px;box-shadow: 0 30px 80px rgba(0,0,0,0.55);animation: fadeUp 0.35s both}.modal-head{display: flex;align-items: flex-start;justify-content: space-between;gap: 16px;margin-bottom: 6px}.modal-title{font-size: 26px;font-weight: 700;margin: 0}.modal-close{flex: none;width: 36px;height: 36px;border-radius: 50%;border: 1px solid var(--line);background: var(--surface);color: var(--fg);font-size: 18px;line-height: 1;cursor: pointer}.modal-close:hover{background: rgba(255,255,255,0.1)}.modal-direct{font-size: 14px;color: var(--fg-muted);margin: 6px 0 22px}.modal-direct a{color: var(--accent);text-decoration: none;font-weight: 600}.modal-success{padding: 18px 0 6px}.modal-success p{font-size: 16px;line-height: 1.6;margin: 0 0 22px}.contact-form,.review-form{display: flex;flex-direction: column;gap: 16px}.hp{position: absolute;left: -9999px;width: 1px;height: 1px;overflow: hidden}.field{display: flex;flex-direction: column;border: 0;padding: 0;margin: 0;min-width: 0}.field-row{display: grid;grid-template-columns: repeat(auto-fit,minmax(160px,1fr));gap: 16px}.label{font-size: 13px;color: var(--fg-muted);margin-bottom: 7px}.req{color: var(--accent)}.contact-form input[type=text],.contact-form input[type=email],.contact-form input[type=tel],.contact-form textarea,.review-form input[type=text],.review-form input[type=date],.review-form textarea{width: 100%;padding: 13px 15px;background: var(--surface);border: 1px solid var(--line);border-radius: 12px;color: var(--fg);font-family: inherit;font-size: 15px}.contact-form textarea,.review-form textarea{resize: vertical}.contact-form input.invalid,.contact-form textarea.invalid,.review-form input.invalid,.review-form textarea.invalid{border-color: var(--accent)}.review-form input[type=date]::-webkit-calendar-picker-indicator{filter: invert(0.8);cursor: pointer}.bewerten-form-section{max-width: 720px}.bewerten-card{background: linear-gradient(180deg,rgba(255,255,255,0.05),rgba(255,255,255,0.02));border: 1px solid var(--line-soft);border-radius: var(--radius-lg);padding: 34px 32px}.form-hint{font-size: 12.5px;color: var(--label);margin: 0}.form-success{text-align: center;padding: 14px 4px}.form-success p{margin: 0 0 6px;color: var(--fg-soft)}.form-success p strong{color: var(--fg);font-size: 18px}.star-field .star-input{display: inline-flex;flex-direction: row-reverse;justify-content: flex-end;gap: 6px;font-size: 32px;line-height: 1}.star-input input{position: absolute;width: 1px;height: 1px;opacity: 0}.star-input label{color: var(--line-strong);cursor: pointer;transition: color 0.15s,transform 0.1s}.star-input label:hover{transform: scale(1.12)}.star-input input:checked ~ label,.star-input label:hover,.star-input label:hover ~ label{color: #E8B931}.star-input input:focus-visible + label{outline: 2px solid var(--accent);outline-offset: 3px;border-radius: 4px}.segmented{display: flex;gap: 10px}.seg{position: relative}.seg input{position: absolute;opacity: 0;inset: 0;cursor: pointer}.seg span{display: block;padding: 11px 22px;border: 1px solid var(--line);border-radius: 12px;background: var(--surface);font-size: 15px;transition: border-color 0.2s,background 0.2s}.seg input:checked + span{border-color: var(--accent);background: rgba(168,30,44,0.16)}.seg input:focus-visible + span{outline: 2px solid var(--accent);outline-offset: 2px}.consent{display: flex;align-items: flex-start;gap: 11px;font-size: 13.5px;line-height: 1.5;color: var(--fg-muted);cursor: pointer}.consent input{margin-top: 2px;width: 17px;height: 17px;accent-color: var(--accent);flex: none}.consent a{color: var(--accent);text-decoration: none}.field-error{color: var(--accent);font-size: 12px;margin: 6px 0 0;min-height: 0}.field-error:empty{display: none}.form-error{color: var(--accent);font-size: 13px;margin: 0}.submit-btn{margin-top: 4px;border: 0}.pillar-hero{position: relative;min-height: 64vh;display: flex;align-items: stretch;overflow: hidden}.pillar-hero-media{position: absolute;inset: 0;z-index: 0}.pillar-hero-media img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover}.pillar-hero-media::after{content: '';position: absolute;inset: 0;background: linear-gradient(180deg,rgba(16,14,18,0.55) 0%,rgba(16,14,18,0.35) 38%,rgba(16,14,18,0.92) 100%)}.pillar-hero-media::before{content: '';position: absolute;inset: 0;z-index: 1;background: linear-gradient(90deg,rgba(16,14,18,0.6) 0%,transparent 55%)}.pillar-hero-inner{position: relative;z-index: 1;max-width: var(--container);margin: 0 auto;width: 100%;padding: 70px 28px;display: flex;flex-direction: column}.pillar-hero-text{margin-top: auto}.pillar-quote{margin: 0;padding: 4px 0 4px 30px;border-left: 2px solid var(--accent)}.pillar-quote blockquote{margin: 0;font-size: clamp(19px,2.2vw,28px);font-style: italic;font-weight: 400;line-height: 1.5;color: #f0ece4}.pillar-quote .q-mark{color: var(--accent);opacity: 0.75;font-weight: 700;font-style: normal}.pillar-quote figcaption{margin-top: 16px;font-size: 13px;font-weight: 600;letter-spacing: 0.14em;text-transform: uppercase;color: #b6afa4}.pillar-title{font-size: clamp(46px,8vw,104px);font-weight: 700;line-height: 0.96;letter-spacing: -0.03em;margin: 0}.pillar-intro{font-size: clamp(16px,1.6vw,19px);line-height: 1.65;color: var(--fg-soft);margin: 18px 0 0}.pillar-title::after{content: '';display: inline-block;width: 0.15em;height: 0.15em;min-width: 13px;min-height: 13px;border-radius: 0.04em;background: var(--accent);margin-left: 0.1em;vertical-align: -0.05em;transform-origin: center;opacity: 0;animation: xDot 0.95s 0.15s cubic-bezier(.34,1.56,.5,1) forwards,xDotPing 1.1s 0.95s ease-out 2,xDotPulse 2.6s 1.3s ease-in-out infinite}.designer-quote{max-width: 900px;margin: 70px auto;padding: 0 28px;text-align: center}.designer-quote blockquote{font-size: clamp(22px,3vw,32px);font-weight: 400;line-height: 1.4;margin: 0 0 16px;color: #ddd7cc}.designer-quote cite{font-size: 13px;font-weight: 600;letter-spacing: 0.16em;text-transform: uppercase;color: var(--label);font-style: normal}.process-head{max-width: var(--container);margin: 0 auto;padding: 30px 28px 8px}.process-head .section-h2{margin-top: 8px}.process-intro{font-size: 17px;line-height: 1.65;color: var(--fg-muted-2);margin: 22px 0 0}.blocks{max-width: var(--container);margin: 0 auto;padding: 30px 28px 40px;display: flex;flex-direction: column;gap: 34px}.block-row{display: flex;flex-wrap: wrap;gap: 52px;align-items: center;min-height: 300px}.block-row:nth-child(even){flex-direction: row-reverse}.block-media{flex: 1 1 360px}.block-media img{width: 100%;height: 340px;border-radius: var(--radius-card);object-fit: cover;box-shadow: var(--shadow-card)}.block-content{flex: 1 1 360px}.block-label{display: inline-flex;align-items: center;gap: 10px;font-size: 13px;font-weight: 600;letter-spacing: 0.16em;text-transform: uppercase;color: var(--label);margin-bottom: 14px}.block-label .num{color: var(--accent)}.badge-new{font-size: 10px;letter-spacing: 0.1em;background: var(--accent);color: #fff;padding: 2px 8px;border-radius: var(--radius-pill)}.block-title{font-size: clamp(22px,2.4vw,28px);font-weight: 700;margin: 0 0 14px}.block-body{font-size: 16px;line-height: 1.7;color: var(--fg-muted-2)}.block-body p{margin: 0 0 1em}.block-body p:last-child{margin-bottom: 0}.extras{max-width: var(--container);margin: 0 auto;padding: 78px 28px 20px}.extras-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(280px,1fr));gap: 22px;margin-top: 42px}.service-card{display: flex;flex-direction: column}.service-media{position: relative;aspect-ratio: 16 / 9;overflow: hidden}.service-media img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover}.service-body{display: flex;flex-direction: column;flex: 1;padding: 28px 30px 30px}.service-title{font-size: 23px;font-weight: 700;letter-spacing: -0.01em;margin: 0 0 10px}.service-text{font-size: 15px;line-height: 1.62;color: var(--fg-muted-2);margin: 0 0 20px}.service-text p{margin: 0}.cta-box-section{max-width: var(--container);margin: 40px auto 0;padding: 0 28px 90px}.cta-box{background: linear-gradient(135deg,var(--glow-a),rgba(255,255,255,0.03));border: 1px solid var(--line);border-radius: var(--radius-lg);padding: 56px 48px;display: flex;flex-wrap: wrap;gap: 28px;align-items: center;justify-content: space-between}.cta-box-text h2{font-size: clamp(28px,3.4vw,40px);font-weight: 700;margin: 0 0 8px}.cta-box-text p{font-size: 17px;color: var(--fg-muted);margin: 0}.page-hero{max-width: var(--container);margin: 0 auto;padding: 60px 28px 30px}.page-hero h1{font-size: clamp(40px,7vw,84px);font-weight: 700;line-height: 1;letter-spacing: -0.03em;margin: 12px 0 18px}.page-hero .page-intro{font-size: clamp(16px,1.6vw,19px);line-height: 1.65;color: var(--fg-soft);max-width: 60ch;margin: 0}.ref-filter{display: flex;flex-wrap: wrap;gap: 10px;max-width: var(--container);margin: 0 auto;padding: 4px 28px 8px}.filter-chip{padding: 8px 18px;border-radius: var(--radius-pill);border: 1px solid var(--line-strong);background: var(--surface);color: var(--fg-soft);font: inherit;font-size: 14px;font-weight: 600;cursor: pointer;transition: background 0.2s,border-color 0.2s,color 0.2s}.filter-chip:hover{border-color: var(--fg-muted);color: var(--fg)}.filter-chip.active{background: var(--accent);border-color: var(--accent);color: #fff}.ref-grid{max-width: var(--container);margin: 0 auto;padding: 20px 28px 30px;display: grid;grid-template-columns: repeat(auto-fill,minmax(300px,1fr));gap: 22px;transition: opacity 0.3s ease,transform 0.3s ease}.ref-grid.is-filtering{opacity: 0;transform: translateY(12px)}.loadmore-wrap{text-align: center;padding: 24px 28px 90px}.ref-detail{max-width: 900px;margin: 0 auto;padding: 56px 28px 40px}.back-link{display: inline-block;font-size: 14px;color: var(--label);text-decoration: none;margin-bottom: 26px}.back-link:hover{color: var(--fg)}.ref-detail-media{margin: 0 0 30px}.ref-slides{list-style: none;margin: 0;padding: 0;display: flex;gap: 16px}.ref-slide{flex: 0 0 100%;min-width: 0;scroll-snap-align: start}.ref-figure{position: relative;aspect-ratio: 16 / 9;border-radius: var(--radius-lg);overflow: hidden;margin: 0;background: var(--surface);box-shadow: var(--shadow-card)}.ref-figure img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover}.ref-figcaption{position: absolute;left: 0;right: 0;bottom: 0;margin: 0;padding: 32px 20px 14px;color: #fff;font-size: 14px;font-weight: 500;line-height: 1.4;background: linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,0));pointer-events: none}.ref-slider{padding-bottom: 4px}.ref-detail-meta{display: flex;flex-wrap: wrap;gap: 12px;align-items: center;margin-bottom: 14px}.ref-detail-date{font-size: 13px;font-weight: 600;letter-spacing: 0.08em;text-transform: uppercase;color: var(--label)}.ref-detail h1{font-size: clamp(30px,4.4vw,48px);font-weight: 700;line-height: 1.08;margin: 0 0 22px}.ref-tags{display: flex;flex-wrap: wrap;gap: 8px}.ref-tag{font-size: 11px;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;color: #fff;background: var(--accent);padding: 4px 11px;border-radius: var(--radius-pill);text-decoration: none;transition: opacity .15s}a.ref-tag:hover{opacity: 0.85}.chip,.filter-chip,.ref-tag,.lcard-tag,.rcard-tag,.badge-new{white-space: nowrap}.page-back{margin-top: 16px}.prose{font-size: 17px;line-height: 1.75;color: var(--fg-soft)}.prose p{margin: 0 0 1.1em}.prose ul,.block-body ul,.service-text ul{list-style: none;padding-left: 1.35em}.prose ul li,.block-body ul li,.service-text ul li{position: relative}.prose ul li::before,.block-body ul li::before,.service-text ul li::before{content: '';position: absolute;left: -1.15em;top: 0.62em;width: 7px;height: 7px;border-radius: 2px;background: var(--accent)}.more-refs{max-width: var(--container);margin: 0 auto;padding: 40px 28px 90px}.more-refs h2{font-size: 22px;margin: 0 0 24px}.legal{max-width: 820px;margin: 0 auto;padding: 64px 28px 90px}.legal h1{font-size: clamp(34px,5vw,52px);font-weight: 700;margin: 0 0 30px}.legal .prose h2{font-size: 24px;margin: 1.8em 0 0.6em}.legal .prose h3{font-size: 19px;margin: 1.4em 0 0.5em}.legal .prose a{color: var(--accent)}.legal .prose ul{padding-left: 1.2em}.legal .prose li{margin: 0.3em 0}.error-page{max-width: 700px;margin: 0 auto;padding: 120px 28px;text-align: center}.error-page .code{font-size: clamp(60px,12vw,120px);font-weight: 800;color: var(--accent);line-height: 1;margin: 0}.error-page h1{font-size: clamp(26px,4vw,38px);margin: 12px 0 14px}.error-page p{color: var(--fg-muted);margin: 0 0 30px}.mobile-contact{display: none}.footer-social{display: flex;gap: 14px}.footer-social a{color: var(--label);display: inline-flex}.footer-social a:hover{color: var(--accent)}.footer-social svg{width: 20px;height: 20px}@media (max-width: 760px){.mobile-contact{display: flex;position: fixed;left: 0;right: 0;bottom: 0;z-index: 60;justify-content: space-around;align-items: stretch;background: rgba(16,14,18,0.94);backdrop-filter: blur(14px);-webkit-backdrop-filter: blur(14px);border-top: 1px solid var(--line);padding: 6px 4px calc(6px + env(safe-area-inset-bottom))}.mobile-contact .mc-item{display: flex;flex-direction: column;align-items: center;gap: 3px;color: var(--fg-soft);text-decoration: none;font-size: 10px;font-weight: 600;padding: 6px 8px;flex: 1;border-radius: 10px}.mobile-contact .mc-item:active{background: var(--surface);color: var(--accent)}.mobile-contact .mc-item svg{width: 23px;height: 23px}body{padding-bottom: 62px}}@media (max-width: 760px){.section{padding: 56px 24px}.container{padding-left: 22px;padding-right: 22px}.contact-box{padding: 44px 26px}.cta-box{padding: 40px 28px}.blocks{gap: 28px}.block-row,.block-row:nth-child(even){flex-direction: column;min-height: 0;gap: 22px}.block-media,.block-content{flex: 0 0 auto}.block-media img{height: 230px}.pillar-hero{min-height: 58vh;align-items: stretch}.pillar-hero-inner{padding: 48px 24px 56px}.modal-card{padding: 30px 22px}.header-inner{justify-content: center;gap: 12px 16px}.brand{order: 1}.nav-contact{order: 2}.main-nav{order: 3;flex-basis: 100%;justify-content: center;margin-left: 0;gap: 0;flex-wrap: nowrap}.main-nav .nav-ref{display: none}.main-nav .nav-pillar{padding: 4px 16px}.main-nav .nav-pillar + .nav-pillar::before{content: '';position: absolute;left: -3px;top: 50%;transform: translateY(-50%);width: 7px;height: 7px;border-radius: 2px;background: var(--accent)}.main-nav a.active::after{bottom: -2px}.rcard-media{aspect-ratio: 1 / 1}}