/* Mobile refinement. Native scrolling; motion uses opacity and transforms only. */
:root{--motion-ease:cubic-bezier(.22,1,.36,1)}
.original-description{display:grid;grid-template-columns:.8fr 1.6fr;gap:7%;padding-top:55px;padding-bottom:75px;border-bottom:1px solid #2a2a2a}
.original-description h2{font-size:clamp(30px,3.5vw,48px);font-weight:500;line-height:1.2;letter-spacing:-.04em}
.original-description .description-body{max-width:780px}
.original-description p{font-size:17px;line-height:1.85;color:#bababa;margin:0 0 22px}
.original-description .eyebrow{color:#e67e22;font-size:12px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.hero-actions .button{gap:20px;min-height:52px}
.hero-actions .button-outline{background:#1118;color:#fff;border:1px solid #ffffff75}
.hero-actions .button-outline:hover{background:var(--orange);color:#090909;border-color:var(--orange)}
.js-motion .reveal{transform:translateY(24px);transition:opacity .7s var(--motion-ease),transform .85s var(--motion-ease)}
.js-motion .reveal.visible{transform:none}
.card-image,.project-image,.blog-cover,.price-card,.detail-visual,.showcase{border-radius:24px}
.hero-photo img,.showcase-image img{will-change:auto}
@media(max-width:800px){
 html{scroll-padding-top:104px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
 body{overflow-wrap:break-word}
 header{top:max(10px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));width:calc(100% - 24px);border-radius:23px;height:64px;padding:0 16px;background:#111e;border-color:#ffffff26;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
 header .brand{font-size:20px;letter-spacing:-1.2px}
 header .brand i{font-size:10px}
 header .nav-contact{min-height:44px;display:inline-flex;align-items:center;font-size:13px;padding:10px 16px}
 header .menu-toggle{min-height:44px;font-size:13px;border-radius:18px;padding:10px 13px}
 header nav{display:flex;top:76px;padding:12px 20px 18px;border-radius:24px;background:#141414;max-height:calc(100svh - 118px);overflow-y:auto;flex-direction:column;visibility:hidden;opacity:0;transform:translateY(-8px) scale(.98);transform-origin:top right;pointer-events:none;transition:opacity .2s ease,transform .3s var(--motion-ease),visibility .3s}
 header nav.open{visibility:visible;opacity:1;transform:none;pointer-events:auto}
 header nav a{padding:15px 8px;min-height:52px;border-color:#ffffff12;font-size:20px;font-weight:500}
 header nav a[aria-current]{background:#e67e2212;border-radius:12px;color:#e67e22}
 .hero{height:auto;min-height:740px;min-height:100svh;max-height:none;padding:105px 24px 26px;border-radius:0 0 30px 30px}
 .hero-top{font-size:11px;line-height:1.6;letter-spacing:1.1px}
 .hero-copy{padding:100px 0 30px;margin-top:auto}
 .hero-copy h1{font-size:clamp(44px,9.5vw,72px);line-height:1.08;letter-spacing:-.055em;margin:22px 0 28px;max-width:660px}
 .hero-bottom{display:block}
 .hero-bottom>p{font-size:17px;line-height:1.65;color:#e0e0e0;margin:0 0 25px;max-width:450px}
 .hero-actions{gap:10px}
 .hero-actions .button{font-size:14px;padding:16px 20px;justify-content:space-between;min-height:54px}
 .hero-foot{padding-top:25px;min-height:48px;gap:15px}
 .hero-foot>a{font-size:11px;min-height:44px;letter-spacing:.7px}
 .hero-foot>a:last-child{display:none}
 .hero-shade{background:linear-gradient(0deg,#090909 2%,#090909b8 35%,#0909090a 90%),linear-gradient(90deg,#0004,transparent)}
 .hero-photo img{object-position:60% 28%;animation:none}
 .hero-top>span+span{display:none}
 .section{padding:64px 24px}
 .section-label{margin-bottom:36px;padding-top:20px;font-size:12px;line-height:1.7;letter-spacing:1px;gap:20px}
 .section-label>span{font-size:10px}
 .section-heading{align-items:start;gap:24px;margin-bottom:32px}
 .section-heading h2,.process h2{font-size:clamp(34px,6.5vw,48px);line-height:1.2}
 .section-heading>p{font-size:16px;line-height:1.75}
 .trust-strip{padding:28px 24px;gap:24px 18px}
 .trust-strip strong{font-size:18px;line-height:1.4}
 .trust-strip span{font-size:13px;line-height:1.6}
 .original-description{display:block;padding-top:48px;padding-bottom:40px}
 .original-description h2{font-size:34px;margin:18px 0 26px}
 .original-description p{font-size:17px;line-height:1.85}
 .original-description .description-body{max-width:620px}
 .intro .statement{font-size:clamp(32px,6.3vw,46px);line-height:1.25;margin-bottom:30px}
 .intro-bottom{grid-template-columns:1fr;gap:24px}
 .intro-bottom .cross{display:none}
 .intro-bottom .text-link{grid-column:1;justify-self:start}
 .showcase{min-height:0;height:570px;margin:4px 16px;border-radius:28px}
 .showcase-heading{left:24px;right:24px;bottom:86px}
 .showcase h2{font-size:clamp(32px,6vw,44px);line-height:1.2;margin-bottom:26px}
 .showcase-bottom{left:24px;right:24px;bottom:28px;line-height:1.6}
 .showcase-bottom span+span{display:none}
 .frame-mark{width:24px;height:24px}.tl{top:24px;left:24px}.br{right:24px;bottom:80px}
 .service-grid{grid-template-columns:1fr;gap:36px}
 .service-card{padding:12px 12px 20px;border-radius:28px;background:#131313;border:1px solid #ffffff14}
 .service-card .card-image{height:auto;aspect-ratio:4/3;border-radius:19px}
 .service-card .card-top,.service-card h3,.service-card>p{margin-left:12px;margin-right:12px}
 .service-card h3{font-size:28px;line-height:1.25}
 .service-card>p{font-size:16px;line-height:1.8;max-width:none;margin-bottom:0}
 .card-top{font-size:12px;line-height:1.6;letter-spacing:.6px;margin-top:20px;margin-bottom:14px;gap:12px}
 .service-extra{padding:22px 0;font-size:16px;line-height:1.7}
 .service-extra strong{display:block;margin-top:10px}
 .process-layout{grid-template-columns:1fr;gap:35px}
 .steps article{gap:18px;padding-bottom:24px;margin-bottom:24px}
 .steps h3{font-size:23px;line-height:1.35}
 .steps p{font-size:16px;line-height:1.8}
 .contact h2{font-size:clamp(42px,8.3vw,64px);line-height:1.1;letter-spacing:-.05em}
 .contact-details{margin-top:44px;padding-top:25px;gap:12px}
 .contact-details a{display:block;font-size:16px;min-height:44px;padding:10px 0}
 .contact-details span{font-size:14px;line-height:1.7}
 .subpage .page-hero{padding:132px 24px 34px}
 .page-hero h1{font-size:clamp(36px,7.8vw,58px);line-height:1.14;letter-spacing:-.045em;margin:22px 0}
 .page-hero .lead{font-size:17px;line-height:1.8}
 .jump-nav{padding-top:8px;padding-bottom:32px;gap:9px}
 .jump-nav a{font-size:14px;min-height:44px;display:flex;align-items:center;line-height:1.5;padding:10px 14px}
 .service-detail{padding-top:40px;padding-bottom:46px;gap:28px}
 .detail-visual{height:auto;aspect-ratio:4/3;position:relative;top:auto;border-radius:26px}
 .detail-visual img{display:block}
 .detail-copy h2{font-size:34px;line-height:1.22;margin-bottom:24px}
 .detail-copy .eyebrow{font-size:12px}
 .detail-copy>p{font-size:17px;line-height:1.85}
 .technical-panel{padding:28px;gap:24px;min-height:360px}
 .technical-panel>strong{font-size:36px;line-height:1.2}
 .detail-visual:has(.technical-panel){aspect-ratio:auto}
 .feature-list{margin:20px 0 26px}
 .feature-list li{font-size:16px;line-height:1.7;padding:12px 0}
 .portfolio-grid{grid-template-columns:1fr;gap:38px}
 .project-image{aspect-ratio:4/3;border-radius:26px}
 .project h3{font-size:27px;line-height:1.25}
 .project p{font-size:16px;line-height:1.8}
 .portfolio-section,.price-section,.blog-section{padding-top:12px}
 .filters{gap:9px;margin-bottom:30px}
 .filters button{min-height:44px;font-size:14px;padding:10px 15px}
 .price-grid,.blog-grid{grid-template-columns:1fr;gap:22px}
 .price-card{padding:28px;border-radius:26px}
 .price-card h2{font-size:26px;line-height:1.35}
 .price-card .price-value{font-size:36px}
 .price-card p{font-size:16px}
 .travel-panel{grid-template-columns:1fr;gap:24px}
 .travel-panel h2{font-size:100px;line-height:1;margin:18px 0}
 .travel-panel h3{font-size:27px}
 .info-grid{grid-template-columns:1fr;gap:24px}
 .faq summary{font-size:17px;line-height:1.55;padding-top:22px;padding-bottom:22px;min-height:64px}
 .faq details p{font-size:16px;line-height:1.85;padding-right:0}
 .text-link{display:inline-flex;align-items:center;min-height:44px;font-size:15px;line-height:1.5}
 .compact-cta h2{font-size:36px;line-height:1.2}
 .compact-cta>p:not(.eyebrow){font-size:16px;line-height:1.8}
 .contact-layout{padding-top:12px;gap:32px;grid-template-columns:1fr}
 .cform,.contact-form{padding:25px 20px;border-radius:26px;min-width:0}
 .form-row,.frow{grid-template-columns:1fr;gap:0}
 .cform input:not([type=checkbox]),.cform select,.cform textarea,.contact-form input,.contact-form select,.contact-form textarea{font-size:16px;min-height:52px;border-radius:13px;padding:14px 12px}
 .cform .fld label{font-size:15px;line-height:1.5}
 .chkrow{font-size:14px;line-height:1.8}
 .chkrow input{width:22px;height:22px}
 .cform .btn{min-height:56px;font-size:15px}
 .contact-aside h2{font-size:35px;line-height:1.2}
 .big-contact{font-size:19px;line-height:1.6;min-height:48px;display:flex;align-items:center;margin:12px 0}
 .blog-cover{height:auto;aspect-ratio:4/3;border-radius:24px}
 .blog-card{margin-bottom:20px}
 .blog-card h2{font-size:27px;line-height:1.35}
 .blog-card .eyebrow{font-size:12px;line-height:1.6}
 .typographic-cover{min-height:250px}
 .article-layout{padding-top:12px;gap:32px}
 .article-content{font-size:17px;line-height:1.9}
 .article-content h2{font-size:26px;line-height:1.4}
 .article-toc a{min-height:44px;display:flex;align-items:center;font-size:15px}
 .legal-content{padding-top:20px;font-size:16px;line-height:1.85}
 .legal-content h2{font-size:24px;line-height:1.35}
 .full-footer{padding:32px 24px max(28px,env(safe-area-inset-bottom))}
 .footer-top{grid-template-columns:1fr 1fr;gap:30px 20px}
 .footer-top>div:first-child{grid-column:1/-1}
 .footer-top a:not(.brand){min-height:40px;display:flex;align-items:center;font-size:14px;overflow-wrap:anywhere}
 .footer-top>div{gap:4px}
 .footer-top>div:nth-child(3){min-width:0}
 .footer-top>div:last-child{gap:4px 15px}
 .footer-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:12px}
 .footer-bottom>a,.footer-bottom>button{min-height:44px;display:flex;align-items:center;font-size:12px}
 .js-motion .reveal{transform:translateY(18px);transition-duration:.55s,.7s}
 .js-motion .reveal.visible{transform:none}
 .button,.secondary-button,.filters button,.nav-contact{touch-action:manipulation}
 .button:active,.cform .btn:active{background:#e67e22;transform:scale(.985)}
 .hero-actions .button-outline:active{color:#090909}
}
@media(max-width:400px){
 header{padding:0 12px}.header-actions{gap:6px}header .brand{font-size:18px}header .brand i{display:none}
 header .nav-contact{font-size:12px;padding:10px 12px}header .menu-toggle{padding:10px;font-size:12px}
 .section,.subpage .page-hero{padding-left:20px;padding-right:20px}
 .hero{padding-left:20px;padding-right:20px}.hero-copy h1{font-size:43px}.hero-copy h1 em{display:block}
 .hero-actions{display:grid;grid-template-columns:1fr;width:100%;max-width:360px}
 .hero-actions .button{width:100%}.hero-copy{padding-top:80px}
 .footer-top{grid-template-columns:1fr}.footer-top>div{grid-column:1/-1}.footer-top>div:last-child{display:flex;flex-wrap:wrap}
 .showcase-heading{left:20px;right:20px}.showcase h2{font-size:31px}
 .technical-panel>strong{font-size:32px}.price-card{padding:24px}
 .page-hero h1{font-size:35px}
}
@media(max-width:800px) and (max-height:600px){.hero{min-height:650px}.hero-copy{padding-top:50px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.js-motion .reveal{opacity:1;transform:none}header nav{transition:none}}
@media(prefers-reduced-transparency:reduce){header,.hero-actions .button-outline{background:#151515;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(min-width:601px) and (max-width:800px){.section-heading{display:block}.section-heading>.text-link,.section-heading>.about-text{margin-top:24px}.hero-actions .button{flex:0 1 auto}}