/* DUO 2026-11-02: isolated phone landscape polish.
   Locked portrait, desktop and regular-height tablet layouts stay unchanged. */
@media screen and (orientation:landscape) and (min-width:701px) and (max-width:1023px) and (max-height:520px) and (pointer:coarse) {
 :root{--gutter:clamp(18px,3.1vw,29px);--header:56px}
 html{scroll-padding-top:68px}
 .site-header,.site-header.is-scrolled,.subpage .site-header,body.hero-mockup-page .site-header:not(.is-scrolled){height:56px!important;min-height:56px;padding:0 var(--gutter)!important;background:rgba(4,21,34,.97)!important}
 .site-header .brand img,body.hero-mockup-page .site-header .brand img{width:154px!important;height:auto!important}
 .site-header .menu-toggle{width:44px;min-width:44px;height:44px;min-height:44px}
 .site-header .menu-toggle .icon{width:20px;height:20px}
 .mobile-menu.duo-menu--premium{padding:12px max(20px,env(safe-area-inset-left)) 14px max(20px,env(safe-area-inset-right));height:100dvh;max-height:100dvh;overflow-y:auto;overscroll-behavior:contain}
 .duo-menu--premium .menu-top img{width:128px!important}
 .duo-menu--premium .menu-top .duo-menu-home{min-height:38px}
 .duo-menu--premium #menuClose{width:42px;height:42px;min-width:42px;min-height:42px;flex-basis:42px}
 .mobile-menu.duo-menu--premium nav{margin:12px 0 0}
 .mobile-menu.duo-menu--premium nav .duo-menu-link{min-height:44px;padding:5px 0;font-size:clamp(19px,2.5vw,24px);grid-template-columns:28px minmax(0,1fr) 20px;column-gap:10px}
 .duo-menu--premium .duo-menu-number{font-size:10px}
 .duo-menu--premium .duo-menu-arrow{width:18px;height:18px}
 .duo-menu--premium .menu-bottom{margin:12px 0 0;gap:3px;padding-bottom:8px}
 .duo-menu--premium .duo-menu-contact{font-size:12px;min-height:29px;gap:9px}
 .duo-menu--premium .duo-menu-contact svg{width:17px;height:17px;flex-basis:17px}
 /* Home hero: keep the headline below fixed navigation, CTAs above the fold. */
 body.hero-mockup-page .hero--mockup{height:auto;min-height:430px;max-height:none;overflow:hidden}
 .hero--mockup .architectural-layout{height:auto;min-height:430px;padding:76px var(--gutter) 24px;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);grid-template-rows:auto auto;column-gap:28px;row-gap:0;align-content:center;align-items:center}
 .hero--mockup .architectural-copy{grid-column:1;grid-row:1;align-self:end;min-width:0}
 .hero--mockup .hero-facts{font-size:10px;gap:10px;margin:0 0 9px}
 .hero--mockup .hero-facts i{width:25px}
 .hero--mockup h1{font-size:clamp(30px,3.9vw,37px);line-height:1.045;letter-spacing:-.046em}
 .hero--mockup .architectural-description{font-size:12px;line-height:1.42;max-width:440px;margin-top:12px}
 .hero--mockup .architectural-cta{grid-column:1;grid-row:2;display:flex;flex-wrap:wrap;gap:9px;margin:15px 0 0;align-self:start;min-width:0}
 .hero--mockup .architectural-cta .action{--duo-action-height:42px;--duo-arrow-slot:34px;min-height:42px;font-size:11px}
 .hero--mockup .architectural-cta .action-label{padding:10px 12px}
 .hero--mockup .architectural-projects{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:10px;margin:0;padding:0;min-width:0;perspective:none}
 .hero--mockup .architectural-card{width:100%;max-width:none;height:clamp(110px,30svh,128px);border-radius:12px;will-change:auto}
 .hero--mockup .architectural-card.card-nsk,.hero--mockup .architectural-card.card-merkur{transform:none;margin:0}
 .hero--mockup .architectural-card .card-caption{left:12px;right:44px;bottom:11px}
 .hero--mockup .architectural-card .card-caption strong{font-size:14px}
 .hero--mockup .architectural-card .card-caption small{font-size:9px}
 .hero--mockup .architectural-card .card-arrow{right:11px;bottom:11px;width:29px;height:29px}
 .hero--mockup .architectural-card .card-arrow-icon{width:15px;height:15px}
 /* Homepage editorial sections and swipeable service cards. */
 .rest-home .intro--editorial{padding-block:28px 36px}
 .rest-home .intro--editorial .intro-editorial-marker{margin-bottom:18px}
 .rest-home .intro--editorial h2{font-size:clamp(27px,3.5vw,34px)}
 .rest-home .intro-editorial-description{font-size:13px;line-height:1.55}
 .rest-home .rest-services{padding-bottom:38px}
 .rest-home .services-heading{padding-top:23px}
 .rest-home .services-heading .section-marker{margin-bottom:17px}
 .rest-home .heading-row{margin-bottom:22px}
 .rest-home .heading-row h2{font-size:clamp(30px,4vw,39px)}
 .rest-home .services-track{display:flex;gap:12px;min-height:0;width:100%;max-width:none;padding-inline:var(--gutter);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);-webkit-overflow-scrolling:touch;scrollbar-width:none}
 .rest-home .services-track::-webkit-scrollbar{display:none}
 .rest-home .service-panel,.rest-home .service-panel.is-active{flex:0 0 calc(50% - var(--gutter) - 6px);min-height:350px;scroll-snap-align:start;transition:none}
 .rest-home .service-panel-trigger{min-height:350px;padding:17px}
 .rest-home .service-panel-index{font-size:15px}
 .rest-home .service-panel-copy,.rest-home .service-panel[data-service=povezane].is-active .service-panel-copy{padding-bottom:47px}
 .rest-home .service-panel-title{font-size:clamp(20px,2.55vw,25px)}
 .rest-home .service-panel-description,.rest-home .service-panel.is-active .service-panel-description{max-height:125px;opacity:1;font-size:12px;line-height:1.5;margin-top:12px}
 .rest-home .service-panel-symbol{right:15px;bottom:15px;width:38px;height:38px}
 .rest-home .services-progress{margin-top:16px}
 #projekti.projects--editorial{padding-top:34px}
 #projekti .portfolio-editorial-intro{margin:18px 0 26px}
 #projekti .portfolio-editorial-intro h2{font-size:34px}
 #projekti .portfolio-project-heading{margin-bottom:14px}
 #projekti .portfolio-project-heading h3{font-size:30px}
 #projekti .portfolio-editorial-pair{margin-top:42px;gap:28px}
 #projekti .portfolio-project--merkur{margin-top:60px}
 #projekti .portfolio-image-action{height:44px;right:12px;bottom:12px}
 #projekti .portfolio-image-arrow{width:44px;min-width:44px}
 #projekti .portfolio-project-cta{font-size:11px;padding-inline:12px}
 .rest-home .home-contact,.rest-home .contact{padding-block:40px}
 .rest-home .home-contact h2{font-size:clamp(30px,4vw,40px)}
 /* Interior pages. */
 .subpage main{overflow-x:clip}
 .subpage h1{font-size:clamp(36px,5vw,48px)}
 .subpage h2{font-size:clamp(26px,3.5vw,35px)}
 .about-editorial .about-intro,.portfolio-editorial .pf-intro,.services-hub .svc-intro,.service-detail-editorial .sd-hero{padding-top:82px}
 .about-editorial .about-breadcrumb,.portfolio-editorial .pf-breadcrumb,.services-hub .svc-breadcrumb,.service-detail-editorial .sd-breadcrumb{margin-bottom:17px}
 .portfolio-editorial .pf-opening{gap:26px;margin-bottom:20px}
 .portfolio-editorial .pf-grid{gap:23px 19px}
 .portfolio-editorial .pf-grid .pf-caption h2{font-size:19px;line-height:1.25}
 .portfolio-editorial .pf-photo-action{min-height:39px;font-size:11px;right:9px;bottom:9px}
 .portfolio-editorial .pf-final{gap:28px;padding-block:30px}
 .services-hub .svc-intro{padding-bottom:30px}
 .services-hub .svc-index>a{min-height:72px;padding:10px;font-size:12px;gap:7px;grid-template-columns:17px 1fr 16px}
 .services-hub .svc-service{column-gap:32px;padding-block:37px}
 .services-hub h2{font-size:30px}
 .service-detail-editorial .sd-hero-grid{gap:28px}
 .contact-page-editorial .contact-container,.contact-page-editorial .home-footer>.container{width:calc(100% - 2*var(--gutter))}
 .contact-page-editorial .contact-page-main{padding-block:80px 36px}
 .contact-page-editorial .contact-breadcrumb{margin-bottom:20px}
 .contact-page-editorial .contact-grid{grid-template-areas:'intro' 'form' 'office';grid-template-columns:minmax(0,1fr);gap:23px;max-width:660px;margin-inline:auto}
 .contact-page-editorial .contact-intro>p{max-width:620px;margin-top:14px;line-height:1.58}
 .contact-page-editorial .contact-direct{margin-top:15px;padding-top:14px}
 .contact-page-editorial .contact-location{max-width:none}
 .contact-page-editorial .contact-office-map{height:240px}
 .contact-page-editorial .inquiry-row{grid-template-columns:1fr 1fr}
 .contact-page-editorial .inquiry-field textarea{min-height:125px}
 .inquiry-privacy-page .privacy-content{padding-block:32px 45px}
 /* All footers: compact three-column landscape arrangement. */
 .home-footer{padding-top:25px}
 .home-footer .home-footer-layout{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.8fr) minmax(0,1fr);gap:18px;padding-bottom:22px}
 .home-footer .home-footer-identity{display:block;grid-column:auto;min-width:0}
 .home-footer .home-footer-logo{width:155px}
 .home-footer .home-footer-company{margin-top:11px;font-size:11px;line-height:1.6}
 .home-footer .home-footer-heading{margin-bottom:7px}
 .home-footer .home-footer-nav{display:flex;flex-direction:column;gap:0}
 .home-footer .home-footer-nav a{font-size:12px;min-height:29px}
 .home-footer .home-footer-area{font-size:12px;line-height:1.5}
 .home-footer .home-footer-bottom{min-height:54px;gap:14px;padding-block:9px}
 .home-footer .home-footer-legal{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px 16px;font-size:10px}
 .home-footer .home-footer-legal a{min-height:32px;white-space:nowrap}
 .home-footer .home-footer-top{font-size:10px}
}