/*
Theme Name: FaMaas
Author: Falk Maasdorf
Description: Individueller Studioauftritt mit pflegbaren Texten und Bildern im Customizer.
Version: 1.6.0
Requires at least: 6.6
Requires PHP: 8.0
Text Domain: famaas
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
@font-face{font-family:Rubik;src:url('assets/Rubik-Regular.ttf') format('truetype');font-display:swap;font-weight:400}@font-face{font-family:Rubik;src:url('assets/Rubik-Bold.ttf') format('truetype');font-display:swap;font-weight:700}
:root{--ink:#10141b;--surface:#191f28;--paper:#f3f5f6;--muted:#b1bac6;--line:#38414d;--lime:#d9ff43;--cyan:#73dae7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.65 Rubik,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}button{cursor:pointer}img{display:block;max-width:100%;height:auto}button{color:inherit}h1,h2,h3,p{margin:0}p+p{margin-top:18px}h1,h2,h3{line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(48px,6.4vw,98px)}h2{font-size:clamp(36px,4.7vw,68px)}h3{font-size:30px}em{font-style:normal;color:var(--lime)}.shell{width:min(1320px,calc(100% - 96px));margin:auto}.section{padding-top:112px;padding-bottom:112px}.eyebrow,.number{font-size:13px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.eyebrow{color:var(--cyan);margin-bottom:25px}.number{color:var(--muted)}.lead{font-size:22px;line-height:1.5}.muted,.caption,.micro{color:var(--muted)}.caption,.micro{font-size:13px;line-height:1.6}.caption{margin-top:18px}.skip{position:fixed;top:-80px;left:10px;background:var(--lime);color:var(--ink);padding:12px;z-index:90}.skip:focus{top:10px}.preview-bar{padding:8px 48px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;font-size:12px;color:var(--muted)}.preview-bar a{text-decoration:underline;text-underline-offset:4px}.site-header{height:102px;display:flex;justify-content:space-between;align-items:center;padding:0 48px;border-bottom:1px solid var(--line)}.logo{width:165px}.site-header nav{display:flex;align-items:center;gap:36px;font-size:14px}.nav-cta{border:1px solid var(--line);padding:12px 18px}.site-header a:hover{color:var(--lime)}.menu-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--lime);color:var(--ink);padding:17px 24px;font-size:15px;font-weight:700;border:1px solid var(--lime);transition:background .2s,transform .2s}.button:hover{background:var(--paper);border-color:var(--paper);transform:translateY(-2px)}.button.outline{background:transparent;border-color:var(--line);color:var(--paper)}.button.outline:hover{border-color:var(--lime);color:var(--lime)}.hero{display:grid;grid-template-columns:1.08fr 1fr;column-gap:50px;padding-top:76px;position:relative}.hero .eyebrow{max-width:520px}.hero h1{font-size:clamp(47px,5.8vw,86px)}.intro{font-size:23px;margin-top:26px}.hero-description{max-width:500px;color:var(--muted);margin:20px 0 30px}.hero .micro{margin-top:23px}.hero-art{position:relative;align-self:center;padding:0 0 170px;margin-top:10px;min-width:0}.art-heading{font-size:12px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:26px;text-transform:uppercase;letter-spacing:.06em}.screen{display:block;position:relative;border:6px solid #303a44;transform:rotate(-4deg);box-shadow:0 25px 70px #0006;z-index:2}.screen img{width:100%}.floating-print{position:absolute;width:31%;right:-7px;bottom:42px;transform:rotate(8deg);border:5px solid #303a44;box-shadow:0 20px 35px #0006;z-index:3}.art-caption{position:absolute;left:18px;bottom:48px}.art-caption strong{font-size:28px;line-height:1.1}.art-caption span{display:block;color:var(--muted);font-size:12px;margin-top:10px}.orbit-line{position:absolute;inset:15% 4%;border:1px solid var(--cyan);transform:rotate(10deg);opacity:.25;animation:frame-in 2.6s ease-out 1}.hero-bottom{grid-column:1/-1;border-top:1px solid var(--line);margin-top:70px;padding:24px 0;display:flex;justify-content:space-between;gap:25px;font-size:14px;color:var(--muted)}.hero-bottom b{color:var(--paper);margin-left:20px;font-weight:400}.motion-toggle{font-size:12px;background:none;border:0;text-decoration:underline;text-underline-offset:4px}.section-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:20px 90px;margin-bottom:54px}.section-heading .eyebrow{grid-column:1/-1;margin-bottom:0}.section-heading>p:last-child{align-self:end;color:var(--muted);max-width:420px}.services{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.services article{padding:30px;display:flex;flex-direction:column;align-items:flex-start;border-right:1px solid var(--line)}.services article:last-child{border:0}.services h3{font-size:34px;margin:38px 0 25px}.services p{color:var(--muted)}.services ul{padding:0;margin:27px 0 35px;list-style:none;font-size:14px;color:var(--muted)}.services li{padding:8px 0;border-bottom:1px solid var(--line)}.services a{margin-top:auto;font-size:14px;font-weight:700}.services .featured{background:var(--lime);color:var(--ink)}.featured .number,.featured p,.featured ul{color:#334021}.featured li{border-color:#10141b30}.work-section{background:var(--paper);color:var(--ink)}.work-section .eyebrow{color:#28636d}.work-section em{color:#3e646e}.work-section .section-heading>p:last-child{color:#505b65}.case-lead{display:grid;grid-template-columns:1.65fr 1fr;background:#dfe5e8}.case-image{display:flex;align-items:center;padding:30px}.case-image img{box-shadow:0 8px 24px #0002}.case-lead-copy{padding:44px 32px;background:var(--ink);color:var(--paper)}.case-lead-copy .eyebrow{color:var(--cyan)}.case-lead-copy h3{font-size:44px;margin-bottom:25px}.case-lead-copy p{color:var(--muted)}.text-link{display:inline-block;margin-top:25px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:5px;font-size:14px}.proofs{display:grid;grid-template-columns:repeat(3,1fr);margin-top:45px;gap:32px}.proofs a{border-top:1px solid #8d979e;padding-top:22px}.proofs span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#56636c}.proofs h3{font-size:28px;margin:20px 0 15px}.proofs p{color:#56636c;font-size:15px}.figures{display:grid;grid-template-columns:.9fr 1fr;gap:95px;align-items:center}.figure-image{position:relative;background:#b9a4ff;max-width:470px}.figure-image img{width:100%}.figure-image p{background:var(--ink);border:1px solid var(--line);font-size:12px;color:var(--muted);padding:13px 18px}.figures h2{margin-bottom:32px}.figures .lead{margin-bottom:20px}.figures .button{margin-top:30px}.process-inline{display:flex;gap:20px;margin:30px 0;flex-wrap:wrap}.process-inline span{padding-bottom:7px;border-bottom:2px solid var(--cyan);font-size:14px}.approach{border-top:1px solid var(--line);background:#151b23}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.steps span{color:var(--cyan);font-size:13px}.steps h3{font-size:28px;margin:23px 0 18px}.steps p{font-size:15px;color:var(--muted)}.about{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;border-top:1px solid var(--line);margin-top:70px;padding-top:60px}.about h3{font-size:40px}.about p{color:var(--muted)}details{border-bottom:1px solid var(--line);margin-top:28px;padding-bottom:16px}summary{cursor:pointer;font-weight:700}details p{margin-top:18px}.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.contact h2{margin-bottom:25px}.contact>div>p{max-width:400px}.form-note{font-size:13px;color:var(--muted);margin-bottom:25px;border-left:2px solid var(--cyan);padding-left:15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}label{display:block;font-size:14px;margin-bottom:22px}input,select,textarea{display:block;width:100%;margin-top:8px;border:1px solid var(--line);border-radius:0;padding:12px;background:var(--surface);color:var(--paper);font-size:16px;min-width:0}textarea{resize:vertical}textarea::placeholder{color:#929ead}.site-footer{padding:44px 48px;display:grid;grid-template-columns:1fr 1fr auto;align-items:start;gap:35px;border-top:1px solid var(--line);font-size:14px}.footnote{grid-column:1/-1;font-size:12px;color:var(--muted)}dialog{width:min(650px,calc(100% - 30px));max-height:90vh;overflow:auto;border:1px solid var(--line);background:var(--ink);color:var(--paper);padding:40px}dialog::backdrop{background:#000b}.close-dialog{position:absolute;right:18px;top:12px;background:none;border:0;font-size:30px}dialog h2{font-size:40px}dialog dl{margin:30px 0}dialog dt{font-size:12px;color:var(--cyan);margin-top:16px}dialog dd{margin:3px 0;white-space:pre-wrap;overflow-wrap:anywhere}.back-dialog{background:none;border:0;display:block;margin-top:20px;text-decoration:underline}dialog .button{margin-top:23px}.case-hero{padding-top:40px}.back-link{display:inline-block;font-size:14px;color:var(--muted);margin-bottom:55px}.case-hero h1{font-size:clamp(48px,6.3vw,88px)}.case-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin:35px 0 55px}.case-intro p{max-width:590px;font-size:20px;color:var(--muted)}.case-intro .button{flex-shrink:0}.wide-art{position:relative}.wide-art img{width:100%;height:450px;object-fit:cover}.wide-art span{position:absolute;left:20px;bottom:15px;font-size:12px;background:#10141bdd;padding:8px 12px}.chapter-nav{display:flex;gap:35px;padding-top:25px;padding-bottom:25px;border-bottom:1px solid var(--line);font-size:14px;flex-wrap:wrap}.chapter-nav a:hover{color:var(--lime)}.project-intro{display:grid;grid-template-columns:1fr 2fr;gap:55px}.project-intro .lead{margin:28px 0 18px}.project-intro p:not(.eyebrow){max-width:770px;color:var(--muted)}.case-chapter{background:var(--surface)}.chapter-title{margin-bottom:50px}.chapter-title .number{display:block;margin-bottom:24px;color:var(--cyan)}.browser-shot{padding:32px;background:#2d3641}.browser-shot img{width:100%}.case-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px}.case-columns h3{font-size:22px;margin-bottom:20px}.case-columns p{color:var(--muted)}.case-columns.two{grid-template-columns:1fr 1fr}.editorial-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:60px;align-items:center}.editorial-grid p{color:var(--muted)}.editorial-grid .lead{color:var(--paper);margin-bottom:22px}.structure{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--line);margin-top:70px;padding-top:60px}.structure h3{font-size:40px;margin-bottom:25px}.structure p{color:var(--muted)}.metrics>div{padding:20px 0;border-bottom:1px solid var(--line);display:flex;align-items:baseline;justify-content:space-between;gap:25px}.metrics strong{font-size:40px;color:var(--lime);white-space:nowrap;letter-spacing:-.04em}.metrics span{font-size:14px;max-width:150px}.digital-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.product-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-self:start}.digital-grid h3{font-size:36px;margin-bottom:26px}.digital-grid p{color:var(--muted)}.social-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.social-gallery img{width:100%}.max-copy{max-width:770px;color:var(--muted);margin-bottom:40px}.videos{display:grid;grid-template-columns:1fr 1fr;gap:35px}.video{aspect-ratio:16/9;background:#26352f;position:relative;display:flex;justify-content:center;overflow:hidden}.video img{height:100%;width:auto;object-fit:contain}.load-video{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);background:var(--lime);color:var(--ink);border:0;padding:13px 18px;white-space:nowrap;font-size:14px;font-weight:700}.video iframe{height:100%;width:100%;border:0}.videos h3{font-size:25px;margin-top:25px}.videos p{margin-top:12px;color:var(--muted)}.videos a{display:inline-block;margin-top:15px;font-size:14px;text-decoration:underline;text-underline-offset:4px}.actions{display:flex;gap:20px;margin-top:40px;flex-wrap:wrap}.project-end .caption{max-width:850px}.no-motion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}@keyframes frame-in{from{transform:rotate(-8deg);opacity:0}to{transform:rotate(10deg);opacity:.25}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:1100px){.shell{width:calc(100% - 64px)}.site-header{padding:0 32px}.site-header nav{gap:22px}.hero{column-gap:28px}.hero h1{font-size:60px}.hero-art{padding-bottom:155px}.art-caption strong{font-size:23px}.services article{padding:24px}.services h3{font-size:29px}.figures{gap:55px}.contact{gap:50px}.case-lead-copy h3{font-size:35px}.metrics strong{font-size:32px}.section-heading{gap:20px 50px}.hero-bottom b{display:block;margin:3px 0 0}}
@media(max-width:800px){.shell{width:calc(100% - 40px)}.section{padding-top:70px;padding-bottom:70px}.site-header{height:83px;padding:0 20px}.preview-bar{padding:7px 20px;font-size:11px}.logo{width:140px}.menu-toggle{display:flex;gap:30px;align-items:center;background:none;border:1px solid var(--line);padding:8px 13px;font-size:14px}.menu-toggle span{font-size:22px}.site-header nav{display:none;position:absolute;left:0;right:0;top:116px;background:var(--surface);z-index:20;padding:25px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:50px}.hero h1{font-size:clamp(42px,9vw,70px)}.hero-description{max-width:620px}.hero-art{margin:60px 8px 0;padding-bottom:165px;max-width:620px}.floating-print{right:0;width:27%}.hero-bottom{margin-top:0}.section-heading{grid-template-columns:1fr;gap:20px}.section-heading>p:last-child{max-width:630px}.services{grid-template-columns:1fr}.services article{border-right:0;border-bottom:1px solid var(--line);padding:30px}.services h3{margin:20px 0;font-size:36px}.services h3 br{display:none}.services ul{width:100%;margin:20px 0}.case-lead{grid-template-columns:1fr}.case-lead-copy h3 br{display:none}.case-lead-copy{padding:30px}.proofs{grid-template-columns:1fr;gap:25px}.proofs h3 br{display:none}.figures{grid-template-columns:1fr;gap:40px}.figure-image{max-width:400px;margin:auto}.steps{grid-template-columns:1fr 1fr;gap:35px}.about{grid-template-columns:1fr;gap:28px}.contact{grid-template-columns:1fr;gap:35px}.site-footer{padding:35px 20px;grid-template-columns:1fr auto}.site-footer>p{grid-column:1/-1}.site-footer>a:last-of-type{grid-column:2;grid-row:1}.case-hero h1{font-size:clamp(42px,8vw,65px)}.case-intro{display:block}.case-intro .button{margin-top:25px}.wide-art img{height:300px}.project-intro{grid-template-columns:1fr;gap:5px}.chapter-nav{gap:18px;font-size:13px}.case-columns,.case-columns.two{grid-template-columns:1fr;gap:28px}.case-columns.two>p+p{margin:0}.browser-shot{padding:12px}.editorial-grid,.structure,.digital-grid{grid-template-columns:1fr;gap:35px}.metrics span{max-width:none}.metrics strong{font-size:40px}.social-gallery{gap:12px}.videos{grid-template-columns:1fr;gap:45px}.case-hero{padding-top:25px}.back-link{margin-bottom:36px}.wide-art span{font-size:11px}.caption{font-size:12px}}
@media(max-width:440px){.form-grid{grid-template-columns:1fr;gap:0}.hero .eyebrow{font-size:11px}.intro{font-size:20px}.hero-art{padding-bottom:130px}.art-caption{left:0;bottom:35px}.art-caption strong{font-size:23px}.floating-print{bottom:35px}.art-heading{font-size:10px}.hero-bottom{font-size:12px;gap:10px}.hero-bottom>span{max-width:220px}.steps{grid-template-columns:1fr}.steps article{border-top:1px solid var(--line);padding-top:22px}.social-gallery{grid-template-columns:1fr 1fr}.social-gallery img:last-child{grid-column:1/-1;width:calc(50% - 6px);justify-self:center}.services h3{font-size:29px}.case-lead-copy h3{font-size:32px}.product-pair{gap:8px}.case-hero .eyebrow{font-size:11px}.button{padding:15px 18px;gap:18px}.preview-bar{font-size:10px}.site-header nav{top:113px}dialog{padding:30px 22px}.load-video{font-size:12px}.metrics strong{font-size:32px}}

/* Approved wordmark and launch refinement */
.logo{width:180px;height:auto}.site-footer>a:first-child img{width:160px;height:auto}.site-header{position:relative}.site-header nav{top:100%}.hero-description{font-size:18px;max-width:550px}.hero h1{overflow-wrap:normal}.figure-image{aspect-ratio:auto}img[loading="lazy"]{content-visibility:auto}.no-motion{scroll-behavior:auto}@media(max-width:800px){.logo{width:160px}.site-header nav{top:100%}.hero-description{font-size:17px}}

.contact-email{display:inline-block;font-size:clamp(24px,3.3vw,44px);font-weight:700;letter-spacing:-.035em;color:var(--lime);margin-bottom:22px;overflow-wrap:anywhere}.contact-options .button{margin-top:26px}.footer-links{display:flex;gap:22px;flex-wrap:wrap}.footer-links ul{display:flex;list-style:none;gap:22px;margin:0;padding:0}.content-page{min-height:60vh;max-width:900px}.content-page h1{margin-bottom:40px}.content-page h2,.content-page h3{margin:35px 0 18px;font-size:32px}.content-page a{text-decoration:underline}.wpcf7-form .wpcf7-submit{background:var(--lime);color:var(--ink);font-weight:700;cursor:pointer}.wpcf7-not-valid-tip{color:#ffb8a9}.wpcf7-response-output{padding:18px}.admin-bar .site-header{scroll-margin-top:32px}

/* Keep the keyboard skip link fully outside the viewport until focused. */
.skip{top:0;transform:translateY(-120%)}.skip:focus{top:10px;transform:none}