/* Compact public pages. All content stays in the DOM and works without scripts. */
.mobile-rail-toolbar{display:none}
@media(max-width:760px){
  main [data-mobile-rail]{display:grid;grid-template-columns:none;grid-template-rows:auto;grid-auto-flow:column;grid-auto-columns:88%;align-items:stretch;gap:12px;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:3px;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#a99199 transparent;margin:0;padding:3px 3px 12px;list-style:none}
  main [data-mobile-rail]>:is(article,figure,li,div){min-width:0;margin:0;grid-column:auto;grid-row:auto;scroll-snap-align:start;overflow-wrap:anywhere}
  .mobile-rail-toolbar{display:flex;align-items:center;gap:8px;min-width:0;margin:0 0 12px;color:#64575d}
  .dark-section .mobile-rail-toolbar{color:#c6bfc2}
  .mobile-rail-hint{flex:1;min-width:0;font-size:13px;line-height:1.4}
  .mobile-rail-count{font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap;margin-right:4px}
  .mobile-rail-toolbar button{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;font:inherit;font-size:20px;cursor:pointer}
  .mobile-rail-toolbar button:disabled{opacity:.3;cursor:default}
  .mobile-rail-toolbar [hidden]{display:none}
  .mobile-rail-toolbar button:focus-visible,main [data-mobile-rail]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
  main :is(.subscription-grid,.landing-additions)[data-mobile-rail]>article{padding:22px}
  main .subscription-steps[data-mobile-rail]>li{padding:20px;border:1px solid #ffffff30;border-radius:16px}
  main .subscription-steps[data-mobile-rail]>li::before{margin-bottom:14px}
  main .multipage-included[data-mobile-rail]>li{position:relative;padding:18px 16px 18px 44px;border:1px solid #ffffff30;border-radius:16px}
  main .multipage-included[data-mobile-rail]>li::before{top:20px;left:14px}
  .multipage-page .multipage-included h3{font-size:23px}
  main .subscription-included-list[data-mobile-rail]>li{padding:4px}
  main .landing-common[data-mobile-rail]{border:0;padding-top:3px}
  main .landing-common[data-mobile-rail]>li{padding:18px 12px;border:1px solid #ffffff30;border-radius:16px;flex-direction:column;gap:14px}
  main .landing-common[data-mobile-rail] h3{font-size:25px}
  main .landing-common[data-mobile-rail] p{font-size:16px}
  main .landing-project-copy{padding:20px}
  main .landing-addition p{margin-bottom:16px}
  main .capability-list[data-mobile-rail]>.capability{display:flex;flex-direction:column;gap:14px;padding:20px;border:1px solid #ffffff30;border-radius:16px}
  main .capability-list[data-mobile-rail] h3{font-size:36px}
  main .capability-list[data-mobile-rail] p{font-size:17px;line-height:1.45}
  main .process-list[data-mobile-rail]>.process-row{display:block;min-height:0;padding:20px;border:1px solid #ffffff30;border-radius:16px}
  main .process-list[data-mobile-rail] h3{font-size:29px;margin:16px 0 12px}
  main .process-list[data-mobile-rail] p{font-size:17px;line-height:1.45}
  main .principles-grid[data-mobile-rail]>div{border-top:1px solid #ffffff30;padding:20px 12px}
  main .principles-grid[data-mobile-rail] h3{margin:16px 0 12px}
  main .gallery-grid[data-mobile-rail]{grid-auto-columns:90%;gap:12px}
  main .gallery-grid[data-mobile-rail] .gallery-item{width:auto}
  main .gallery-grid[data-mobile-rail] img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#d6d1cc}
  main .gallery-grid[data-mobile-rail] figcaption{font-size:13px;gap:12px;line-height:1.4}
  main .svc-offer-list[data-mobile-rail]>.svc-offer{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:22px;min-height:0;border:1px solid #b8b1ad;border-radius:16px}
  main .svc-offer-list[data-mobile-rail] .svc-offer-num{margin:0}
  main .svc-offer-list[data-mobile-rail] .svc-offer-copy{margin:0}
  main .svc-offer-list[data-mobile-rail] .svc-offer-copy p{font-size:16px}
  main .svc-offer-list[data-mobile-rail] .svc-price{padding-top:8px;margin-top:auto;text-align:left;font-size:25px;align-self:flex-start}
  main .svc-offer-list[data-mobile-rail] .svc-offer-action{margin:0;min-height:44px;align-items:center}
  main .svc-web-list[data-mobile-rail]>.svc-web-offer{min-height:0;padding:22px}
  main .svc-web-list[data-mobile-rail] .svc-web-main{margin-top:28px}
  .svc-web-section .svc-web-swipe{display:none}
  main .home-direction-list[data-mobile-rail]>.home-direction{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:20px;border-top:1px solid #a9a09f}
  main .section-pad,main .subscription-section{padding-block:36px}
  main .subscription-section-head{gap:12px;margin-bottom:24px}
  main :is(.section-head,.case-overview-grid,.case-outcome-grid,.about-grid){gap:22px}
  main .case-cover{padding-bottom:28px}
  main .case-overview h2{margin-bottom:28px}
  main .scope-grid{gap:16px;margin-top:24px}
  main .case-intro h1{margin-block:28px 24px}
  main .case-summary>span{margin-top:16px}
  main .about-intro .intro-bottom{gap:20px}
  main .founder-section{min-height:0;padding-block:32px}
  main .about-bridge p{margin-block:24px}
  main .contact-grid p{font-size:20px;margin-bottom:24px}
  main .tramp-statement{padding-block:36px}
  main .tramp-statement-grid{gap:28px;margin-top:28px}
  main .tramp-chapter{margin-top:36px;padding-top:24px}
  main .tramp-end{padding-block:40px}
  main .work-group{padding-top:36px}
  main .work-group:last-child{padding-bottom:40px}
  .site-footer{padding-block:28px 20px}
  .site-footer .footer-main{padding-bottom:24px}
  .site-footer .footer-title{font-size:clamp(34px,8vw,52px);margin-block:16px 22px}
  .site-footer .footer-contact-panel{padding-block:12px 20px}
  .site-footer .footer-client-links{padding-block:18px}
}