.navigation a.answer{padding-top:8px}
/* MAM is a local design view; the accepted header and hero remain untouched. */
.mam-view{max-width:1600px;margin:auto;padding:84px 5.1% 72px;display:grid;grid-template-columns:1fr 1fr;column-gap:8%;align-items:start;min-height:calc(100vh - 126px)}
.mam-intro h1{font-size:clamp(42px,4.6vw,72px);font-weight:500;line-height:1.02;letter-spacing:-.052em;margin:0 0 42px;max-width:650px}
.mam-opening{font-size:clamp(17px,1.6vw,23px);line-height:1.45;color:var(--body);letter-spacing:-.025em;margin:0 0 70px;max-width:480px}
.mam-back{display:inline-block;font-size:12px;letter-spacing:.075em;padding:10px 0}
.mam-form{padding-top:5px;min-width:0}.mam-form label{display:block;font-size:18px;font-weight:500;margin:0 0 16px}
.mam-form textarea,.mam-form input{font:inherit;font-size:17px;line-height:1.5;color:var(--ink);background:white;border:1px solid var(--hairline);border-radius:0;width:100%;padding:18px 20px;box-shadow:none;outline-offset:4px}
.mam-form textarea{min-height:248px;resize:vertical;margin:0 0 32px}.mam-form input{border-width:0 0 1px;padding:12px 0 15px;margin:0 0 36px}.mam-form textarea:focus-visible,.mam-form input:focus-visible{outline:2px solid var(--accent)}
.mam-form textarea::placeholder,.mam-form input::placeholder{color:#647797;opacity:1}
.mam-submit{border:1px solid var(--accent);background:var(--accent);color:white;padding:16px 25px;font-size:14px;font-weight:600;letter-spacing:.08em;min-height:50px}.mam-submit:hover{color:white;background:var(--ink);border-color:var(--ink)}
#mam-prototype{color:var(--body);font-size:12px;line-height:1.5;margin:14px 0 0}.mam-response{border-top:1px solid var(--hairline);margin-top:30px;padding-top:22px}.mam-response-label{color:var(--body);font-size:10px;letter-spacing:.06em;line-height:1.6;margin:0 0 14px}.mam-response-copy{font-size:21px;font-weight:500;letter-spacing:-.025em;line-height:1.3;margin:0;max-width:460px}
@media(max-width:1150px){.mam-view{padding:64px 4% 60px;column-gap:6%}.mam-intro h1{font-size:4.8vw}}
@media(max-width:900px){.mam-view{padding-top:54px;column-gap:5%}.mam-intro h1{font-size:5.2vw}.mam-opening{font-size:17px}.mam-form label{font-size:16px}.mam-form textarea{min-height:230px}}
@media(max-width:640px){.mam-view{display:flex;flex-direction:column;padding:34px 6% 48px;gap:36px;min-height:0}.mam-intro,.mam-form{width:100%}.mam-intro h1{font-size:clamp(36px,9vw,56px);margin-bottom:25px;letter-spacing:-.055em}.mam-opening{font-size:17px;margin-bottom:20px}.mam-back{font-size:11px}.mam-form{padding:0}.mam-form textarea{min-height:210px;padding:15px;margin-bottom:27px;font-size:16px}.mam-form input{font-size:16px;margin-bottom:27px}.mam-form label{margin-bottom:12px}.mam-response-copy{font-size:20px}}

/* One discreet footer serves the hero and every local design view. */
.mam-view{min-height:calc(100vh - 126px - 170px)}
.mam-opening{margin-bottom:28px}.mam-call{font-size:15px;line-height:1.65;color:var(--body);margin:0 0 42px}.mam-call a{color:var(--accent);font-size:19px;letter-spacing:-.02em}
.shared-footer{display:block;padding:27px 0 25px}.footer-details{display:grid;grid-template-columns:1fr 1fr;column-gap:8%;row-gap:24px;margin-bottom:26px}.footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:16px;letter-spacing:0;line-height:1.4;color:var(--ink)}.footer-contact a{overflow-wrap:anywhere}.footer-company{display:flex;flex-direction:column;gap:3px;font-size:11px;font-style:normal;line-height:1.6;letter-spacing:0}.footer-company strong{font-size:12px;font-weight:500;color:var(--ink)}.footer-tagline{display:flex;justify-content:space-between;align-items:center}
@media(max-width:640px){.mam-view{min-height:0}.mam-opening{margin-bottom:20px}.mam-call{font-size:14px;margin-bottom:22px}.mam-call a{font-size:18px}.shared-footer{padding:24px 0}.footer-details{grid-template-columns:1fr;gap:22px;margin-bottom:24px}.footer-contact{font-size:16px}.footer-company{font-size:11px}.footer-tagline>span:first-child{max-width:270px}}

/* Friendly three-line question; the middle line leaves a quiet pause. */
.mam-intro h1{font-size:clamp(28px,4.2vw,64px);line-height:1.07;letter-spacing:-.045em}
.mam-intro h1>span{white-space:nowrap}.mam-intro h1 .mam-pause{font-size:.64em;font-weight:400;line-height:1.2;letter-spacing:-.025em;color:var(--body);margin:.18em 0 .3em}
html[lang=en] .mam-intro h1{font-size:clamp(24px,3.8vw,58px)}
.mam-opening{font-size:16px;line-height:1.53;letter-spacing:-.015em}
@media(max-width:1150px){.mam-opening{font-size:15px}}
@media(max-width:900px){.mam-opening{font-size:14px}}
@media(max-width:640px){.mam-intro h1{font-size:clamp(28px,8vw,38px)}html[lang=en] .mam-intro h1{font-size:clamp(23px,6.8vw,29px)}.mam-opening{line-height:1.57;letter-spacing:-.008em}}

/* Shared action row: logical source order, aligned desktop actions. */
.mam-intro h1 .mam-pause{margin:.225em 0 .255em}
@media(min-width:641px){.mam-view{grid-template-rows:auto auto auto;row-gap:0}.mam-intro{grid-column:1;grid-row:1}.mam-form{display:grid;grid-column:2;grid-row:1 / span 3;grid-template-rows:subgrid}.mam-fields{grid-row:1}.mam-submit-area{grid-row:2}.mam-response{grid-row:3}.mam-back{grid-column:1;grid-row:2;align-self:start;justify-self:start;min-height:51px;display:flex;align-items:center;padding:0}}
@media(max-width:640px){.mam-view>.mam-back{margin-top:4px;min-height:44px;padding:10px 0}}
/* Optical compensation for the smaller rasterized mobile letterforms. */
@media(min-width:381px) and (max-width:640px){html[lang=en] .mam-intro h1 .mam-pause{margin:.29em 0 .19em}}
@media(max-width:380px){.mam-intro h1 .mam-pause{margin:.175em 0 .305em}}

/* Pale panel around the local form only; shared desktop action row stays aligned. */
.mam-form{background:#f2f7ff;padding:28px;border-radius:0;box-shadow:none}
.mam-form input{margin-bottom:24px;padding-inline:20px}
@media(max-width:640px){.mam-form{padding:20px}.mam-form input{margin-bottom:20px;padding-inline:15px}}

/* Normal Turnstile300x65: never scale or clip its interactive contents. */
.mam-captcha{width:300px;min-height:65px;margin:0 0 20px;margin-left:min(0px,calc((100% - 300px)/2))}
/* On320px the normal widget extends slightly beyond panel padding, staying in the viewport. */

/* Shared viewport shell: short pages fill the window; long pages scroll naturally. */
body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
body>.header{width:100%;flex:none;margin-block:0}
body>main{width:100%;flex:1 0 auto;margin-block:0;min-height:0}
body>main.work-view{min-height:0}
body>.shared-footer{flex:none;margin-block:0}
.mam-view{min-height:0}
.mam-form textarea{min-height:360px}
@media(max-width:640px){.mam-form textarea{min-height:260px}}
@media(min-width:1600px){body>.shared-footer{width:100%}}

/* Responsive composition: remaining height surrounds the composition, 41% above /59% below. */
html body>main:not([hidden]){display:flex;flex-direction:column;justify-content:flex-start}
html body>main:not([hidden])::before,html body>main:not([hidden])::after{content:"";display:block;min-height:0;flex:1 0 0}
html body>main:not([hidden])::after{flex-grow:1.45}
html #jak-pracuje>.hero,html #mam>.mam-view{width:100%;flex:none;margin-block:0}
html .mam-view{padding-block:clamp(20px,calc(4dvh - 14px),44px)}
html .mam-form textarea{min-height:clamp(300px,calc(100dvh - 700px),520px)}
@media(min-width:1440px){
 html body>.shared-footer{width:calc(min(100vw,1760px) - 10.2vw);max-width:none;margin-inline:auto}
 html .header,html .hero,html .mam-view,html .about-page,html .problem-page,html .work-view{max-width:1760px}
 html .manifesto,html .mam-opening,html .about-copy,html .problem-answer p,html .problem-other p,html .work-copy{font-size:clamp(16px,calc(.416667vw + 10px),18px)}
 html .manifesto{max-width:clamp(483px,33.54vw,540px)}
 html .mam-form label{font-size:clamp(18px,calc(.416667vw + 12px),20px)}
 html .mam-form textarea,html .mam-form input{font-size:clamp(17px,calc(.208334vw + 14px),18px)}
 html .portfolio-art{max-height:min(46dvh,540px)}
 html .problem-response{min-height:clamp(210px,14vw,270px)}
}
@media(min-width:641px) and (max-height:780px){
 html .hero,html .mam-view,html .about-page,html .problem-page,html .work-view{padding-block:22px}
 html .mam-intro h1{margin-bottom:28px}
 html .mam-opening{margin-bottom:20px}
 html .mam-call{margin-bottom:24px}
}
@media(max-width:640px){
 html body>main:not([hidden])::before,html body>main:not([hidden])::after{content:none}
 html .mam-form textarea{min-height:clamp(260px,30dvh,340px)}
 html .mam-view{padding-block:28px}
}

main h1[tabindex="-1"]:focus-visible{outline:none}