/*
Theme Name: Rubin Digital
Theme URI: https://rubindigital.de/
Author: Rubin Digital
Description: Maßgeschneidertes, responsives One-Page-Theme für Rubin Digital.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: rubin-digital
*/
:root{--ruby:#68001f;--dark:#430014;--deep:#25000b;--white:#fff;--line:rgba(255,255,255,.24);--muted:rgba(255,255,255,.74);--pad:clamp(1.25rem,4vw,4.5rem);--max:1440px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ruby);color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:clamp(1rem,.2vw + .96rem,1.125rem);line-height:1.55}a{color:inherit}button{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:20;top:0;left:1rem;padding:.7rem 1rem;background:#fff;color:var(--ruby);transform:translateY(-120%)}.skip-link:focus{transform:none}.site-header{position:absolute;z-index:10;top:0;left:0;width:100%;max-width:var(--max);margin:auto;right:0;padding:1.5rem var(--pad);display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:.85rem;text-decoration:none}.brand-mark{width:4rem;height:auto;fill:currentColor}.brand-name{font-weight:650;letter-spacing:-.02em}.site-header nav{display:flex;align-items:center;gap:clamp(1rem,2.5vw,2.5rem)}.site-header nav>a,footer a{font-size:.86rem;text-decoration:none}.site-header nav>a{position:relative}.site-header nav>a:after{content:"";position:absolute;left:0;bottom:-.3rem;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .25s}.site-header nav>a:hover:after,.site-header nav>a:focus-visible:after{transform:scaleX(1);transform-origin:left}.language{display:flex;gap:.3rem;font-size:.78rem}.language button{padding:.25rem;background:none;border:0;color:var(--muted);cursor:pointer}.language button[aria-pressed=true]{color:#fff;text-decoration:underline;text-underline-offset:.25rem}.menu-toggle{display:none;background:none;border:0;color:#fff;padding:.5rem}.menu-toggle i{display:block;width:1.6rem;height:1px;background:currentColor;margin:.32rem}.hero{min-height:100svh;max-width:var(--max);margin:auto;padding:9rem var(--pad) 4rem;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;overflow:hidden}.eyebrow,.section-index{text-transform:uppercase;letter-spacing:.16em;font-size:.73rem;font-weight:650}.eyebrow{margin-bottom:1.8rem}.hero h1{font-size:clamp(3.15rem,6.7vw,7.2rem);line-height:.89;letter-spacing:-.065em;margin:0;max-width:10ch}.text-link{display:inline-flex;gap:1.5rem;margin-top:3rem;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:.65rem;font-size:.86rem}.text-link span:last-child{transition:transform .25s}.text-link:hover span:last-child{transform:translate(.25rem,.25rem)}.hero-art{width:min(46vw,610px);justify-self:end;filter:drop-shadow(0 2rem 4rem rgba(38,0,12,.35))}.hero-art svg{display:block;width:100%}.section{max-width:var(--max);margin:auto;padding:clamp(5rem,10vw,9rem) var(--pad);border-top:1px solid var(--line)}.intro{display:grid;grid-template-columns:1fr 2.2fr;gap:3rem}.section h2{font-size:clamp(2.5rem,5.3vw,5.4rem);line-height:.98;letter-spacing:-.055em;margin:0;max-width:13ch;font-weight:650}.lead{font-size:clamp(1.25rem,2.1vw,2rem);line-height:1.38;letter-spacing:-.025em;max-width:37ch;margin:2.2rem 0 0;color:var(--muted)}.intro .lead{grid-column:2}.section-head{display:grid;grid-template-columns:1fr 2.2fr;gap:3rem}.service-list{list-style:none;padding:4rem 0 0;margin:0 0 0 31.5%}.service-list li{display:grid;grid-template-columns:4rem 1fr;align-items:start;border-top:1px solid var(--line);padding:1.5rem 0}.service-list li:last-child{border-bottom:1px solid var(--line)}.service-list span{font-size:.7rem;letter-spacing:.12em;color:var(--muted);padding-top:.45rem}.service-list h3{font-size:clamp(1.35rem,2.5vw,2.5rem);font-weight:520;line-height:1.2;letter-spacing:-.035em;margin:0}.expertise,.about{background:var(--dark)}.tag-list{list-style:none;padding:4rem 0 0;margin:0 0 0 31.5%;display:flex;flex-wrap:wrap;gap:.75rem}.tag-list li{border:1px solid var(--line);padding:.8rem 1.15rem;border-radius:100px;font-size:.92rem}.approach{display:grid;grid-template-columns:1fr 2.2fr;gap:3rem}.about-grid{margin-left:31.5%;display:grid;grid-template-columns:1fr 14rem;align-items:end;gap:3rem}.mini-gem{width:12rem;aspect-ratio:1;justify-self:end;background:linear-gradient(135deg,#ff4d7d 0 24%,#bd0039 24% 52%,#730023 52% 76%,#450016 76%);clip-path:polygon(50% 0,94% 24%,100% 70%,67% 100%,20% 90%,0 48%,13% 13%)}.contact{background:var(--deep);min-height:72vh;display:flex;flex-direction:column;justify-content:center}.contact h2{margin-top:2rem;max-width:12ch}.mail-link{font-size:clamp(1.35rem,3vw,3rem);letter-spacing:-.03em;text-decoration:none;margin-top:3rem;align-self:flex-start;border-bottom:1px solid var(--line);padding-bottom:.5rem}.mail-link span{display:inline-block;transition:transform .25s}.mail-link:hover span{transform:translate(.25rem,-.25rem)}footer{background:var(--deep);border-top:1px solid var(--line);padding:2rem var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;font-size:.8rem;color:var(--muted)}footer p{margin:0;text-align:center}.footer-brand{color:#fff}footer>div{display:flex;justify-content:flex-end;gap:1.5rem}.legal{padding-top:10rem;min-height:100vh;max-width:920px;margin-left:auto}.legal h1{font-size:clamp(3rem,7vw,6rem);line-height:1;letter-spacing:-.055em;margin:1rem 0 4rem}.legal h2{font-size:1.15rem;letter-spacing:-.02em;margin:2.5rem 0 .5rem}.legal p{color:var(--muted);max-width:68ch}.legal a{color:#fff}@media(max-width:800px){.site-header{align-items:flex-start}.brand-name{display:none}.menu-toggle{display:block;z-index:2}.site-header nav{position:fixed;inset:0;background:var(--deep);padding:7rem var(--pad) 3rem;display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;transform:translateX(100%);transition:transform .25s}.site-header nav.open{transform:none}.site-header nav>a{font-size:2rem}.language{margin-top:auto}.hero{grid-template-columns:1fr;padding-top:8rem;align-content:center}.hero-art{position:absolute;width:72vw;right:-26vw;opacity:.5}.hero-copy{position:relative;z-index:1}.intro,.section-head,.approach{grid-template-columns:1fr}.intro .lead{grid-column:auto}.service-list,.tag-list,.about-grid{margin-left:0}.about-grid{grid-template-columns:1fr}.mini-gem{width:7rem;justify-self:start}.section{padding-block:5.5rem}footer{grid-template-columns:1fr auto}footer p{display:none}}@media(max-width:480px){.hero h1{font-size:clamp(2.8rem,14.5vw,4.5rem)}footer{grid-template-columns:1fr}footer>div{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}