@font-face{font-family:PortfolioGraphik;src:url(/wp-content/uploads/2021/10/graphik-regular-web-drehmomente.de.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}main.dm-portfolio{--font:"PortfolioGraphik", -apple-system, "Helvetica Neue", Arial, sans-serif;--bg:#f6f6f6;--surface:#fff;--s2:#ededeb;--text:#161614;--t2:#6b6a65;--t3:#9e9d99;--border:#1414121a;--border2:#14141233;--r:2px;--nav-h:64px;--subnav-h:48px;--max:1580px;--pad:60px;--sec-pad:96px;--gap:4px;--ease:cubic-bezier(.25,.6,.2,1);--h-display:clamp(32px, 3.4vw, 54px);--h-card:clamp(16px, 1.3vw, 21px);--weight-display:300;--weight-medium:500}main.dm-portfolio *,main.dm-portfolio :before,main.dm-portfolio :after{box-sizing:border-box;margin:0;padding:0}main.dm-portfolio section[id]{scroll-margin-top:calc(var(--nav-h) + var(--subnav-h) + 24px)}main.dm-portfolio{font-family:var(--font);background:var(--surface);color:var(--text);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.65;overflow-x:clip}main.dm-portfolio img{display:block}main.dm-portfolio .wrap{max-width:var(--max);padding-left:var(--pad);padding-right:var(--pad);margin:0 auto}main.dm-portfolio .display{font-size:var(--h-display);font-weight:var(--weight-display);letter-spacing:-.02em;line-height:1.08}main.dm-portfolio .lead{color:var(--t2);max-width:600px;font-size:16px;font-weight:300;line-height:1.7}main.dm-portfolio .btn{font-family:var(--font);font-size:13px;font-weight:var(--weight-medium);border-radius:var(--r);cursor:pointer;border:none;padding:13px 28px;text-decoration:none;transition:opacity .15s,background .15s;display:inline-block}main.dm-portfolio .btn-dark{background:var(--text);color:#fff}main.dm-portfolio .btn-dark:hover{opacity:.85}main.dm-portfolio .btn-light{color:var(--text);background:#fff}main.dm-portfolio .btn-light:hover{opacity:.88}main.dm-portfolio .btn-line{color:var(--t2);border:1px solid var(--border2);background:0 0;padding:12px 26px}main.dm-portfolio .btn-line:hover{background:var(--s2)}main.dm-portfolio .btn-line-w{color:#fffc;background:0 0;border:1px solid #ffffff59;padding:12px 26px}main.dm-portfolio .btn-line-w:hover{color:#fff;border-color:#ffffffb3}main.dm-portfolio .pic{border-radius:var(--r);text-decoration:none;display:block;position:relative;overflow:hidden}main.dm-portfolio .pic img{object-fit:cover;width:100%;height:100%}main.dm-portfolio a.pic img{filter:grayscale();transition:filter .4s ease, transform .55s var(--ease)}main.dm-portfolio a.pic:hover img{filter:grayscale(0%);transform:scale(1.05)}main.dm-portfolio .focus-grid:hover a.pic:not(:hover) img{filter:grayscale()brightness(.72)}@media (prefers-reduced-motion:reduce){main.dm-portfolio .focus-grid:hover a.pic:not(:hover) img{filter:grayscale()}}main.dm-portfolio a.pic.pic-color img{filter:none;transition:none}main.dm-portfolio a.pic.pic-color:hover img{filter:none;transform:none}main.dm-portfolio a.pic.pic-color:hover .pic-shade{background:linear-gradient(#10100e14 45%,#10100eb8 100%)}main.dm-portfolio a.pic.pic-color .pic-cta{color:#ffffffa6}main.dm-portfolio .pic-shade{z-index:2;background:linear-gradient(#10100e14 45%,#10100eb8 100%);transition:background .3s;position:absolute;inset:0}main.dm-portfolio a.pic:hover .pic-shade{background:linear-gradient(#10100e0a 50%,#10100e99 100%)}main.dm-portfolio .pic-body{z-index:3;padding:24px;position:absolute;bottom:0;left:0;right:0}main.dm-portfolio .pic-title{font-size:var(--h-card);font-weight:var(--weight-display);color:#fff;letter-spacing:-.01em;line-height:1.2}main.dm-portfolio .pic-cta{letter-spacing:.08em;text-transform:uppercase;color:#fff0;align-items:center;gap:6px;margin-top:10px;font-size:11px;transition:color .3s;display:flex}main.dm-portfolio .pic-cta:after{content:"→"}main.dm-portfolio a.pic:hover .pic-cta{color:#ffffffbf}main.dm-portfolio .subnav{top:var(--nav-h);z-index:90;backdrop-filter:blur(10px);border-bottom:1px solid var(--border);-webkit-overflow-scrolling:touch;scrollbar-width:none;opacity:0;background:#f6f6f6f7;transition:opacity 2s cubic-bezier(.16,1,.3,1);display:block;position:sticky;overflow-x:auto}main.dm-portfolio .subnav::-webkit-scrollbar{display:none}main.dm-portfolio .subnav.subnav-visible{opacity:1}main.dm-portfolio .subnav-inner{width:max-content;min-width:100%;max-width:none;padding:0 var(--pad);margin:0 auto;display:flex}@media (width>=1581px){main.dm-portfolio .subnav-inner{width:var(--max);min-width:0}}main.dm-portfolio .subnav a{font-size:14px;font-weight:400;font-family:var(--font);color:var(--t3);padding:calc(14px - 7px*var(--shrink,0)) 18px;white-space:nowrap;border-bottom:2px solid #0000;line-height:1.2;text-decoration:none;transition:color .15s,border-color .15s,padding .1s linear}main.dm-portfolio .subnav a:hover,main.dm-portfolio .subnav a.active{color:var(--text);border-bottom-color:var(--border2)}main.dm-portfolio #hero{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='128' height='128'><polygon points='36,20 36,108 108,64' fill='black'/></svg>") 64 64,pointer;background:#111;height:100dvh;position:relative;overflow:hidden}main.dm-portfolio .hero-slider{will-change:transform;height:120%;position:absolute;top:0;left:0;right:0}main.dm-portfolio .hero-slide{object-fit:cover;filter:brightness(.55);opacity:0;width:100%;height:100%;transition:opacity 1.2s;position:absolute;inset:0}main.dm-portfolio .hero-slide.active{opacity:1}main.dm-portfolio .hero-content{z-index:2;max-width:var(--max);padding:0 var(--pad) 80px;flex-direction:column;justify-content:flex-end;height:100%;margin:0 auto;display:flex;position:relative}main.dm-portfolio .hero-h1{font-size:clamp(44px,5.6vw,84px);font-weight:var(--weight-display);letter-spacing:-.03em;color:#fff;max-width:920px;margin-bottom:24px;line-height:1.15}main.dm-portfolio .hero-h1 .line{display:block;overflow:hidden}main.dm-portfolio .hero-h1 .line>span{animation:1s cubic-bezier(.16,1,.3,1) forwards heroLineUp;display:inline-block;transform:translateY(112%)}main.dm-portfolio .hero-h1 .line:nth-child(2)>span{animation-delay:.14s}@keyframes heroLineUp{to{transform:translateY(0)}}main.dm-portfolio .hero-sub,main.dm-portfolio .hero-actions{opacity:0;animation:.9s cubic-bezier(.16,1,.3,1) forwards heroFadeUp;transform:translateY(18px)}main.dm-portfolio .hero-sub{animation-delay:.35s}main.dm-portfolio .hero-actions{animation-delay:.5s}@keyframes heroFadeUp{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){main.dm-portfolio .hero-h1 .line>span{animation:none;transform:none}main.dm-portfolio .hero-sub,main.dm-portfolio .hero-actions{opacity:1;animation:none;transform:none}}main.dm-portfolio .hero-sub{color:#ffffffb3;max-width:620px;margin-bottom:36px;font-size:clamp(15px,1.15vw,18px);font-weight:300;line-height:1.7}main.dm-portfolio .hero-actions{cursor:auto;gap:14px;display:flex}main.dm-portfolio .hero-arrows{display:none}main.dm-portfolio .hero-arrow{cursor:pointer;background:#0a0a0947;border:1px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}main.dm-portfolio .hero-arrow svg{filter:drop-shadow(0 1px 3px #00000080);width:20px;height:20px}main.dm-portfolio section.block{padding:var(--sec-pad) 0;background:var(--surface);border-bottom:1px solid var(--border)}main.dm-portfolio .block-head{margin-bottom:48px}main.dm-portfolio .reveal{opacity:0;transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1);transform:translateY(36px)}main.dm-portfolio .reveal.in-view{opacity:1;transform:translateY(0)}main.dm-portfolio .reveal-d1,main.dm-portfolio .reveal-d1.in-view{transition-delay:60ms}@media (prefers-reduced-motion:reduce){main.dm-portfolio .reveal{opacity:1;transition:none;transform:none}}main.dm-portfolio .block-head .lead{margin-top:14px}main.dm-portfolio .arten-wall{gap:var(--gap);height:540px;display:flex}main.dm-portfolio .arten-wall .art-card{flex:1;min-width:0;height:auto;transition:flex .85s cubic-bezier(.22,.61,.21,1);position:relative}main.dm-portfolio .arten-wall:hover .art-card:hover{flex:2.6}main.dm-portfolio .arten-wall .art-card img{transition:filter .6s,transform 1s cubic-bezier(.22,.61,.21,1)}main.dm-portfolio .arten-wall .pic-title,main.dm-portfolio .arten-wall .pic-cta{white-space:nowrap}main.dm-portfolio .arten-wall.reveal .art-card{opacity:0;transform:translateY(32px)}main.dm-portfolio .arten-wall.reveal.in-view .art-card{opacity:1;transition:flex .85s cubic-bezier(.22,.61,.21,1),opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);transform:translateY(0)}main.dm-portfolio .arten-wall.reveal.in-view .art-card:first-child{transition-delay:0s,50ms,50ms}main.dm-portfolio .arten-wall.reveal.in-view .art-card:nth-child(2){transition-delay:0s,.13s,.13s}main.dm-portfolio .arten-wall.reveal.in-view .art-card:nth-child(3){transition-delay:0s,.21s,.21s}main.dm-portfolio .arten-wall.reveal.in-view .art-card:nth-child(4){transition-delay:0s,.29s,.29s}main.dm-portfolio .arten-wall.reveal.in-view .art-card:nth-child(5){transition-delay:0s,.37s,.37s}@media (prefers-reduced-motion:reduce){main.dm-portfolio .arten-wall .art-card,main.dm-portfolio .arten-wall.reveal .art-card{opacity:1;transition:none;transform:none}}main.dm-portfolio .nutzen-grid{gap:var(--gap);grid-template-columns:repeat(4,1fr);display:grid}main.dm-portfolio .ms{font-family:Material Symbols Outlined;font-style:normal;font-weight:300;font-size:inherit;letter-spacing:normal;text-transform:none;white-space:nowrap;-webkit-font-smoothing:antialiased;direction:ltr;line-height:1;display:inline-block}main.dm-portfolio .feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);flex-direction:column;gap:10px;padding:28px 26px;transition:border-color .3s;display:flex;overflow:hidden}main.dm-portfolio .feature-card:hover{border-color:var(--border2)}main.dm-portfolio .feature-icon{color:var(--text);transition:transform .35s var(--ease);transform-origin:0;font-size:32px}main.dm-portfolio .feature-card:hover .feature-icon{transform:scale(1.18)}main.dm-portfolio .feature-card h3{font-size:16px;font-weight:var(--weight-medium);transition:font-size .25s var(--ease), color .25s;margin:0}main.dm-portfolio .feature-card p{color:var(--t2);margin:0;font-size:13px;line-height:1.65}main.dm-portfolio .lei-split{gap:var(--gap);grid-template-rows:1fr;grid-template-columns:1fr 1fr;align-items:stretch;height:640px;display:grid}main.dm-portfolio .lei-split .pic-large{height:100%;min-height:0;overflow:hidden}main.dm-portfolio .lei-tiles{gap:var(--gap);grid-template-rows:repeat(3,1fr);grid-template-columns:1fr 1fr;height:100%;min-height:0;display:grid;overflow:hidden}main.dm-portfolio .lei-tiles .pic{min-height:0}main.dm-portfolio .ablauf-layout{grid-template-columns:1fr 1fr;align-items:start;gap:64px;display:grid}main.dm-portfolio .ablauf-layout .pic{height:500px}main.dm-portfolio .step{border-bottom:1px solid var(--border);gap:24px;padding:18px 0;display:flex}main.dm-portfolio .step:first-child{padding-top:0}main.dm-portfolio .step:last-child{border-bottom:none}main.dm-portfolio .step-num{color:var(--t3);min-width:28px;font-size:13px;font-weight:var(--weight-medium);padding-top:2px}main.dm-portfolio .step h3{font-size:15px;font-weight:var(--weight-medium);margin-bottom:5px}main.dm-portfolio .step p{color:var(--t2);font-size:13px;line-height:1.6}main.dm-portfolio .step-note{color:var(--t3);margin-top:5px;font-size:12px}main.dm-portfolio .qual-layout{gap:var(--gap);grid-template-columns:1fr 1fr;align-items:stretch;display:grid}main.dm-portfolio .qual-cards{gap:var(--gap);grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;display:grid}main.dm-portfolio .format-chips{flex-wrap:wrap;gap:5px;margin-top:14px;display:flex}main.dm-portfolio .format-chip{border:1px solid var(--border2);border-radius:var(--r);color:var(--t2);padding:3px 10px;font-size:11px}main.dm-portfolio .qual-layout .pic{min-height:520px}main.dm-portfolio .preise-grid{gap:var(--gap);grid-template-columns:repeat(3,1fr);display:grid}main.dm-portfolio .pv-label{letter-spacing:.12em;text-transform:uppercase;color:var(--t3);border-top:1px solid var(--border);margin-top:0;padding:10px 0 20px;font-size:11px}main.dm-portfolio .pv-label-gap{margin-top:80px}main.dm-portfolio .pb-grid{column-gap:var(--gap);row-gap:var(--gap);grid-template-columns:1fr 1fr 56px 1fr 1fr;grid-template-areas:"headL headL.headR headR""t1 t2 div p1 p1""t3 t4 div p2 p2""t5 t6 div p3 p3";display:grid}main.dm-portfolio .pb-colhead-left{grid-area:headL}main.dm-portfolio .pb-colhead-right{grid-area:headR}main.dm-portfolio .pb-colhead{font-size:18px;font-weight:var(--weight-medium);color:var(--text);letter-spacing:0;margin-bottom:0;padding-bottom:24px}main.dm-portfolio .pb-divider{background:var(--border);grid-area:2/div/span 3;place-self:stretch center;width:1px}main.dm-portfolio .pb-t1{grid-area:t1}main.dm-portfolio .pb-t2{grid-area:t2}main.dm-portfolio .pb-t3{grid-area:t3}main.dm-portfolio .pb-t4{grid-area:t4}main.dm-portfolio .pb-t5{grid-area:t5}main.dm-portfolio .pb-t6{grid-area:t6}main.dm-portfolio .pb-prog{padding:4px 0}main.dm-portfolio .pb-p1{grid-area:p1}main.dm-portfolio .pb-p2{grid-area:p2}main.dm-portfolio .pb-p3{grid-area:p3}main.dm-portfolio .pb-prog-head{align-items:center;gap:14px;margin-bottom:10px;display:flex}main.dm-portfolio .pb-prog-head .ms{color:var(--text);font-size:36px}main.dm-portfolio .pb-prog-head h3{font-size:15px;font-weight:var(--weight-medium);margin:0}main.dm-portfolio .pb-prog p{color:var(--t2);font-size:13px;line-height:1.55}main.dm-portfolio .pb-prog-meta{color:var(--t3);margin-top:8px;font-size:11px}main.dm-portfolio .faq-layout{grid-template-columns:1fr 1fr;align-items:start;gap:64px;display:grid}main.dm-portfolio .faq-sidebar{top:calc(var(--nav-h) + var(--subnav-h) + 24px);position:sticky}main.dm-portfolio .faq-sidebar .pic{height:420px;margin-top:28px;position:relative}main.dm-portfolio .faq-cta-on-image{z-index:5;display:block;position:absolute;bottom:20px;left:20px}main.dm-portfolio .faq-cta-desktop{display:none}main.dm-portfolio .faq-item{border-top:1px solid var(--border);overflow:hidden}main.dm-portfolio .faq-item:last-child{border-bottom:1px solid var(--border)}main.dm-portfolio .faq-trigger{cursor:pointer;text-align:left;width:100%;font-family:var(--font);background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;display:flex}main.dm-portfolio .faq-q{color:var(--text);font-size:15px;font-weight:400}main.dm-portfolio .faq-icon{color:var(--t3);flex-shrink:0;font-size:36px;font-weight:300;line-height:1;transition:transform .25s}main.dm-portfolio .faq-item.open .faq-icon{transform:rotate(45deg)}main.dm-portfolio .faq-answer{max-height:0;transition:max-height .3s;overflow:hidden}main.dm-portfolio .faq-item.open .faq-answer{max-height:300px;padding-bottom:18px}main.dm-portfolio .faq-answer p{color:var(--t2);font-size:13px;line-height:1.65}main.dm-portfolio #anfrage{background:var(--text);padding:var(--sec-pad) 0}main.dm-portfolio #anfrage .display{color:#fff}main.dm-portfolio .kontakt-layout{grid-template-columns:1fr 360px;align-items:start;gap:80px;margin-top:48px;display:grid}main.dm-portfolio .form-group{flex-direction:column;gap:5px;margin-bottom:14px;display:flex}main.dm-portfolio .form-row-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}main.dm-portfolio label{color:#ffffff73;font-size:12px}main.dm-portfolio input[type=text],main.dm-portfolio input[type=email],main.dm-portfolio textarea,main.dm-portfolio select{border-radius:var(--r);width:100%;font-size:14px;font-family:var(--font);color:#fff;background:#ffffff0f;border:1px solid #ffffff26;outline:none;padding:12px 14px;transition:border-color .15s}main.dm-portfolio input:focus,main.dm-portfolio textarea:focus,main.dm-portfolio select:focus{border-color:#fff6}main.dm-portfolio input::placeholder,main.dm-portfolio textarea::placeholder{color:#ffffff40}main.dm-portfolio select option{color:#fff;background:#1c1c1a}main.dm-portfolio textarea{resize:none}main.dm-portfolio .kanal-chips{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}main.dm-portfolio .kanal-chip{border-radius:var(--r);color:#ffffff8c;cursor:pointer;font-size:12px;font-family:var(--font);background:0 0;border:1px solid #fff3;padding:6px 14px;transition:all .15s}main.dm-portfolio .kanal-chip.active{color:#fff;background:#ffffff24;border-color:#ffffff73}main.dm-portfolio .form-submit{align-items:center;gap:16px;margin-top:22px;display:flex}main.dm-portfolio .form-tel{color:#ffffff73;font-size:13px}main.dm-portfolio .kontakt-info-card{border-radius:var(--r);background:#ffffff0f;border:1px solid #ffffff1a;margin-bottom:10px;padding:24px}main.dm-portfolio .kontakt-info-card h3{color:#ffffffe6;font-size:13px;font-weight:var(--weight-medium);margin-bottom:6px}main.dm-portfolio .kontakt-info-card p{color:#ffffff73;font-size:12px;line-height:1.6}@media (width<=1200px){main.dm-portfolio{--pad:40px;--sec-pad:72px}main.dm-portfolio .nutzen-grid{grid-template-columns:1fr 1fr}main.dm-portfolio .lei-split{grid-template-columns:1fr;height:auto}main.dm-portfolio .lei-split .pic-large{height:420px}main.dm-portfolio .lei-tiles{height:auto}main.dm-portfolio .ablauf-layout,main.dm-portfolio .qual-layout,main.dm-portfolio .kontakt-layout{grid-template-columns:1fr;gap:40px}main.dm-portfolio .qual-layout .pic{min-height:360px}main.dm-portfolio .pb-grid{column-gap:var(--gap);row-gap:var(--gap);grid-template-columns:1fr 1fr;grid-template-areas:"headL headL""t1 t2""t3 t4""t5 t6""headR headR""p1 p1""p2 p2""p3 p3"}main.dm-portfolio .pb-divider{display:none}main.dm-portfolio .pb-colhead-right{border-top:1px solid var(--border);margin-top:48px;padding-top:32px;padding-bottom:24px}main.dm-portfolio .pb-prog:not(:last-child){border-bottom:1px solid var(--border);margin-bottom:24px;padding-bottom:24px}main.dm-portfolio .faq-layout{grid-template-columns:1fr;gap:40px}main.dm-portfolio .faq-sidebar{background:0 0;border-bottom:none;margin:0;padding:0;position:static}main.dm-portfolio .faq-sidebar h2.display{font-size:clamp(20px,5vw,32px)}main.dm-portfolio .faq-sidebar .pic{height:200px;margin-top:12px}}@media (width<=950px){main.dm-portfolio .arten-wall{flex-direction:column;height:auto;min-height:0}main.dm-portfolio .arten-wall .art-card{flex:none;height:144px;transition:height .6s cubic-bezier(.22,.61,.21,1)}main.dm-portfolio .arten-wall .art-card.open{height:340px}}@media (width<=1420px){main.dm-portfolio .nav-menu,main.dm-portfolio .lang-switch{display:none}main.dm-portfolio .hamburger{margin-left:auto;display:flex}main.dm-portfolio .mobile-drawer.open{display:flex}main.dm-portfolio .mega-panel{display:none!important}}@media (width<=885px){main.dm-portfolio .subnav{display:none}}@media (width<=780px){main.dm-portfolio{--pad:24px;--sec-pad:56px}main.dm-portfolio .arten-wall{flex-direction:column;height:auto;min-height:0}main.dm-portfolio .arten-wall .art-card{flex:none;height:144px;transition:height .6s cubic-bezier(.22,.61,.21,1)}main.dm-portfolio .arten-wall .art-card.open{height:340px}main.dm-portfolio .nutzen-grid{grid-template-columns:1fr}main.dm-portfolio .lei-tiles{grid-template-rows:auto;grid-template-columns:1fr 1fr}main.dm-portfolio .lei-tiles .pic{height:160px}main.dm-portfolio .form-row-2{grid-template-columns:1fr}main.dm-portfolio .footer-inner{flex-direction:column;gap:16px}main.dm-portfolio .hero-arrows{z-index:5;gap:10px;display:flex;position:absolute;bottom:28px;right:20px}}main.dm-portfolio .eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--t3);margin-bottom:14px;font-size:11px;display:block}main.dm-portfolio .eyebrow-w{color:#ffffff8c}main.dm-portfolio .subnav button{font-size:14px;font-weight:400;font-family:var(--font);color:var(--t3);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:14px 18px;line-height:1.2;transition:color .15s,border-color .15s}main.dm-portfolio .subnav button:hover,main.dm-portfolio .subnav button.active{color:var(--text);border-bottom-color:var(--border2)}main.dm-portfolio .subnav-static{opacity:1}main.dm-portfolio .subnav-count{color:var(--t3);white-space:nowrap;margin-left:auto;padding:14px 0 14px 18px;font-size:12px}main.dm-portfolio .pic-meta{letter-spacing:.06em;text-transform:uppercase;color:#ffffff8c;align-items:center;gap:10px;margin-top:6px;font-size:11px;display:flex}main.dm-portfolio .pic-meta span+span:before{content:"·";color:#ffffff59;margin-right:10px}main.dm-portfolio .proj-tags{flex-wrap:wrap;gap:5px;display:flex}main.dm-portfolio .proj-tag{border:1px solid var(--border2);border-radius:var(--r);color:var(--t2);padding:3px 10px;font-size:11px}main.dm-portfolio .client-wall{border-top:1px solid var(--border);border-left:1px solid var(--border);flex-wrap:wrap;gap:0;display:flex}main.dm-portfolio .client-wall span{border-right:1px solid var(--border);border-bottom:1px solid var(--border);letter-spacing:-.01em;min-width:160px;color:var(--t2);flex:20%;padding:26px 24px;font-size:clamp(16px,1.4vw,22px);font-weight:300;transition:color .25s,background .25s}main.dm-portfolio .client-wall span:hover{color:var(--text);background:var(--bg)}main.dm-portfolio .cta-split{grid-template-columns:1fr 1fr;align-items:end;gap:80px;margin-top:48px;display:grid}main.dm-portfolio .cta-actions{flex-wrap:wrap;gap:14px;display:flex}main.dm-portfolio .cta-note{color:#ffffff73;max-width:420px;font-size:13px;line-height:1.7}main.dm-portfolio .cta-note strong{color:#ffffffe6;margin-bottom:4px;font-weight:500;display:block}main.dm-portfolio .link-arrow{color:var(--text);font-size:13px;font-weight:var(--weight-medium);align-items:center;gap:8px;margin-top:22px;text-decoration:none;display:inline-flex}main.dm-portfolio .link-arrow:after{content:"→";transition:transform .25s var(--ease)}main.dm-portfolio .link-arrow:hover:after{transform:translate(4px)}main.dm-portfolio .link-arrow-w{color:#fff}main.dm-portfolio .cats-wall{height:420px}@media (width<=1200px){main.dm-portfolio .cta-split{grid-template-columns:1fr;gap:32px}}@media (width<=780px){main.dm-portfolio .client-wall span{flex-basis:50%;min-width:0;padding:18px 16px}}main.dm-portfolio .ptop{padding:calc(var(--nav-h) + 72px) 0 40px}main.dm-portfolio.light{padding-top:0}main.dm-portfolio .ptop-grid{grid-template-columns:1fr auto;align-items:end;gap:48px;display:grid}main.dm-portfolio .ptop h1{font-size:clamp(52px,7vw,120px);font-weight:var(--weight-display);letter-spacing:-.04em;line-height:.95}main.dm-portfolio .ptop h1 .line{display:block;overflow:hidden}main.dm-portfolio .ptop h1 .line>span{animation:1s cubic-bezier(.16,1,.3,1) forwards heroLineUp;display:inline-block;transform:translateY(112%)}main.dm-portfolio .ptop h1 .line:nth-child(2)>span{animation-delay:.12s}main.dm-portfolio .ptop h1 em{color:var(--t3);font-style:normal}main.dm-portfolio .ptop-side{opacity:0;max-width:380px;animation:.9s cubic-bezier(.16,1,.3,1) .35s forwards heroFadeUp;transform:translateY(18px)}main.dm-portfolio .ptop-side p{color:var(--t2);font-size:15px;line-height:1.7}main.dm-portfolio .ptop-num{align-items:baseline;gap:12px;margin-bottom:14px;display:flex}main.dm-portfolio .ptop-num strong{letter-spacing:-.03em;font-size:clamp(40px,4vw,64px);font-weight:300;line-height:1}main.dm-portfolio .ptop-num span{letter-spacing:.12em;text-transform:uppercase;color:var(--t3);font-size:12px}@media (prefers-reduced-motion:reduce){main.dm-portfolio .ptop h1 .line>span,main.dm-portfolio .ptop-side{opacity:1;animation:none;transform:none}}main.dm-portfolio .fbar{top:var(--nav-h);z-index:90;backdrop-filter:blur(14px);border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#fffe;position:sticky}main.dm-portfolio .fbar-inner{max-width:var(--max);padding:10px calc(var(--pad) + 8px) 10px var(--pad);align-items:flex-start;gap:0;min-height:56px;margin:0 auto;display:flex}main.dm-portfolio .fchips{flex-wrap:wrap;flex:1;align-items:center;gap:8px 6px;min-width:0;display:flex}main.dm-portfolio .fbtn{font-family:var(--font);font-size:13px;font-weight:var(--weight-medium);color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff59;border-radius:999px;flex:none;align-items:center;gap:7px;margin-right:10px;padding:6px 12px 6px 10px;transition:border-color .2s,background .2s;display:inline-flex}main.dm-portfolio .fbtn:hover{border-color:#fff}main.dm-portfolio .fbtn .ms{font-size:18px}main.dm-portfolio .fbtn .fbtn-arrow{transition:transform .25s var(--ease);font-size:18px}main.dm-portfolio .fbar.open .fbtn{background:#ffffff14;border-color:#fff}main.dm-portfolio .fbar.open .fbtn-arrow{transform:rotate(180deg)}main.dm-portfolio .fbar:not(.open) .chip:not(.active){display:none}main.dm-portfolio .fbar.open .chip{animation:chipIn .3s var(--ease) both;animation-delay:calc(var(--i,0) * 25ms)}@keyframes chipIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){main.dm-portfolio .fbar.open .chip{animation:none}}main.dm-portfolio .chip.active:after{content:"×";opacity:.6;margin-left:2px;font-size:15px;line-height:1}main.dm-portfolio .chip.active:hover:after{opacity:1}main.dm-portfolio .freset{font-family:var(--font);color:#fff9;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:7px 8px;font-size:12px;text-decoration:underline;display:none}main.dm-portfolio .freset:hover{color:#fff}main.dm-portfolio .freset.show{display:inline-block}main.dm-portfolio .chip{font-family:var(--font);color:var(--t2);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:13px;transition:color .2s,background .2s,border-color .2s;display:inline-flex}main.dm-portfolio .chip small{color:var(--t3);font-size:11px;transition:color .2s}main.dm-portfolio .chip:hover{color:var(--text);border-color:var(--border2)}main.dm-portfolio .chip.active{color:#fff;background:var(--text);border-color:var(--text)}main.dm-portfolio .chip.active small{color:#fff9}main.dm-portfolio .seg{border:1px solid var(--border2);border-radius:var(--r);display:inline-flex;overflow:hidden}main.dm-portfolio .seg button{font-family:var(--font);color:var(--t3);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:7px 12px;font-size:12px;transition:color .2s,background .2s;display:inline-flex}main.dm-portfolio .seg button+button{border-left:1px solid var(--border2)}main.dm-portfolio .seg button.active{color:var(--text);background:var(--s2)}main.dm-portfolio .seg .ms{font-size:16px}main.dm-portfolio .proj-hidden{display:none!important}main.dm-portfolio .empty{text-align:center;color:var(--t3);padding:96px 0;font-size:15px;display:none}main.dm-portfolio .empty.show{display:block}main.dm-portfolio .marquee{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:26px 0;overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}main.dm-portfolio .marquee-track{gap:64px;width:max-content;animation:38s linear infinite marquee;display:flex}main.dm-portfolio .marquee:hover .marquee-track{animation-play-state:paused}main.dm-portfolio .marquee-track span{letter-spacing:-.02em;color:var(--t2);white-space:nowrap;font-size:clamp(22px,2.4vw,36px);font-weight:300}main.dm-portfolio .marquee-track span:after{content:"·";color:var(--t3);margin-left:64px}@keyframes marquee{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){main.dm-portfolio .marquee-track{animation:none}}@media (width<=1200px){main.dm-portfolio .ptop-grid{grid-template-columns:1fr;gap:24px}}@media (width<=780px){main.dm-portfolio .ptop{padding-top:calc(var(--nav-h) + 40px)}}main.dm-portfolio{background:var(--text);color:#fff}main.dm-portfolio .ptop-dark h1{color:#fff}main.dm-portfolio .ptop-dark h1 em{color:#ffffff59}main.dm-portfolio .ptop-dark .ptop-side p{color:#ffffffb3}main.dm-portfolio .ptop-dark .ptop-num span{color:#ffffff73}main.dm-portfolio .fbar.fbar-dark{background:#161614ee;border-color:#ffffff1f}main.dm-portfolio .fbar-dark .chip{color:#ffffffb3}main.dm-portfolio .fbar-dark .chip small{color:#ffffff73}main.dm-portfolio .fbar-dark .chip:hover{color:#fff;border-color:#ffffff59}main.dm-portfolio .fbar-dark .chip.active{color:var(--text);background:#fff;border-color:#fff}main.dm-portfolio .fbar-dark .chip.active small{color:#00000080}main.dm-portfolio .stack{position:relative}main.dm-portfolio .card{top:calc(var(--nav-h) + 56px);height:calc(100vh - var(--nav-h) - 56px);background:var(--text);transform-origin:58.3333% 0;will-change:transform;border-top:1px solid #ffffff1f;grid-template-columns:7fr 5fr;min-height:560px;display:grid;position:sticky}main.dm-portfolio .card-media{position:relative;overflow:hidden}main.dm-portfolio .card-media img{object-fit:cover;width:100%;height:116%;position:absolute;inset:-8% 0}main.dm-portfolio .card-body{flex-direction:column;justify-content:flex-start;padding:56px 60px;display:flex;position:relative}main.dm-portfolio .card-num{letter-spacing:.14em;color:#ffffff73;align-items:center;gap:14px;margin-bottom:64px;font-size:12px;display:flex;position:relative}main.dm-portfolio .card-num:after{content:"";background:#ffffff40;width:64px;height:1px}main.dm-portfolio .card h2{letter-spacing:-.03em;margin-bottom:18px;font-size:clamp(28px,3vw,52px);font-weight:300;line-height:1.05}main.dm-portfolio .card-client{color:#fff9;margin-bottom:22px;font-size:13px}main.dm-portfolio .card-client strong{color:#fff;font-weight:var(--weight-medium)}main.dm-portfolio .card p.card-text{color:#ffffffb3;max-width:460px;margin-bottom:24px;font-size:15px;line-height:1.7}main.dm-portfolio .card .proj-tag{color:#ffffffb3;border-color:#ffffff40}main.dm-portfolio .card .link-arrow{color:#fff}main.dm-portfolio .card.light{color:var(--text);background:#fff}main.dm-portfolio .card.light .card-num{color:var(--t3)}main.dm-portfolio .card.light .card-num:after{background:var(--border2)}main.dm-portfolio .card.light .card-client{color:var(--t2)}main.dm-portfolio .card.light .card-client strong{color:var(--text)}main.dm-portfolio .card.light p.card-text{color:var(--t2)}main.dm-portfolio .card.light .proj-tag{color:var(--t2);border-color:var(--border2)}main.dm-portfolio .card.light .link-arrow{color:var(--text)}main.dm-portfolio .rv{z-index:60;mix-blend-mode:difference;color:#fff;opacity:0;pointer-events:none;flex-direction:column;align-items:flex-end;transition:opacity .4s;display:flex;position:fixed;top:calc(50% + 60px);transform:translateY(-50%)}main.dm-portfolio .rv.on{opacity:1;pointer-events:auto}main.dm-portfolio .rv-label{letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;opacity:.5;font-size:10px;position:absolute;bottom:calc(100% + 14px);right:0}main.dm-portfolio .rv button{font-family:var(--font);color:#fff;cursor:pointer;background:0 0;border:0;padding:0}main.dm-portfolio .ri{--s:1;justify-content:flex-end;align-items:center;gap:8px;width:64px;display:flex}main.dm-portfolio .ri-n{letter-spacing:.08em;font-variant-numeric:tabular-nums;transform:scale(var(--s));transform-origin:100%;font-size:13px;transition:transform .12s linear,opacity .2s}main.dm-portfolio .ri-t{height:1px;transition:width .3s var(--ease),opacity .2s;background:#fff;display:block}main.dm-portfolio .rv-dock .ri-n,main.dm-portfolio .rv-dock .ri-t{transition:none}main.dm-portfolio .rv-a{right:220px}main.dm-portfolio .rv-a .ri{height:min(20px,calc((100vh - 220px) / var(--n,30)))}main.dm-portfolio .rv-a .ri-n{opacity:calc((var(--s) - 1) * 4)}main.dm-portfolio .rv-a .ri-t{width:calc(10px * var(--s));opacity:.45}main.dm-portfolio .rv-a .ri.active .ri-n{opacity:1}main.dm-portfolio .rv-a .ri.active .ri-t{opacity:1;width:24px}main.dm-portfolio .rv-b{right:120px}main.dm-portfolio .rv-b-win{height:216px;overflow:hidden;mask-image:linear-gradient(#0000,#000 18% 82%,#0000)}main.dm-portfolio .rv-b-list{transition:transform .45s var(--ease)}main.dm-portfolio .rv-b .ri{height:24px}main.dm-portfolio .rv-b .ri-n{opacity:.45}main.dm-portfolio .rv-b .ri-t{width:0}main.dm-portfolio .rv-b .ri.active .ri-n{opacity:1}main.dm-portfolio .rv-b .ri.active .ri-t{width:18px}main.dm-portfolio .rv-arrow{opacity:.6;justify-content:flex-end;align-items:center;width:64px;height:28px;transition:opacity .2s;display:flex!important}main.dm-portfolio .rv-arrow:hover{opacity:1}main.dm-portfolio .rv-arrow .ms{font-size:20px}main.dm-portfolio .rv-c{align-items:flex-end;gap:6px;right:28px}main.dm-portfolio .rv-c-num{font-variant-numeric:tabular-nums;letter-spacing:.06em;align-items:baseline;gap:6px;display:flex}main.dm-portfolio .rv-c-num strong{font-size:20px;font-weight:400}main.dm-portfolio .rv-c-num span{opacity:.55;font-size:13px}main.dm-portfolio .rv-c-bar{background:#ffffff40;width:2px;height:140px;margin:4px 0;position:relative}main.dm-portfolio .rv-c-bar i{width:100%;height:var(--p,0%);transition:height .35s var(--ease);background:#fff;position:absolute;top:0;left:0}@media (prefers-reduced-motion:reduce){main.dm-portfolio .rv-b-list,main.dm-portfolio .rv-c-bar i{transition:none}}@media (width<=1200px){main.dm-portfolio .card{transform-origin:50% 0;height:auto;min-height:calc(100vh - var(--nav-h) - 56px);grid-template-rows:1fr auto;grid-template-columns:1fr}main.dm-portfolio .card-media{min-height:46vh}main.dm-portfolio .card-body{padding:40px}main.dm-portfolio .card-num{margin-bottom:24px}main.dm-portfolio .rv{display:none}}@media (width<=780px){main.dm-portfolio .card-body{padding:24px}}main.dm-portfolio .brands{color:var(--text);z-index:2;background:#fff;position:relative}main.dm-portfolio .brands .marquee{border-top:0}body.dm-portfolio-page{margin:0}main.dm-portfolio h1{font-size:clamp(52px,7vw,120px)!important}main.dm-portfolio .card h2{font-size:clamp(28px,3vw,52px)!important}main.dm-portfolio .display{font-size:var(--h-display)!important}main.dm-portfolio .ptop-side p,main.dm-portfolio .card p.card-text{font-size:15px!important;line-height:1.7!important}main.dm-portfolio .cta-note{font-size:16px!important;line-height:1.7!important}main.dm-portfolio .chip,main.dm-portfolio .fbtn,main.dm-portfolio .btn{font-size:13px!important}main.dm-portfolio .freset{font-size:12px!important}main.dm-portfolio .chip small{font-size:11px!important}main.dm-portfolio a:focus-visible,main.dm-portfolio button:focus-visible{outline-offset:4px;outline:2px solid}main.dm-portfolio .ms{flex:none;width:1em;height:1em;display:inline-block}@media (prefers-reduced-motion:reduce){main.dm-portfolio .reveal{opacity:1;transform:none}}main.dm-portfolio{--portfolio-nav-pad:60px}main.dm-portfolio .ptop>.wrap,main.dm-portfolio .fbar-inner{max-width:calc(1580px + 2 * var(--portfolio-nav-pad));padding-left:var(--portfolio-nav-pad);padding-right:var(--portfolio-nav-pad)}@media (width<=1280px){main.dm-portfolio{--portfolio-nav-pad:24px}}