/* The shorter DWUPLAN homepage and dedicated service pages. */
.dwoch-wordmark{display:block;width:128px;height:auto}.site-header .brand .dwoch-wordmark+small{font-size:6.5px;letter-spacing:1.4px;margin-top:4px}
@media(max-width:650px){.site-header .dwoch-wordmark{width:98px}.site-header .brand .dwoch-wordmark+small{font-size:5.3px;letter-spacing:1px;margin-top:3px}}
[data-brand=dwuplan] .site-header .brand>span{font-size:24px;letter-spacing:-1.3px}
[data-brand=dwuplan] .desktop-nav a[aria-current=page]{color:var(--accent)}
[data-brand=dwuplan] .footer-legal{justify-content:flex-end;padding-top:22px}
[data-brand=dwuplan] .footer-legal nav{flex-wrap:wrap;justify-content:flex-end}
[data-brand=dwuplan] .intro-identity>span{font-size:clamp(40px,10vw,150px);letter-spacing:-.065em;line-height:1.2}
[data-brand=dwuplan] .intro-identity>small{margin-top:20px;letter-spacing:2px}
.dp-opening{padding-top:27px;overflow:clip;background:radial-gradient(ellipse at 80% 50%,#2d371d40,transparent 45%)}
.dp-opening-top,.dp-opening-bottom{display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:1.7px;color:var(--muted)}
.dp-opening-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;padding:55px 0 60px}
.dp-opening h1{font-size:clamp(48px,5.8vw,98px);letter-spacing:-.065em;line-height:1.02;font-weight:500}
.dp-opening-copy>p{max-width:420px;font-size:14px;color:var(--muted);line-height:1.9;margin-top:27px}
.dp-opening-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:30px}
.dp-opening-actions .button{font-size:11px;padding:18px 23px;gap:25px}
.dp-opening-actions .text-link{font-size:11px}
.dp-opening-bottom{border-top:1px solid var(--line);padding:23px 0}
.dp-manifest{display:block;position:relative;padding:30px 0 20px;isolation:isolate;--mx:0px;--my:0px;transform:translate(var(--mx),var(--my));transition:transform .8s ease}
.dp-manifest-label{font-size:8px;letter-spacing:1.6px;color:var(--muted);margin-bottom:34px;max-width:300px}
.dp-manifest-line{position:relative;display:block;padding:15px 0 20px;isolation:isolate}
.dp-manifest-line:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,#d2f66a88,#d2f66a10);transform-origin:left;animation:dp-draw-line 1.1s .3s both}
.dp-manifest-line small{font-size:8px;letter-spacing:1.3px;color:var(--muted);display:block;margin-bottom:10px}
.dp-manifest-line strong{display:block;font-weight:500;font-size:clamp(33px,4.4vw,72px);letter-spacing:-.065em;line-height:1.07;animation:dp-word-in 1.1s .3s both}
.dp-manifest-line:nth-of-type(2) strong{-webkit-text-stroke:1px #acb39f;color:transparent}
.dp-manifest-line:nth-of-type(3){margin-left:10%}.dp-manifest-line:nth-of-type(3) strong{color:var(--ink);animation-delay:.65s}
.dp-manifest-line:nth-of-type(4){margin-left:20%}.dp-manifest-line:nth-of-type(4) strong{color:var(--accent);animation-delay:1s}
.dp-manifest-line:nth-of-type(3):after{animation-delay:.65s}.dp-manifest-line:nth-of-type(4):after{animation-delay:1s}
.dp-manifest-link{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;margin-top:30px;color:var(--muted)}
.dp-manifest-link>span{font-size:28px;color:var(--accent);transition:transform .35s}
.dp-manifest:hover .dp-manifest-link{color:var(--accent)}.dp-manifest:hover .dp-manifest-link>span{transform:translate(4px,-4px)}
.dp-small-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px}
.dp-small-heading h2,.dp-studio-teaser h2{font-size:clamp(36px,4.2vw,64px);line-height:1.08;letter-spacing:-.055em}
.dp-small-heading>p{max-width:285px;font-size:13px;color:var(--muted)}
.dp-small-heading .text-link{font-size:12px;flex-shrink:0}
.dp-offer-preview,.dp-work-preview{padding-top:80px;padding-bottom:75px;border-top:1px solid var(--line)}
.dp-offer-row{display:grid;grid-template-columns:40px 1fr .85fr 24px;gap:28px;align-items:center;padding:30px 0;border-top:1px solid var(--line);transition:padding .4s,color .4s,background .4s}
.dp-offer-row:last-child{border-bottom:1px solid var(--line)}
.dp-row-number{font-size:10px;color:var(--muted)}
.dp-offer-row h3{font-size:clamp(20px,2.3vw,34px);line-height:1.2;letter-spacing:-1px}
.dp-offer-row p{font-size:12px;color:var(--muted);max-width:350px;line-height:1.9}
.dp-offer-row>span:last-child{font-size:28px;color:var(--accent)}
.dp-offer-row:hover{padding-left:15px;padding-right:15px;background:#d2f66a07;color:var(--accent)}
.dp-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.dp-project-preview>div{padding:24px;background:#d8dccf;overflow:hidden}
.dp-project-preview:nth-child(2)>div{background:#d7d6e1}
.dp-project-preview img{width:100%;height:auto;display:block;transition:transform .7s var(--ease)}
.dp-project-preview:hover img{transform:scale(1.035)}
.dp-project-preview>span{position:relative;display:block;border-bottom:1px solid var(--line);padding:22px 35px 20px 0}
.dp-project-preview strong{display:block;font-size:25px;font-weight:500;letter-spacing:-.8px}
.dp-project-preview small{display:block;color:var(--muted);font-size:11px;margin-top:7px}
.dp-project-preview b{position:absolute;right:0;top:28px;font-size:26px;color:var(--accent);font-weight:400}
.dp-studio-teaser{padding-top:60px;padding-bottom:65px;border-top:1px solid var(--line);background:#182013}
.dp-studio-teaser>.eyebrow{color:var(--muted)}
.dp-studio-teaser>div{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%}
.dp-studio-teaser p{font-size:14px;line-height:1.9;color:var(--muted);max-width:420px;margin-bottom:20px}
.dp-studio-teaser .text-link{font-size:12px}
.dp-it-note{border-top:1px solid var(--line);padding-top:45px;padding-bottom:45px;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}
.dp-it-note .eyebrow{font-size:8px;color:var(--muted);margin-bottom:14px}
.dp-it-note h2{font-size:29px;letter-spacing:-1.1px;line-height:1.25}
.dp-it-note p{max-width:420px;color:var(--muted);font-size:12px;line-height:1.85}
.dp-it-note .text-link{font-size:11px;margin-top:15px}
.dp-next{padding-top:65px;padding-bottom:65px;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:end;background:var(--accent);color:var(--accent-ink)}
.dp-next .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:18px}
.dp-next h2{font-size:clamp(48px,6vw,88px);line-height:1.01;letter-spacing:-.065em}
.dp-next em{color:#4a6227}.dp-next p{max-width:370px;font-size:14px;line-height:1.9;color:#334822;margin-bottom:25px}
.dp-next .button{background:var(--accent-ink);color:var(--accent);font-size:12px}
.dp-page-heading{padding-top:85px;padding-bottom:65px;max-width:1450px}
.dp-page-heading>.eyebrow{color:var(--muted)}
.dp-page-heading h1{font-size:clamp(50px,7vw,108px);line-height:1.03;letter-spacing:-.065em}
.dp-page-heading>p{font-size:16px;line-height:1.9;max-width:650px;color:var(--muted);margin-top:30px}
.dp-all-offers{padding-bottom:75px}
.dp-editorial{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding-top:70px;padding-bottom:75px;border-top:1px solid var(--line)}
.dp-editorial .eyebrow{color:var(--accent);margin-bottom:25px}
.dp-editorial h2{font-size:26px;line-height:1.2;letter-spacing:-1px;margin-bottom:20px;max-width:310px}
.dp-editorial p{font-size:13px;line-height:1.9;color:var(--muted)}
.dp-code-statement{background:#1c2516;padding-top:65px;padding-bottom:70px}
.dp-code-statement>.eyebrow{color:var(--muted)}
.dp-code-statement h2{font-size:clamp(38px,5vw,74px);line-height:1.08;letter-spacing:-.06em}
.dp-code-statement>div{display:grid;grid-template-columns:1fr 1fr;gap:8%;max-width:1000px;margin-top:35px}
.dp-code-statement p{color:var(--muted);font-size:14px;line-height:1.9}
.dp-feature-section{border-top:1px solid var(--line);padding-top:10px;padding-bottom:70px}
.dp-media-banner{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;background:var(--accent);color:var(--accent-ink);padding-top:65px;padding-bottom:65px}
.dp-media-banner>p{font-size:clamp(44px,6vw,90px);line-height:1.03;letter-spacing:-.065em}.dp-media-banner em{color:#526c2c}
.dp-media-banner h2{font-size:30px;line-height:1.15;letter-spacing:-1px;margin-bottom:25px}
.dp-media-banner>div>p{font-size:14px;line-height:1.9;max-width:420px;color:#3b4f28}
.dp-inline-prompt{padding-top:60px;padding-bottom:70px;background:#1c2516}
.dp-inline-prompt h2{font-size:40px;letter-spacing:-1.5px}.dp-inline-prompt p{font-size:14px;color:var(--muted);max-width:650px;margin:20px 0 27px;line-height:1.9}
[data-brand=dwuplan] .section-heading h1,[data-brand=dwuplan] .dp-studio-heading h1{font-size:clamp(45px,6vw,88px);letter-spacing:-.06em;line-height:1.05}
[data-page=projekty] .work-section,[data-page=wspolpraca] .process-section{padding-top:85px;padding-bottom:80px}
[data-page=studio] .dp-studio{padding-top:85px;padding-bottom:75px}
[data-brand=dwuplan] .dp-common{display:block}
[data-brand=dwuplan] .dp-person-top{margin-bottom:30px}
[data-brand=dwuplan] .dp-person h3{margin-bottom:15px}
[data-page=studio] .dp-common p{max-width:850px}
.dp-contact-form{padding-top:0;padding-bottom:85px}
.dp-contact-form .project-goals{margin-top:0}
.dp-contact-form .contact-grid{margin-top:55px}
[data-brand=dwuplan].intro-playing .dp-opening h1,[data-brand=dwuplan].intro-playing .dp-opening-copy>p,[data-brand=dwuplan].intro-playing .dp-opening-actions{animation:dp-word-in 1.2s 1s both}
[data-brand=dwuplan].intro-playing .dp-manifest-line strong,[data-brand=dwuplan].intro-playing .dp-manifest-line:after{animation-delay:1.3s}
[data-brand=dwuplan].intro-playing .dp-manifest-line:nth-of-type(3) strong,[data-brand=dwuplan].intro-playing .dp-manifest-line:nth-of-type(3):after{animation-delay:1.65s}
[data-brand=dwuplan].intro-playing .dp-manifest-line:nth-of-type(4) strong,[data-brand=dwuplan].intro-playing .dp-manifest-line:nth-of-type(4):after{animation-delay:2s}
@keyframes dp-draw-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes dp-word-in{from{opacity:0;transform:translateY(20px);filter:blur(7px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@media(min-width:1800px){.dp-opening-grid{min-height:680px}}
@media(max-width:1000px){.dp-opening-grid{gap:6%}.dp-opening-actions{gap:18px}.dp-opening-actions .button{font-size:10px;padding:16px 18px}.dp-manifest-line strong{font-size:4.5vw}.dp-offer-row{gap:20px;grid-template-columns:25px 1fr .9fr 20px}.dp-offer-row h3{font-size:23px}.dp-offer-row p{font-size:11px}.dp-editorial{gap:30px}.dp-editorial h2{font-size:23px}.dp-next .button{font-size:11px}.dp-page-heading h1{font-size:7vw}}
@media(max-width:650px){[data-brand=dwuplan] .site-header .brand>span{font-size:22px}.dp-opening{padding-top:23px}.dp-opening-top{font-size:6.5px;letter-spacing:1.1px}.dp-opening-top>span:last-child{display:none}.dp-opening-grid{grid-template-columns:1fr;gap:35px;padding-top:35px;padding-bottom:30px}.dp-opening h1{font-size:14vw;line-height:1.02}.dp-opening-copy>p{font-size:13px;line-height:1.85;margin-top:23px}.dp-opening-actions{margin-top:24px;gap:18px}.dp-opening-actions .text-link{font-size:10px}.dp-manifest{padding-top:25px;border-top:1px solid var(--line)}.dp-manifest-label{margin-bottom:20px;font-size:7px}.dp-manifest-line{padding:12px 0 15px}.dp-manifest-line small{font-size:7px;margin-bottom:7px}.dp-manifest-line strong{font-size:10.5vw}.dp-manifest-link{margin-top:20px;font-size:11px}.dp-opening-bottom{font-size:6.5px;letter-spacing:1px}.dp-opening-bottom>span:last-child{display:none}.dp-small-heading{display:block;margin-bottom:28px}.dp-small-heading h2,.dp-studio-teaser h2{font-size:37px}.dp-small-heading>p{font-size:12px;margin-top:20px;max-width:350px}.dp-small-heading .text-link{margin-top:18px;font-size:11px}.dp-offer-preview,.dp-work-preview{padding-top:50px;padding-bottom:50px}.dp-offer-row{grid-template-columns:24px 1fr 20px;gap:12px;padding:24px 0}.dp-offer-row h3{font-size:22px;grid-column:2;line-height:1.25}.dp-offer-row .dp-row-number{align-self:start;padding-top:6px;font-size:9px}.dp-offer-row p{grid-column:2;grid-row:2;font-size:12px}.dp-offer-row>span:last-child{grid-column:3;grid-row:1;font-size:24px}.dp-offer-row:hover{padding-left:4px;padding-right:4px}.dp-preview-grid{grid-template-columns:1fr;gap:28px}.dp-project-preview>div{padding:16px}.dp-project-preview strong{font-size:24px}.dp-project-preview small{font-size:11px}.dp-studio-teaser{padding-top:45px;padding-bottom:45px}.dp-studio-teaser>div{grid-template-columns:1fr;gap:24px}.dp-studio-teaser p{font-size:13px}.dp-it-note{grid-template-columns:1fr;gap:22px;padding-top:35px;padding-bottom:40px}.dp-it-note h2{font-size:27px}.dp-it-note p{font-size:12px}.dp-next{grid-template-columns:1fr;gap:28px;padding-top:45px;padding-bottom:45px}.dp-next h2{font-size:55px}.dp-next p{font-size:13px}.dp-next .button{font-size:11px}.dp-page-heading{padding-top:48px;padding-bottom:40px}.dp-page-heading h1{font-size:clamp(37px,10.3vw,61px)}.dp-page-heading>p{font-size:13px;margin-top:25px}.dp-page-heading>.eyebrow{font-size:7px;line-height:1.8;letter-spacing:1.3px}.dp-all-offers{padding-bottom:45px}.dp-editorial{grid-template-columns:1fr;gap:35px;padding-top:45px;padding-bottom:45px}.dp-editorial .eyebrow{margin-bottom:15px}.dp-editorial h2{font-size:26px;margin-bottom:15px}.dp-editorial p{font-size:13px}.dp-code-statement{padding-top:45px;padding-bottom:45px}.dp-code-statement h2{font-size:34px}.dp-code-statement>div{grid-template-columns:1fr;gap:20px;margin-top:25px}.dp-code-statement p{font-size:13px}.dp-feature-section{padding-bottom:45px}.dp-media-banner{grid-template-columns:1fr;gap:35px;padding-top:40px;padding-bottom:45px}.dp-media-banner>p{font-size:14vw}.dp-media-banner h2{font-size:30px}.dp-media-banner>div>p{font-size:13px}.dp-inline-prompt{padding-top:40px;padding-bottom:45px}.dp-inline-prompt h2{font-size:33px}.dp-inline-prompt p{font-size:13px}[data-brand=dwuplan] .section-heading h1,[data-brand=dwuplan] .dp-studio-heading h1{font-size:40px}[data-page=projekty] .work-section,[data-page=wspolpraca] .process-section,[data-page=studio] .dp-studio{padding-top:50px;padding-bottom:50px}.dp-contact-form{padding-bottom:50px}.dp-contact-form .contact-grid{margin-top:35px}[data-brand=dwuplan] .footer-legal{justify-content:flex-start}[data-brand=dwuplan] .footer-legal nav{justify-content:flex-start;gap:16px}}
@media(max-width:650px){.dp-opening h1{font-size:12.2vw}}
@media(prefers-reduced-motion:reduce){.dp-manifest{transform:none!important}.dp-manifest-line strong,.dp-manifest-line:after{animation:none!important}}
