/* Общая адаптивная шапка: компактная до 1180px, настольная от 1181px. */
@media(max-width:1180px){.reference-ui #site-header nav{grid-template-columns:auto 1fr auto;gap:12px;min-height:68px}.reference-ui .nav-toggle{display:flex;justify-self:end;width:48px;height:48px;flex:0 0 48px}.reference-ui .nav-links{position:fixed;top:68px;left:10px;right:10px;z-index:120;display:none;flex-direction:column;align-items:stretch;gap:0;background:#061015;border:1px solid var(--rf-line2);padding:10px;max-height:calc(100dvh - 88px);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 18px 40px rgba(0,0,0,.5)}.reference-ui .nav-links.open,.reference-ui .nav-links.is-open{display:flex}.reference-ui .nav-links a{display:block;padding:14px 10px}.reference-ui .nav-links a:after{display:none}}
.rf-mobile-nav{display:none}@media(max-width:980px){body.reference-ui{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px));overflow-x:hidden}.rf-mobile-nav{position:fixed;z-index:90;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom,0px));height:62px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:rgba(3,9,13,.96);border:1px solid var(--rf-line2);box-shadow:0 14px 38px rgba(0,0,0,.55),0 0 18px rgba(99,247,240,.06);backdrop-filter:blur(16px);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));padding:4px;box-sizing:border-box}.rf-mobile-nav a{min-width:0;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#7d9299;text-decoration:none;text-transform:uppercase;font:600 .6875rem Sora,sans-serif;letter-spacing:.04em;border-right:1px solid rgba(99,247,240,.06);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-tap-highlight-color:transparent}.rf-mobile-nav a:last-child{border-right:0}.rf-mobile-nav-icon{font:700 1.05rem Sora,sans-serif;color:#73969e;line-height:1}.rf-mobile-nav a.active{color:var(--rf-white);background:linear-gradient(180deg,rgba(99,247,240,.08),rgba(99,247,240,.025));box-shadow:inset 0 0 18px rgba(99,247,240,.05)}.rf-mobile-nav a.active .rf-mobile-nav-icon{color:var(--rf-cyan);text-shadow:0 0 10px rgba(99,247,240,.55)}.reference-ui footer{margin-bottom:2px}}
@media(max-width:480px){.reference-ui .rf-shell{width:calc(100% - 8px);margin-top:4px}.reference-ui .rf-hero{min-height:490px}.reference-ui .rf-hero-copy{padding:28px 14px 22px}.reference-ui .rf-hero h1{font-size:clamp(2.45rem,12.5vw,3.7rem);max-width:100%;overflow-wrap:anywhere}.reference-ui .rf-hero h1 span{font-size:.38em;letter-spacing:.1em;max-width:100%}.reference-ui .rf-hero .lead{font-size:.92rem;line-height:1.55}.reference-ui .hero-ctas{display:grid;grid-template-columns:1fr;width:100%;gap:8px}.reference-ui .hero-ctas .btn{width:100%;box-sizing:border-box}.reference-ui .rf-category-tabs{grid-template-columns:1fr;gap:7px;padding:9px}.reference-ui .rf-category{min-height:54px;font-size:.78rem}.reference-ui .rf-section{padding:16px 12px 18px}.reference-ui .rf-section-head,.reference-ui .section-head{align-items:flex-start;flex-direction:column;gap:8px}.reference-ui .rf-section h2,.reference-ui .section-head h2{font-size:clamp(1.55rem,8vw,2.15rem);overflow-wrap:anywhere}.reference-ui .section-link{white-space:normal;line-height:1.4}.reference-ui .section-intro{font-size:.9rem;line-height:1.55}.reference-ui .portfolio-grid,.reference-ui .shop-grid,.reference-ui .news-list,.reference-ui .rf-card-grid{grid-template-columns:1fr;gap:10px}.reference-ui .project-body,.reference-ui .product-body{padding:16px}.reference-ui .store-tabs{grid-template-columns:1fr;gap:7px}.reference-ui .store-tab{min-height:50px}.reference-ui .rf-strip{gap:18px;padding-inline:12px}.reference-ui .footer-row{align-items:flex-start;flex-direction:column}.reference-ui .footer-links{flex-wrap:wrap;gap:10px 14px}.reference-ui .footer-copy{line-height:1.5}.reference-ui .page-head>.wrap{padding-block:34px}.reference-ui .page-head h1{font-size:clamp(2.5rem,13vw,4rem);overflow-wrap:anywhere}}
@media(max-width:420px){body.reference-ui{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}.rf-mobile-nav{left:5px;right:5px;bottom:max(5px,env(safe-area-inset-bottom,0px));height:58px}.rf-mobile-nav a{min-height:48px;font-size:.6875rem;letter-spacing:0}.rf-mobile-nav-icon{font-size:1rem}.reference-ui .brand-text{font-size:.72rem}.reference-ui #site-header nav{gap:8px}.reference-ui .rf-hero-copy{padding-inline:12px}.reference-ui .rf-section{padding-inline:10px}}