@media (max-width: 1120px) {
    .section-space { padding-block: 105px; }
    .home-hero-grid { grid-template-columns: .8fr 1.2fr; gap: 35px; }
    .hero-product { width: 710px; }
    .home-hero-copy h1 { font-size: 62px; }
    .float-panel-two { right: 10px; }
    .founder-hero { min-height: 440px; }
    .founder-photo { width: 180px; height: 180px; }
    .direct-studio-grid { gap: 65px; }
    .workspace-journey { grid-template-columns: .8fr 1.2fr 1fr; padding-inline: 22px; }
    .workspace-conversation { padding-inline: 17px; }
    .workspace-context { padding-right: 17px; }
    .workspace-delivery { padding-left: 17px; }
    .about-story-grid, .contact-grid { gap: 70px; }
    .clarity-composition { grid-template-columns: minmax(220px,.68fr) 65px minmax(390px,1.32fr); padding-inline: 38px; }
    .clarity-structure-main { padding: 48px 42px; }
    .web-design-foundation-grid, .web-design-outcome-grid { gap: 70px; }
    .organisation-composition { grid-template-columns: minmax(260px,.82fr) 75px minmax(340px,1.18fr); padding-inline: 35px; }
    .organisation-settled { padding-inline: 28px; }
    .solutions-afterwards-grid { gap: 75px; }
    .fit-composition { grid-template-columns: minmax(165px,.6fr) minmax(215px,.82fr) 70px minmax(320px,1.18fr); padding-inline: 32px; }
    .fit-rigid { width: 170px; }
    .fit-needs-loose { transform: scale(.9); transform-origin: center; }
    .fit-needs-settled .fit-piece-wide { left: 120px; width: calc(100% - 225px); }
    .solution-growth-grid { gap: 70px; }
    .portfolio-sheet.front { left: 95px; }
}

@media (max-width: 920px) {
    .section-space { padding-block: 90px; }
    .home-services.section-space, .real-work.section-space, .direct-studio.section-space, .process-preview.section-space { padding-block: 84px; }
    .home-hero { min-height: auto; padding: 150px 0 75px; }
    .home-hero-grid { grid-template-columns: 1fr; }
    .home-hero-copy { max-width: 720px; }
    .home-hero-copy h1 { font-size: clamp(54px, 9vw, 76px); }
    .hero-product { width: 100%; margin-top: 40px; transform: none; }
    .founder-hero { min-height: 410px; margin-top: 42px; }
    .founder-photo { width: 170px; height: 170px; }
    .project-showcase { max-width: 620px; grid-template-columns: 1fr; margin-inline: auto; }
    .business-service-card { min-height: 420px; padding: 29px; }
    .business-service-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .business-service-card:last-child { grid-column: 1 / -1; width: calc((100% - 17px)/2); justify-self: center; }
    .direct-studio-grid { grid-template-columns: 1fr; gap: 55px; }
    .direct-studio-copy { max-width: 680px; }
    .direct-studio-visual { max-width: 760px; width: 100%; }
    .app-shell { height: 500px; }
    .section-intro { grid-template-columns: 1fr; gap: 24px; }
    .section-intro > p { max-width: 590px; }
    .work-preview-grid, .solution-preview-grid, .about-story-grid { grid-template-columns: 1fr; gap: 65px; }
    .work-preview-copy, .solution-preview-copy, .about-story-copy { max-width: 680px; }
    .solution-orbit { max-width: 620px; width: 100%; margin: 0 auto; }
    .contact-grid { grid-template-columns: 1fr; gap: 60px; }
    .contact-aside { position: static; max-width: 650px; }
    .contact-composition { grid-template-columns: 1fr; gap: 65px; }
    .contact-next { position: static; }
    .contact-next-points { display: grid; grid-template-columns: repeat(3,1fr); }
    .contact-next-points li { display: grid; padding: 21px 22px; border-right: 1px solid var(--line-strong); border-bottom: 0; }
    .contact-next-points li:first-child { padding-left: 0; }
    .contact-next-points li:last-child { padding-right: 0; border-right: 0; }
    .capability-grid { grid-template-columns: repeat(2, 1fr); }
    .services-overview-page .page-hero { padding-bottom: 85px; }
    .service-story { min-height: 350px; grid-template-columns: minmax(0,1fr) minmax(290px,.75fr); gap: 45px; padding: 58px 18px; }
    .service-story h2 { font-size: clamp(37px,5.5vw,50px); }
    .service-story-art { height: 205px; transform: scale(.9); }
    .service-story:hover .service-story-art { transform: scale(.9) translateY(-3px); }
    .web-design-hero { min-height: 680px; padding: 160px 0 100px; }
    .clarity-composition { grid-template-columns: minmax(190px,.62fr) 50px minmax(350px,1.38fr); margin-top: 60px; padding: 45px 25px; }
    .clarity-structure-main { width: 91%; min-height: 360px; padding: 42px 34px; }
    .clarity-structure-mobile { width: 126px; height: 238px; }
    .web-design-foundation-grid, .web-design-outcome-grid { grid-template-columns: 1fr; gap: 58px; }
    .web-design-foundation-copy, .web-design-outcome-copy { max-width: 720px; }
    .design-questions { max-width: 680px; }
    .design-screen-motif { width: min(100%,680px); }
    .web-design-closing-inner { align-items: start; flex-direction: column; gap: 38px; }
    .custom-solutions-hero { min-height: 690px; padding: 160px 0 105px; }
    .fit-composition { grid-template-columns: minmax(145px,.55fr) minmax(190px,.78fr) 50px minmax(285px,1.25fr); margin-top: 60px; padding: 45px 24px; }
    .fit-rigid { width: 145px; height: 285px; padding: 13px; }
    .fit-needs-loose { transform: scale(.8); }
    .fit-outline { height: 360px; }
    .fit-needs-settled .fit-piece-long { left: 25px; width: calc(100% - 50px); }
    .fit-needs-settled .fit-piece-wide { left: 105px; width: calc(100% - 195px); }
    .solution-growth-grid { grid-template-columns: 1fr; gap: 58px; }
    .solution-growth-copy { max-width: 720px; }
    .growth-composition { width: min(100%,680px); }
    .custom-solutions-closing-inner { align-items: start; flex-direction: column; gap: 38px; }
    .solutions-hero { min-height: 680px; padding: 160px 0 100px; }
    .organisation-composition { grid-template-columns: minmax(220px,.7fr) 55px minmax(310px,1.3fr); margin-top: 60px; padding: 45px 25px; }
    .organisation-scattered { height: 340px; transform: scale(.9); transform-origin: center; }
    .organisation-settled { min-height: 370px; padding: 28px 24px; }
    .solutions-afterwards-grid { grid-template-columns: 1fr; gap: 58px; }
    .solutions-afterwards-copy { max-width: 720px; }
    .afterwards-statements { max-width: 680px; }
    .solutions-closing-inner { align-items: start; flex-direction: column; gap: 38px; }
    .work-overview-page .page-hero { padding-bottom: 90px; }
    .work-project { min-height: 480px; grid-template-columns: minmax(0,1.05fr) minmax(300px,.8fr); gap: 55px; padding-block: 68px; }
    .work-project:nth-child(even) { grid-template-columns: minmax(300px,.8fr) minmax(0,1.05fr); }
    .work-project-copy h2 { font-size: clamp(45px,6vw,58px); }
    .work-closing-inner { gap: 55px; }
    .about-intro { min-height: 680px; }
    .about-founder-grid { gap: 65px; }
    .about-founder-portrait { max-width: 420px; }
    .about-ownership-copy { gap: 42px; }
    .about-position-statement { gap: 65px; }
    .contact-composition { gap: 65px; }
    .contact-form-panel { padding: 46px; }
    .skills-columns > div { padding-inline: 25px; }
    .footer-grid { grid-template-columns: 1fr; gap: 45px; }
}

@media (max-width: 820px) {
    .container { width: min(calc(100% - 32px), var(--max-width)); }
    .site-header { padding: 8px 0; background: transparent; border: 0; backdrop-filter: none; }
    .nav-frame { min-height: 56px; grid-template-columns: 1fr auto; padding: 6px 7px 6px 12px; border-color: rgba(218,222,232,.9); background: rgba(255,255,255,.9); box-shadow: 0 10px 32px rgba(23,31,51,.07); backdrop-filter: blur(18px); }
    .nav-contact { display: none; }
    .language-switcher { right: 58px; }
    .nav-toggle { display: block; }
    .nav-toggle[aria-expanded="true"] i:first-of-type { transform: translateY(3px) rotate(45deg); }
    .nav-toggle[aria-expanded="true"] i:last-of-type { transform: translateY(-3px) rotate(-45deg); }
    .primary-nav { position: fixed; z-index: 99; top: 76px; left: 16px; right: 16px; display: flex; flex-direction: column; align-items: stretch; gap: 2px; padding: 10px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.96); box-shadow: 0 22px 55px rgba(23,32,53,.15); opacity: 0; visibility: hidden; transform: translateY(-8px); transition: opacity .25s, visibility .25s, transform .25s; backdrop-filter: blur(20px); }
    .primary-nav.is-open { opacity: 1; visibility: visible; transform: none; }
    .primary-nav a { padding: 13px 12px; border-bottom: 1px solid var(--line); font-size: 14px; }
    .primary-nav a:last-child { border-bottom: 0; }
    .primary-nav a::after { display: none; }
    .cookie-banner { width: calc(100% - 32px); bottom: 16px; grid-template-columns: 1fr; gap: 20px; padding: 24px; }
    .cookie-banner-actions { width: 100%; }
    .cookies-hero { padding: 150px 0 82px; }
    .cookies-definition, .cookies-section-heading, .cookies-settings-section { grid-template-columns: 1fr; gap: 28px; }
    .cookies-definition { padding-bottom: 60px; }
    .cookies-registry-section, .cookies-optional, .cookies-settings-section, .cookies-policy-footer { padding: 60px 0; }
    .cookies-settings-section { gap: 40px; }
    .cookies-policy-footer { align-items: start; flex-direction: column; }
    .page-hero { padding: 155px 0 90px; }
    .feature-card-design { grid-template-columns: 1fr; min-height: 750px; }
    .design-canvas { align-self: auto; justify-self: end; height: 340px; }
    .case-structure { grid-template-columns: repeat(2, 1fr); }
    .case-structure article:nth-child(2) { border-right: 0; }
    .case-structure article:nth-child(-n+2) { border-bottom: 1px solid var(--line-strong); }
    .clarity-composition { grid-template-columns: 1fr; gap: 0; padding: 42px 30px 55px; }
    .clarity-fragments { width: min(100%,440px); height: 185px; margin-inline: auto; }
    .clarity-fragment-service { top: 62px; }
    .clarity-fragment-detail { bottom: 20px; }
    .clarity-fragment-action { bottom: 2px; }
    .clarity-path { width: 1px; height: 58px; justify-self: center; background: linear-gradient(180deg,#dfe2e9,rgba(99,91,255,.65)); }
    .clarity-path::before,.clarity-path::after { top: auto; left: 50%; transform: translateX(-50%) rotate(45deg); }
    .clarity-path::before { top: -2px; }.clarity-path::after { right: auto; bottom: -2px; }
    .clarity-path i { top: auto; right: auto; bottom: 15%; left: 50%; width: 1px; height: 18px; transform: translateX(-50%); }
    .clarity-structure { width: min(100%,600px); margin: 18px auto 0; }
    .organisation-composition { grid-template-columns: 1fr; gap: 0; padding: 40px 30px 55px; }
    .organisation-scattered { width: min(100%,450px); height: 255px; margin-inline: auto; transform: scale(.92); }
    .organisation-path { width: 1px; height: 58px; justify-self: center; background: linear-gradient(180deg,#dfe3e9,rgba(99,91,255,.66)); }
    .organisation-path::before,.organisation-path::after { top: auto; left: 50%; transform: translateX(-50%) rotate(45deg); }
    .organisation-path::before { top: -2px; }.organisation-path::after { right: auto; bottom: -2px; }
    .organisation-path i { top: auto; left: 50% !important; width: 4px; height: 4px; transform: translate(-50%,-50%); }.organisation-path i:nth-child(1){top:24%}.organisation-path i:nth-child(2){top:50%}.organisation-path i:nth-child(3){top:76%}
    .organisation-settled { width: min(100%,570px); min-height: 360px; margin: 18px auto 0; }
    .friction-situations { grid-template-columns: 1fr; }
    .friction-situations p,.friction-situations p:nth-child(even) { min-height: 100px; padding: 24px 0; border-right: 0; }
    .friction-closing { margin-left: 0; }
    .fit-composition { grid-template-columns: 1fr 1fr; gap: 0 18px; padding: 42px 30px 55px; }
    .fit-rigid { justify-self: end; width: min(100%,190px); height: 290px; }
    .fit-needs-loose { width: min(100%,230px); height: 290px; transform: scale(.82); }
    .fit-bridge { grid-column: 1 / -1; width: 1px; height: 60px; justify-self: center; background: linear-gradient(180deg,#dfe3e9,rgba(99,91,255,.67)); }
    .fit-bridge::before,.fit-bridge::after { top: auto; left: 50%; transform: translateX(-50%) rotate(45deg); }.fit-bridge::before{top:-2px}.fit-bridge::after{right:auto;bottom:-2px}
    .fit-bridge i { top: auto; right: auto; bottom: 24%; left: 50%; width: 1px; height: 18px; transform: translateX(-50%); }
    .fit-outline { grid-column: 1 / -1; width: min(100%,500px); margin: 20px auto 0; }
    .needs-sequence { grid-template-columns: 1fr; }
    .needs-sequence p,.needs-sequence p:nth-child(even) { min-height: 100px; padding: 24px 0; border-left: 0; }
    .needs-sequence p:nth-last-child(2) { border-bottom: 0; }.needs-sequence p:last-child{border-bottom:1px solid var(--line-strong)}
    .specific-needs-closing { margin-left: 0; }
}

@media (max-width: 560px) {
    .footer-utility-links { align-items: flex-end; flex-direction: column; gap: 10px; }
    .cookie-banner { max-height: calc(100vh - 32px); overflow-y: auto; padding: 21px 19px; border-radius: 15px; }
    .cookie-banner h2 { font-size: 22px; }
    .cookie-banner-actions { grid-template-columns: 1fr; }
    .cookie-customize-link { grid-column: auto; }
    .cookie-preferences { width: calc(100% - 24px); max-height: calc(100vh - 24px); border-radius: 16px; }
    .cookie-dialog-heading { padding: 23px 20px 0; }
    .cookie-preferences > p { margin: 12px 20px 18px; }
    .cookie-preferences form { padding: 0 20px; }
    .cookie-category > div { align-items: start; flex-direction: column; gap: 7px; }
    .cookie-preference-actions { grid-template-columns: 1fr; }
    .cookie-feedback { left: 16px; right: 16px; bottom: 16px; }
    .cookies-hero h1 { font-size: 43px; }
    .cookies-optional-list { grid-template-columns: 1fr; }
    .cookies-page-form { padding: 22px 18px; }
}

@media (max-width: 640px) {
    .section-space { padding-block: 75px; }
    .home-services.section-space, .real-work.section-space, .direct-studio.section-space, .process-preview.section-space { padding-block: 70px; }
    .wordmark-text { display: none; }
    .footer-grid { padding-top: 58px; padding-bottom: 50px; }
    .home-hero { padding-top: 135px; }
    .home-hero-copy h1 { font-size: clamp(46px, 13vw, 62px); }
    .home-hero-copy > p:not(.eyebrow), .page-hero-intro { font-size: 16px; }
    .button-row { align-items: flex-start; flex-direction: column; gap: 18px; }
    .hero-product { width: 148%; max-width: none; margin-left: -8%; }
    .founder-hero { min-height: 345px; margin-top: 34px; }
    .founder-photo { width: 145px; height: 145px; }
    .founder-hero > p { margin-top: 23px; font-size: 29px; }
    .founder-services { flex-wrap: wrap; gap: 9px 22px; margin-top: 26px; }
    .founder-services span { font-size: 10px; }
    .founder-services span + span::before { left: -12px; }
    .business-service-grid { grid-template-columns: 1fr; }
    .business-service-card:last-child { grid-column: auto; width: auto; justify-self: stretch; }
    .business-service-card { min-height: 400px; padding: 28px; }
    .business-service-card h3 { font-size: 28px; }
    .project-showcase { grid-template-columns: 1fr; gap: 20px; }
    .project-visual { aspect-ratio: 1.6 / 1; }
    .project-content { padding: 20px; }
    .project-title-row strong { font-size: 24px; }
    .collaboration-workspace { border-radius: 18px; }
    .workspace-header { padding-inline: 16px; }
    .workspace-journey { grid-template-columns: 1fr; min-height: 0; padding: 24px 20px 29px 46px; }
    .workspace-context,.workspace-conversation,.workspace-delivery { padding: 8px 0 28px; border: 0; }
    .workspace-conversation,.workspace-delivery { padding-top: 22px; border-top: 1px solid #e1e5ed; }
    .workspace-label { margin-bottom: 14px; }
    .workspace-context ul { grid-template-columns: repeat(3,1fr); gap: 7px; margin-top: 14px; }
    .workspace-context li { padding-left: 10px; font-size: 10px; }
    .workspace-conversation { margin-top: 1px; }
    .conversation-note { max-width: 390px; }
    .workspace-delivery { padding-bottom: 10px; }
    .delivery-stages { grid-template-columns: repeat(3,1fr); margin-top: 13px; border-block: 1px solid #e4e7ee; }
    .delivery-stages span { padding: 8px 5px 8px 13px; border-right: 1px solid #e4e7ee; border-bottom: 0; }
    .delivery-stages span:last-child { border-right: 0; }
    .workspace-path { top: 40px; right: auto; bottom: 40px; left: 20px; width: 1px; height: auto; background: linear-gradient(180deg,rgba(99,91,255,.08),rgba(99,91,255,.58) 52%,rgba(0,115,230,.3)); }
    .workspace-path i { top: auto; left: 50% !important; transform: translate(-50%,-50%) rotate(45deg); }.workspace-path i:nth-child(1){top:0}.workspace-path i:nth-child(2){top:51%}.workspace-path i:nth-child(3){top:100%}
    .workspace-footer { padding-inline: 16px; }
    .browser-frame { border-radius: 13px; }
    .app-shell { height: 410px; }
    .app-sidebar { width: 47px; }
    .app-content { padding: 22px; }
    .app-summary { grid-template-columns: 1fr 1fr; }
    .float-panel { display: none; }
    .section-intro h2, .work-preview-copy h2, .solution-preview-copy h2 { font-size: 38px; }
    .service-feature-grid { grid-template-columns: 1fr; }
    .feature-card-design { grid-column: auto; min-height: 680px; }
    .feature-card { min-height: 470px; }
    .feature-card-copy { padding: 30px; }
    .feature-card-copy h3 { font-size: 26px; }
    .design-type { padding: 45px 32px; }
    .design-type strong { font-size: 30px; }
    .work-preview-grid, .solution-preview-grid { gap: 45px; }
    .work-overview-page .page-hero { padding-bottom: 70px; }
    .work-project, .work-project:nth-child(even) { min-height: 0; grid-template-columns: 1fr; gap: 38px; padding: 62px 0; }
    .work-project:nth-child(even) .work-project-visual, .work-project:nth-child(even) .work-project-copy { order: initial; }
    .work-project-visual { width: 100%; max-width: 680px; }
    .work-project-copy { max-width: 620px; }
    .work-project-copy > p:not(.work-project-category) { font-size: 13px; }
    .work-closing { padding-block: 75px; }
    .work-closing-inner { grid-template-columns: 1fr; align-items: start; gap: 30px; }
    .work-closing-inner > div:last-child { max-width: 520px; justify-self: start; }
    .solution-orbit { height: 430px; }
    .orbit-core { width: 105px; height: 105px; font-size: 12px; }
    .orbit-item { width: 82px; }
    .case-structure { grid-template-columns: 1fr; }
    .case-structure article, .case-structure article:nth-child(2) { min-height: 170px; border-right: 0; border-bottom: 1px solid var(--line-strong); }
    .process-timeline { padding-top: 0; }
    .process-track { top: 10px; right: auto; bottom: 10px; left: 10px; width: 2px; height: auto; }
    .process-track-fill { transform-origin: center top; }
    .process-steps { grid-template-columns: 1fr; gap: 28px; }
    .process-steps li { display: grid; grid-template-columns: 46px 1fr; align-items: start; }
    .process-node-wrap { height: auto; min-height: 90px; text-align: left; }
    .process-node-wrap > span { position: absolute; top: 34px; left: 0; width: 20px; text-align: center; font-size: 8px; }
    .process-node { top: 0; left: 10px; transform: translateX(-50%) rotate(45deg); }
    .process-step-copy { max-width: 470px; margin: 0; padding: 0 0 4px; }
    .process-step-copy h3 { font-size: 21px; }
    .js .process-timeline:not(.is-visible) .process-track-fill { transform: scaleY(0); }
    .page-hero { padding: 145px 0 75px; }
    .page-hero h1 { font-size: clamp(45px, 12.5vw, 62px); }
    .services-overview-page .page-hero { padding-bottom: 65px; }
    .services-stories { padding-bottom: 80px; }
    .service-story, .service-story-digital { min-height: 0; grid-template-columns: 1fr; gap: 30px; padding: 52px 4px; }
    .service-story-digital .service-story-copy, .service-story-digital .service-story-art { order: initial; }
    .service-story h2 { max-width: 520px; font-size: clamp(35px,10vw,46px); }
    .service-story-copy > p:not(.service-story-category) { margin-top: 20px; font-size: 13px; }
    .service-story-link { margin-top: 25px; }
    .service-story-art { width: min(100%,390px); height: 180px; justify-self: center; transform: scale(.88); transform-origin: center top; }
    .service-story:hover .service-story-art { transform: scale(.88) translateY(-3px); }
    .design-story-composition { height: 175px; }
    .design-story-composition span:nth-of-type(1) { top: 115px; }
    .design-story-composition span:nth-of-type(2) { top: 132px; }
    .design-story-composition span:nth-of-type(3) { top: 149px; }
    .custom-story-art { height: 190px; }
    .capability-grid { grid-template-columns: 1fr; }
    .capability-grid article { min-height: 110px; }
    .web-design-hero { min-height: 610px; padding: 135px 0 80px; }
    .web-design-hero h1 { font-size: clamp(47px,13vw,65px); }
    .web-design-hero-inner > p:last-child { font-size: 16px; }
    .web-design-section-copy h2,.web-design-foundation-copy h2,.web-design-outcome-copy h2 { font-size: clamp(39px,10.8vw,50px); }
    .clarity-composition { min-height: 0; margin-top: 48px; padding: 35px 18px 47px; }
    .clarity-fragments { height: 165px; }
    .clarity-fragment { padding: 9px 10px; font-size: 9px; }
    .clarity-fragment-service { right: 0; font-size: 16px; }
    .clarity-structure { min-height: 315px; }
    .clarity-structure-main { width: calc(100% - 44px); min-height: 315px; padding: 35px 26px; }
    .clarity-structure-main strong { margin-top: 25px; font-size: clamp(29px,8.5vw,40px); }
    .clarity-structure-main p { max-width: 255px; font-size: 10px; }
    .clarity-structure-mobile { right: -2px; bottom: -10px; width: 92px; height: 190px; padding: 20px 12px; border-radius: 13px; }
    .clarity-structure-mobile span { margin-bottom: 30px; }.clarity-structure-mobile i { margin-top: 26px; }
    .design-questions > p { padding: 19px 0; font-size: 16px; }
    .design-screen-motif { height: 310px; }
    .design-screen-large { height: 285px; padding: 30px; }
    .design-screen-medium { width: 44%; height: 225px; padding: 22px; }
    .design-screen-small { width: 24%; height: 178px; padding: 17px 10px; }
    .design-screen-motif i { margin-bottom: 38px; }.design-screen-motif strong { height: 10px; }.design-screen-motif p { margin-top: 21px; }.design-screen-motif b { margin-top: 29px; }
    .design-screen-small i { margin-bottom: 25px; }.design-screen-small p { margin-top: 15px; }.design-screen-small b { margin-top: 22px; }
    .web-design-closing { padding: 75px 0; }
    .custom-solutions-hero { min-height: 630px; padding: 135px 0 85px; }
    .custom-solutions-hero h1 { font-size: clamp(47px,12.6vw,64px); }
    .custom-solutions-hero-inner > p:not(.eyebrow) { font-size: 16px; }
    .custom-solutions-hero-line { top: calc(100% + 55px); }
    .custom-fit-copy h2,.specific-needs-intro h2,.solution-growth-copy h2 { font-size: clamp(39px,10.8vw,50px); }
    .fit-composition { min-height: 0; margin-top: 48px; padding: 30px 15px 45px; gap: 0 8px; }
    .fit-rigid { width: 125px; height: 235px; padding: 10px; }
    .fit-needs-loose { width: 150px; height: 235px; transform: scale(.62); }
    .fit-outline { height: 320px; border-radius: 42px 14px 48px 20px; }
    .fit-needs-settled .fit-piece-long { top: 28px; left: 22px; width: calc(100% - 44px); }
    .fit-needs-settled .fit-piece-small { top: 100px; right: 24px; width: 60px; height: 60px; }
    .fit-needs-settled .fit-piece-tall { bottom: 28px; left: 25px; width: 65px; height: 110px; }
    .fit-needs-settled .fit-piece-round { right: 28px; bottom: 30px; width: 62px; height: 62px; }
    .fit-needs-settled .fit-piece-wide { top: 100px; left: 98px; width: calc(100% - 185px); height: 55px; }
    .needs-sequence { margin-top: 48px; padding-left: 26px; }
    .needs-sequence p,.needs-sequence p:nth-child(even) { min-height: 88px; font-size: 17px; }
    .needs-sequence p::before { left: -25px; }
    .growth-composition { height: 390px; }
    .growth-core { left: 5%; width: 135px; height: 135px; }
    .growth-extension { width: 72px; height: 72px; }
    .growth-extension-one { top: 30px; left: 45%; }.growth-extension-two { right: 11%; bottom: 44px; width: 88px; height: 88px; }.growth-extension-three { top: 80px; right: 0; width: 58px; height: 58px; }
    .custom-solutions-closing { padding: 75px 0; }
    .solutions-hero { min-height: 610px; padding: 135px 0 80px; }
    .solutions-hero h1 { font-size: clamp(51px,14vw,68px); }
    .solutions-hero-inner > p:last-child { font-size: 16px; }
    .solutions-section-copy h2,.friction-intro h2,.solutions-afterwards-copy h2 { font-size: clamp(39px,10.8vw,50px); }
    .organisation-composition { min-height: 0; margin-top: 48px; padding: 30px 15px 45px; }
    .organisation-scattered { width: 112%; height: 220px; margin-left: -6%; transform: scale(.78); }
    .scattered-message { left: 0; }.scattered-appointment { right: 0; }.scattered-customer { top: 110px; left: 25%; }.scattered-document { right: 2%; bottom: 8px; }.scattered-reminder { bottom: -12px; left: 1%; }.scattered-copy { display: none !important; }
    .organisation-settled { min-height: 315px; padding: 22px 17px; }
    .settled-person,.settled-item { grid-template-columns: 30px 1fr auto; gap: 11px; }.settled-person em,.settled-item em { width: 40px; }
    .friction-situations { margin-top: 48px; }
    .friction-situations p,.friction-situations p:nth-child(even) { min-height: 88px; font-size: 17px; }
    .friction-situations p::before { margin-right: 15px; }
    .afterwards-statements > div { padding-block: 27px; }
    .afterwards-statements strong { font-size: 21px; }
    .solutions-closing { padding: 75px 0; }
    .about-intro { min-height: auto; padding: 150px 0 95px; }
    .about-intro h1 { font-size: clamp(52px,11vw,78px); }
    .about-founder { padding-block: 95px; }
    .about-founder-grid { grid-template-columns: 1fr; gap: 65px; }
    .about-founder-portrait { width: min(78%,490px); }
    .about-founder-note { max-width: 680px; }
    .about-ownership { padding-block: 100px; }
    .about-ownership-inner::before { left: 12px; }
    .about-ownership h2 { margin-bottom: 58px; padding-left: 40px; font-size: clamp(48px,10vw,70px); }
    .about-ownership-inner > .eyebrow { padding-left: 40px; }
    .about-ownership-copy { grid-template-columns: 1fr; gap: 24px; max-width: 560px; padding-left: 40px; }
    .about-position { padding-block: 95px 75px; }
    .about-position-statement { grid-template-columns: 1fr; align-items: start; gap: 35px; padding-bottom: 70px; }
    .about-position-statement p { max-width: 610px; }
    .about-invitation { align-items: flex-start; flex-direction: column; gap: 30px; }
    .contact-intro { min-height: auto; padding: 150px 0 90px; }
    .contact-intro h1 { font-size: clamp(52px,11vw,76px); }
    .contact-main { padding-block: 90px; }
    .contact-composition { gap: 60px; }
    .contact-next { display: block; }
    .contact-next-points { display: block; }
    .contact-next-points li, .contact-next-points li:first-child, .contact-next-points li:last-child { display: grid; padding: 18px 0; border-right: 0; border-bottom: 1px solid var(--line-strong); }
    .contact-next-points li:last-child { border-bottom: 0; }
    .contact-form-panel { padding: 38px 30px; }
    .contact-form-heading { margin-bottom: 40px; }
    .cta-section { padding: 70px 0; }
    .cta-panel { min-height: 440px; align-items: flex-start; justify-content: flex-end; flex-direction: column; padding: 35px 25px; }
    .cta-panel h2 { font-size: 38px; }
    .footer-grid .footer-nav { grid-template-columns: 1fr 1fr; gap: 38px; padding-top: 0; }
    .footer-grid .footer-nav > div:last-child { grid-column: 1 / -1; }
    .footer-bottom { display: block; }
    .footer-bottom a { display: inline-block; margin-top: 8px; }
    .error-page { min-height: 650px; }
}

@media (max-width: 420px) {
    .hero-product { width: 172%; margin-left: -10%; }
    .app-summary article { height: 125px; }
    .app-table { padding-inline: 10px; }
    .solution-orbit { margin-inline: -10%; width: 120%; }
    .portfolio-sheet.front { left: 45px; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
    .js .reveal { opacity: 1; transform: none; }
}