:root{--blue:#007CC2;--pink:#C80065;--ink:#15191c;--grey:#626b71;--light:#f3f5f6;--line:#d9dee1;--white:#fff;--cond:"Archivo Narrow","Helvetica Condensed","Arial Narrow",sans-serif;--sans:Inter,"Helvetica Neue",Arial,sans-serif;--page:1320px;--gutter:clamp(22px,4.5vw,72px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#fff;color:var(--ink);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}::selection{background:var(--pink);color:#fff}.container{width:min(calc(100% - var(--gutter)*2),var(--page));margin-inline:auto}.skip{position:fixed;left:20px;top:-80px;z-index:1000;background:#fff;padding:10px 15px}.skip:focus{top:20px}.section{position:relative;padding:clamp(95px,10vw,160px) 0}.section.compact{padding:clamp(110px,12vw,185px) 0}.section.soft{background:var(--light)}.kicker{display:flex;align-items:center;gap:14px;margin:0 0 25px;color:var(--blue);font-size:11px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.kicker:before{content:"";width:30px;height:3px;background:var(--pink)}.title{max-width:1000px;margin:0;font:700 clamp(52px,7.2vw,98px)/.9 var(--cond);letter-spacing:-.025em}.lead{max-width:670px;margin:28px 0 0;color:var(--grey);font-size:19px;line-height:1.55}.bars{position:absolute;z-index:2;right:max(var(--gutter),calc((100vw - var(--page))/2));top:0;width:142px;height:85px;background:url("../images/brand/visual-key.png") center top/contain no-repeat}.bars i{display:none}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border:0;border-radius:0;background:var(--blue);color:#fff;font-weight:700;font-size:13px;letter-spacing:.02em;cursor:pointer;transition:background .2s}.button:hover{background:var(--pink)}.button.blue{background:var(--blue)}.button.outline{background:transparent;color:var(--ink);border:1px solid var(--line)}.button.outline:hover{color:var(--blue);border-color:var(--blue)}
.header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-inner{height:84px;display:flex;align-items:center;justify-content:space-between;gap:35px}.brand img{width:120px;height:62px;object-fit:contain}.nav{display:flex;align-items:center;gap:clamp(18px,2.4vw,36px)}.nav a{font-size:13px;font-weight:600}.nav a:hover{color:var(--blue)}.nav .phone{margin-left:12px;padding:10px 14px;background:var(--pink);color:#fff}.nav .phone:hover{background:var(--blue);color:#fff}.menu{display:none;border:0;background:none;font-size:13px;font-weight:700}
.hero{position:relative;min-height:calc(100svh - 84px);padding:clamp(60px,7vw,105px) 0;display:flex;align-items:center;overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(420px,.86fr) minmax(560px,1.14fr);gap:clamp(50px,7vw,110px);align-items:center}.hero-copy{position:relative;z-index:2}.hero h1{margin:0 0 38px;font:700 clamp(86px,10.5vw,160px)/.75 var(--cond);letter-spacing:-.04em;text-transform:lowercase}.hero h1 span{display:block}.hero h1 .blue{color:var(--blue)}.hero h1 .pink{color:var(--pink);margin-left:clamp(38px,5vw,80px)}.hero-copy>p:not(.kicker){max-width:460px;margin:0 0 32px clamp(38px,5vw,80px);color:var(--grey);font-size:18px}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-left:clamp(38px,5vw,80px)}.text-link{font-size:13px;font-weight:700;border-bottom:1px solid var(--ink);padding:10px 0}.text-link:hover{color:var(--blue);border-color:var(--blue)}.hero-photo{position:relative;height:min(68vh,760px);min-height:570px}.hero-photo img{height:100%;object-fit:cover}.hero-photo:after{content:"";position:absolute;right:0;bottom:-22px;width:44%;height:22px;background:var(--blue)}.hero-photo:before{content:"";position:absolute;right:0;bottom:-22px;width:16%;height:22px;background:var(--pink);z-index:2}.stamp{position:absolute;left:-42px;bottom:34px;background:#fff;padding:22px 27px;border-top:5px solid var(--pink)}.stamp strong{display:block;color:var(--blue);font:700 44px/1 var(--cond)}.stamp span{color:var(--grey);font-size:12px}.photo-label,.hero-index,.scroll-cue{display:none}.hero>.bars{right:var(--gutter);width:170px;height:102px}.ticker{display:none}
.positioning{display:grid;grid-template-columns:repeat(3,1fr);margin-top:80px;border-top:1px solid var(--ink)}.positioning article{padding:35px 35px 10px 0}.positioning article+article{padding-left:35px;border-left:1px solid var(--line)}.positioning h3{margin:0 0 12px;font:700 31px/1 var(--cond)}.positioning p{margin:0;color:var(--grey);font-size:15px}.mini-bar{width:45px;height:5px;margin-bottom:25px;background:var(--blue)}.positioning article:nth-child(2) .mini-bar{background:var(--pink)}
#leistungen{border-top:1px solid var(--line)}.services{margin-top:80px}.service{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(55px,8vw,120px);align-items:center;padding:72px 0;border-top:1px solid var(--line)}.service:last-child{border-bottom:1px solid var(--line)}.service:nth-child(even){grid-template-columns:.92fr 1.08fr}.service:nth-child(even) .image-frame{order:2}.image-frame{position:relative;height:520px;overflow:hidden}.image-frame img{height:100%;object-fit:cover;transition:transform .65s ease}.service:hover .image-frame img{transform:scale(1.018)}.image-frame:after{content:"";position:absolute;left:0;bottom:0;width:34%;height:8px;background:var(--pink)}.service:nth-child(even) .image-frame:after{left:auto;right:0;background:var(--blue)}.service-copy{max-width:470px}.service:nth-child(even) .service-copy{justify-self:end}.number{margin-bottom:18px;color:var(--pink);font:700 12px var(--sans);letter-spacing:.15em}.service-copy h3{margin:0 0 20px;font:700 clamp(42px,4.8vw,66px)/.93 var(--cond);letter-spacing:-.015em}.service-copy p{margin:0;color:var(--grey);font-size:17px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:24px 0}.tags span{padding:6px 10px;border:1px solid var(--line);color:var(--grey);font-size:12px}.more{display:inline-flex;gap:8px;padding-bottom:4px;border-bottom:2px solid var(--blue);color:var(--blue);font-size:13px;font-weight:700}.more:hover{border-color:var(--pink);color:var(--pink)}
.about-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(60px,9vw,130px);align-items:center}.about-photo{position:relative;height:690px}.about-photo img{height:100%;object-fit:cover}.about-card{position:absolute;right:0;bottom:0;width:66%;padding:22px 26px;background:#fff;border-top:7px solid var(--blue)}.about-card strong{display:block;font:700 29px/1 var(--cond)}.about-card span{color:var(--grey);font-size:12px}.checks{margin:35px 0;padding:0;list-style:none}.checks li{position:relative;padding:13px 0 13px 28px;border-bottom:1px solid var(--line)}.checks li:before{content:"";position:absolute;left:0;top:21px;width:9px;height:9px;background:var(--pink)}.quote{margin:38px 0 0;padding-left:22px;border-left:4px solid var(--blue);font:600 29px/1.3 var(--cond)}
.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:300px 300px;gap:15px;margin-top:75px}.gallery figure{position:relative;margin:0;overflow:hidden}.gallery figure:first-child{grid-row:1/3}.gallery figure:nth-child(4){grid-column:2/4}.gallery img{height:100%;object-fit:cover;transition:transform .55s ease}.gallery figure:hover img{transform:scale(1.02)}.gallery figcaption{position:absolute;left:0;bottom:0;padding:9px 13px;background:#fff;border-left:4px solid var(--pink);font-size:11px;font-weight:700}
.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:75px;border-top:1px solid var(--ink)}.step{padding:35px 28px 20px 0}.step+.step{padding-left:28px;border-left:1px solid var(--line)}.step-no{color:var(--blue);font:700 45px/1 var(--cond)}.step:nth-child(even) .step-no{color:var(--pink)}.step h3{margin:18px 0 9px;font:700 27px/1 var(--cond)}.step p{margin:0;color:var(--grey);font-size:14px}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(60px,9vw,130px)}.contact-list{margin-top:38px}.contact-list a,.contact-list div{display:block;padding:16px 0;border-bottom:1px solid var(--line)}.contact-list strong{display:block;color:var(--blue);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.contact-list span{font-size:17px}.form{position:relative;padding:clamp(32px,5vw,58px);background:#fff;border-top:8px solid var(--blue)}.form:after{content:"";position:absolute;right:0;top:-8px;width:28%;height:8px;background:var(--pink)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field.full{grid-column:1/-1}.field label{display:block;margin-bottom:7px;font-size:11px;font-weight:700}.field input,.field select,.field textarea{width:100%;padding:13px;border:1px solid var(--line);border-radius:0;background:var(--light)}.field textarea{min-height:120px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid rgba(0,124,194,.25);border-color:var(--blue)}.fine{margin:11px 0 0;color:var(--grey);font-size:11px}
.footer{background:#fff;border-top:1px solid var(--line)}.footer-band{height:8px;background:linear-gradient(90deg,var(--blue) 0 74%,var(--pink) 74%)}.footer-main{padding:70px 0 30px}.footer-main>.footer-claim{display:none}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:45px;padding-top:35px;border-top:1px solid var(--line)}.footer-logo{width:150px;margin-bottom:8px}.footer-grid>div:first-child:after{content:"farbe die passt.";display:block;width:max-content;margin:0 0 18px 4px;background:linear-gradient(90deg,var(--pink) 0 31%,var(--blue) 31%);background-clip:text;-webkit-background-clip:text;color:transparent;font:700 18px/1 var(--cond)}.footer h3{margin:0 0 12px;font:700 18px var(--cond)}.footer p,.footer a{font-size:13px}.footer a:hover{color:var(--pink)}.legal{display:flex;justify-content:space-between;gap:20px;margin-top:42px;padding-top:18px;border-top:1px solid var(--line);color:var(--grey);font-size:11px}
.subhero{position:relative;padding:90px 0 70px}.breadcrumbs{margin-bottom:45px;color:var(--grey);font-size:12px}.subhero-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.subhero h1{margin:0;font:700 clamp(62px,8vw,110px)/.86 var(--cond);letter-spacing:-.03em}.subhero h1 span{color:var(--blue)}.subhero .lead{margin:0}.wide-photo{position:relative;height:min(56vw,680px)}.wide-photo img{height:100%;object-fit:cover}.wide-photo:after{content:"";position:absolute;right:var(--gutter);bottom:-12px;width:28%;height:12px;background:var(--pink)}.content-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(60px,8vw,110px)}.prose h2{margin:0 0 27px;font:700 clamp(40px,5vw,64px)/.96 var(--cond)}.prose h3{margin:45px 0 12px;font:700 30px/1 var(--cond)}.prose p{color:var(--grey);font-size:17px}.aside{position:sticky;top:115px;height:max-content;padding:32px;background:var(--light);border-top:6px solid var(--blue)}.aside h3{margin:0 0 15px;font:700 29px/1 var(--cond)}.aside ul{margin:20px 0 28px;padding:0;list-style:none}.aside li{padding:9px 0;border-bottom:1px solid var(--line);font-size:14px}.cta-strip{display:flex;align-items:center;justify-content:space-between;gap:35px}.cta-strip h2{margin:0;font:700 clamp(40px,5vw,64px)/.95 var(--cond)}
.reveal{opacity:0;transform:translateY(15px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1050px){.nav a:not(.phone){display:none}.menu{display:block}.nav.open{position:absolute;left:0;right:0;top:84px;display:grid;padding:25px var(--gutter);background:#fff;border-bottom:1px solid var(--line)}.nav.open a:not(.phone){display:block}.hero-grid{grid-template-columns:.85fr 1.15fr}.hero h1{font-size:100px}.hero-photo{min-height:520px}.positioning article,.positioning article+article{padding-inline:24px}.image-frame{height:450px}}
@media(max-width:850px){.hero{min-height:auto}.hero-grid,.about-grid,.contact-grid,.subhero-grid,.content-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(90px,18vw,135px)}.hero-photo{height:70vw;min-height:500px}.positioning{grid-template-columns:1fr}.positioning article,.positioning article+article{padding:25px 0;border-left:0;border-bottom:1px solid var(--line)}.service,.service:nth-child(even){grid-template-columns:1fr;gap:32px}.service:nth-child(even) .image-frame{order:0}.service:nth-child(even) .service-copy{justify-self:auto}.image-frame{height:62vw}.about-photo{height:680px}.gallery{grid-template-columns:1fr 1fr;grid-template-rows:auto}.gallery figure,.gallery figure:first-child,.gallery figure:nth-child(4){grid-column:auto;grid-row:auto;height:290px}.gallery figure:first-child{grid-column:1/3;height:480px}.steps{grid-template-columns:1fr 1fr}.step:nth-child(3){border-left:0}.step{border-bottom:1px solid var(--line)}.aside{position:static}.subhero-grid{gap:25px}.subhero .lead{margin-top:0}.cta-strip{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){:root{--gutter:20px}.header-inner{height:70px}.brand img{width:92px}.nav .phone{font-size:11px;padding:8px 10px}.menu{font-size:0}.menu:after{content:"Menü";font-size:12px}.nav.open{top:70px}.hero{padding:55px 0 68px}.hero>.bars{width:105px;height:65px}.hero h1{font-size:72px}.hero h1 .pink{margin-left:27px}.hero-copy>p:not(.kicker),.actions{margin-left:27px}.hero-copy>p:not(.kicker){font-size:16px}.hero-photo{height:110vw;min-height:410px}.stamp{left:12px;bottom:20px;padding:17px 20px}.stamp strong{font-size:35px}.section,.section.compact{padding:90px 0}.title{font-size:52px}.services{margin-top:50px}.service{padding:45px 0}.image-frame{height:76vw}.service-copy h3{font-size:45px}.about-photo{height:510px}.about-card{width:86%}.gallery{display:block}.gallery figure,.gallery figure:first-child,.gallery figure:nth-child(4){height:72vw;margin-bottom:12px}.steps{grid-template-columns:1fr}.step,.step+.step{padding:25px 0;border-left:0}.form-grid,.footer-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-claim{font-size:66px}.legal{display:block}.subhero{padding-top:60px}.subhero h1{font-size:58px}.wide-photo{height:78vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}*{transition:none!important;animation:none!important}}

/* Referenzrichtung: bildgeführt, sachlich, projektorientiert */
@media(min-width:851px){
  .hero{display:block;min-height:calc(100svh - 84px);padding:0;background:var(--blue)}
  .hero .container{width:100%;max-width:none}
  .hero-grid{display:block;position:relative;height:calc(100svh - 84px);min-height:690px}
  .hero-photo{position:absolute;inset:0;height:auto;min-height:0}
  .hero-photo img{object-position:center 53%;filter:saturate(.88)}
  .hero-photo:after{bottom:0;width:76%;height:12px;background:var(--blue)}
  .hero-photo:before{bottom:0;width:24%;height:12px}
  .hero-copy{position:absolute;z-index:5;left:var(--gutter);bottom:clamp(54px,7vh,90px);width:min(620px,46vw);padding:38px 44px 40px;background:rgba(255,255,255,.96)}
  .hero-copy .kicker{margin-bottom:18px}
  .hero h1{font-size:clamp(76px,8.4vw,126px);line-height:.76;margin-bottom:28px}
  .hero h1 .pink{margin-left:clamp(28px,4vw,62px)}
  .hero-copy>p:not(.kicker){max-width:400px;margin:0 0 24px clamp(28px,4vw,62px);font-size:16px}
  .hero .actions{margin-left:clamp(28px,4vw,62px)}
  .hero .stamp{left:auto;right:var(--gutter);bottom:54px;border-top-color:var(--blue)}
  .hero>.bars{z-index:6;top:0;right:var(--gutter);width:135px;height:82px;background-color:#fff;background-size:100px auto;background-position:center top}
}

/* Brand navigation and undivided claim */
.header:after{content:"";position:absolute;right:18px;top:0;width:78px;height:86px;background:url("../images/brand/visual-key.png") center top/78px auto no-repeat;pointer-events:none}.header-inner{height:104px;padding-right:104px}.brand img{width:175px;height:86px}.hero h1,.hero h1 span{display:inline;white-space:nowrap}.hero h1 .pink{margin-left:0}.hero h1 .blue{margin-right:.08em}.hero h1 .pink{margin-left:.08em}.page-intro{max-width:820px}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink);margin-top:65px}.value-grid article{padding:30px 30px 15px 0}.value-grid article+article{padding-left:30px;border-left:1px solid var(--line)}.value-grid h3{margin:0 0 10px;font:700 28px/1 var(--cond)}.value-grid p{margin:0;color:var(--grey);font-size:14px}.project-list{margin-top:70px}.project-case{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:end;padding:50px 0;border-top:1px solid var(--line)}.project-case:nth-child(even){grid-template-columns:.75fr 1.25fr}.project-case:nth-child(even) .project-visual{order:2}.project-visual{height:520px}.project-visual img{height:100%;object-fit:cover}.project-meta{padding-bottom:10px}.project-meta small{color:var(--pink);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.project-meta h2{margin:14px 0 15px;font:700 clamp(39px,4.5vw,62px)/.92 var(--cond)}.project-meta p{color:var(--grey)}.facts-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:60px;border-top:1px solid var(--ink)}.facts-grid div{padding:28px 25px 10px 0}.facts-grid div+div{padding-left:25px;border-left:1px solid var(--line)}.facts-grid strong{display:block;color:var(--blue);font:700 39px/1 var(--cond)}.facts-grid span{font-size:13px;color:var(--grey)}
@media(max-width:1050px){.header-inner{height:92px}.brand img{width:150px}.header:after{width:64px;height:74px;background-size:64px auto}.nav.open{top:92px}}
@media(max-width:850px){.hero h1,.hero h1 span{white-space:normal}.value-grid{grid-template-columns:1fr}.value-grid article,.value-grid article+article{padding:24px 0;border-left:0;border-bottom:1px solid var(--line)}.project-case,.project-case:nth-child(even){grid-template-columns:1fr;gap:28px}.project-case:nth-child(even) .project-visual{order:0}.project-visual{height:62vw}.facts-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.header-inner{height:78px;padding-right:66px}.brand img{width:128px;height:66px}.header:after{right:8px;width:50px;height:60px;background-size:50px auto}.nav.open{top:78px}.hero h1{font-size:55px;line-height:.88}.project-visual{height:74vw}.facts-grid{grid-template-columns:1fr}.facts-grid div,.facts-grid div+div{padding:20px 0;border-left:0;border-bottom:1px solid var(--line)}}

/* Hero composition correction */
@media(min-width:851px){
  .hero-copy{left:var(--gutter);bottom:clamp(44px,6vh,72px);width:min(900px,72vw);padding:32px 42px 34px;display:grid;grid-template-columns:minmax(470px,1.45fr) minmax(260px,.75fr);column-gap:42px;align-items:end}
  .hero-copy .kicker{grid-column:1/-1;margin:0 0 16px}
  .hero h1{grid-column:1/-1;margin:0 0 25px;font-size:clamp(68px,6.3vw,96px);line-height:.82;letter-spacing:-.045em}
  .hero-copy>p:not(.kicker){grid-column:1;margin:0;max-width:570px;font-size:16px;line-height:1.55}
  .hero .actions{grid-column:2;margin:0;display:grid;gap:10px;align-self:end}
  .hero .actions .button{width:100%}
  .hero .text-link{display:flex;align-items:center;justify-content:space-between;padding:10px 0 6px}
  .hero .stamp{right:var(--gutter);bottom:44px;padding:18px 22px}
  .hero .stamp strong{font-size:38px}
}
@media(min-width:851px) and (max-width:1120px){
  .hero-copy{width:min(790px,78vw);grid-template-columns:1fr 230px;column-gap:30px}
  .hero h1{font-size:clamp(62px,6.7vw,78px)}
  .hero .stamp{display:none}
}
@media(max-width:850px){
  .hero h1,.hero h1 span{display:inline;white-space:normal}
  .hero h1 .blue,.hero h1 .pink{margin:0}
  .hero-copy>p:not(.kicker),.hero .actions{margin-left:0}
}
.hero>.bars{display:none!important}.hero h1 .pink{color:var(--pink)}.hero h1 .blue{color:var(--blue)}.hero h1 .pink,.hero h1 .blue{margin-left:0;margin-right:0}.footer-claim .pink{color:var(--pink)}.footer-claim .blue{color:var(--blue)}

.legal>span:last-child{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 20px}.legal a{color:inherit;font-size:inherit}.legal a:hover{color:var(--pink)}.legal-page{padding-top:70px}.legal-copy{max-width:850px}.legal-copy h2{margin:55px 0 14px;font:700 clamp(30px,4vw,44px)/1 var(--cond)}.legal-copy h3{margin:30px 0 10px;font:700 23px/1.15 var(--cond)}.legal-copy p,.legal-copy li{color:#4f5961;line-height:1.8}.legal-copy ul{padding-left:20px}.legal-copy a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.legal-note{margin-top:48px;padding:22px 25px;border-left:4px solid var(--blue);background:var(--soft);font-size:13px}
@media(max-width:600px){.legal>span:last-child{justify-content:flex-start;margin-top:12px}.legal-page{padding-top:40px}}
.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}.form-status{margin:18px 0 0;padding:12px 14px;background:var(--light);font-size:13px}.form-status:empty{display:none}.form-status.success{border-left:4px solid var(--blue)}.form-status.error{border-left:4px solid var(--pink)}.form button:disabled{cursor:wait;opacity:.6}

@media(max-width:600px){
  .header-inner{position:static;justify-content:flex-start;gap:8px}
  .brand{margin-right:auto}
  .nav{gap:0}
  .nav:not(.open){position:absolute;right:108px;top:50%;height:40px;transform:translateY(-50%)}
  .nav:not(.open) .phone{display:inline-grid;width:40px;height:40px;margin-left:0;padding:0;place-items:center;background:transparent;color:var(--ink);font-size:0;line-height:1}
  .nav:not(.open) .phone:hover{background:transparent;color:var(--blue)}
  .nav:not(.open) .phone:before{content:"";display:block;width:19px;height:19px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.69 2.8a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.9.33 1.84.56 2.8.69A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.69 2.8a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.9.33 1.84.56 2.8.69A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") center/contain no-repeat}
  .nav.open{transform:none}
  .nav.open .phone{justify-self:start;margin:8px 0 0;padding:10px 14px;font-size:13px}
  .menu{position:absolute;right:64px;top:50%;display:inline-grid;width:40px;height:40px;margin:0;padding:0;place-items:center;transform:translateY(-50%);font-size:0;line-height:1}
  .menu:after{content:"";display:block;width:22px;height:14px;background:linear-gradient(currentColor,currentColor) top/100% 2px no-repeat,linear-gradient(currentColor,currentColor) center/100% 2px no-repeat,linear-gradient(currentColor,currentColor) bottom/100% 2px no-repeat}
}