/* Responsive enhancements. Original Framer animations stay in animations.js. */
.mobile-header{display:none}
@media(max-width:809px){
 *{box-sizing:border-box}
 html,body{width:100%;margin:0;overflow-x:clip;-webkit-text-size-adjust:100%}
 .mobile-header{display:block;position:sticky;top:0;z-index:10000;background:#fcf8ef;border-bottom:1px solid #23201f20;padding:10px 20px}
 .mobile-header-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px}
 .mobile-brand{display:flex;align-items:center;min-height:44px;width:94px}
 .mobile-brand img{width:100%;height:auto}
 .mobile-toggle{font:500 16px Oswald,sans-serif;min-height:44px;min-width:72px;padding:10px 16px;border:1px solid #23201f;border-radius:4px;color:#23201f;background:transparent;cursor:pointer}
 .mobile-navigation[hidden]{display:none}
 .mobile-navigation{display:grid;gap:2px;padding:12px 0;max-height:calc(100dvh - 68px);overflow-y:auto}
 .mobile-navigation a{display:flex;align-items:center;min-height:46px;padding:8px 4px;font:500 18px Oswald,sans-serif;color:#23201f;text-decoration:none;border-bottom:1px solid #23201f15}
 .mobile-navigation a[aria-current=page]{text-decoration:underline;text-underline-offset:5px}
 .mobile-toggle:focus-visible,.mobile-navigation a:focus-visible{outline:2px solid #23201f;outline-offset:3px}
 #main [data-framer-name="MENU LIST"]{display:none!important}
 #main,#main>div,#main>div>div:has(>[data-framer-name="MENU LIST"]){width:100%!important;min-width:0!important;max-width:100%!important}
 #main [data-framer-name]:not([data-framer-name="MENU LIST"]){min-width:0!important;max-width:100%!important}
 #main [data-framer-component-type="RichTextContainer"]{min-width:0!important;max-width:100%!important;flex-shrink:1!important}
 #main p.framer-text{--framer-font-size:17px!important;--framer-line-height:1.5em!important;overflow-wrap:break-word;word-break:normal}
 #main h1.framer-text,#main h2.framer-text{--framer-font-size:clamp(30px,8.5vw,44px)!important;--framer-line-height:1.12em!important;overflow-wrap:break-word}
 #main h3.framer-text{--framer-font-size:24px!important;--framer-line-height:1.2em!important}
 #main [data-framer-name="Publishing"],#main [data-framer-name="Editorial"]{width:100%!important;padding:32px 20px!important;gap:24px!important;height:auto!important}
 #main [data-framer-name="hero-container"],#main [data-framer-name="intro-text"]{width:100%!important;height:auto!important;padding:0!important;gap:20px!important}
 #main [data-framer-name="Body Content"]{width:100%!important;flex-direction:column!important;align-items:stretch!important;gap:24px!important;height:auto!important;padding:0!important}
 #main [data-framer-name="Body Content"]>div{width:100%!important;flex:none!important}
 #main [data-framer-name="inner-container"]{width:100%!important;grid-template-columns:1fr!important;grid-auto-rows:auto!important;gap:24px!important;height:auto!important}
 #main [data-framer-name="socials-container"]{width:100%!important;min-height:0!important;height:auto!important;gap:8px!important;padding:0 0 20px!important}
 #main [data-framer-name="socials-container"]>div{width:100%!important}
 #main [data-framer-name="FOOTER"]{width:100%!important;padding:32px 20px!important;height:auto!important;gap:24px!important}
 #main [data-framer-name="FOOTER"]>[data-framer-name="Container"]{width:100%!important;flex-wrap:wrap!important;gap:24px!important}
 #main [data-framer-name="FOOTER"] p{--framer-font-size:14px!important;--framer-line-height:1.5em!important}
 #main [data-framer-name="HERO"]{width:100%!important;min-height:500px!important;height:75svh!important;max-height:760px!important}
 #main [data-framer-name="HERO"] [data-framer-name="TEXT"]{width:100%!important;padding:24px!important;height:auto!important}
 #main [data-framer-name="OUR STORY"],#main [data-framer-name="MEDIA KIT"],#main [data-framer-name="WORKS"]{width:100%!important;padding:40px 20px!important;height:auto!important}
 #main [data-framer-name="OUR STORY"] [data-framer-name="Content"]{flex-direction:column!important;gap:24px!important;width:100%!important;height:auto!important}
 #main [data-framer-name="OUR STORY"] [data-framer-name="Text"],#main [data-framer-name="Body copy"]{width:100%!important;height:auto!important}
 #main [data-framer-name="OUR STORY"] [data-framer-name="Our Story Image"]{width:100%!important;min-height:240px!important}
 #main [data-framer-name="Ring Carousel"]{width:100%!important;height:420px!important;min-height:360px!important}
 #main [aria-label="3D media ring carousel"]{touch-action:pan-y!important}
 #main [data-framer-name="Top showcase"],#main [data-framer-name="Main"]{width:100%!important;flex-direction:column!important;height:auto!important;gap:28px!important;padding:32px 20px!important}
 #main [data-framer-name="Top showcase"]>[data-framer-name="Text"],#main [data-framer-name="max width"],#main [data-framer-name="text"]{width:100%!important;height:auto!important}
 #main [data-framer-name="tech details"]{width:100%!important;flex-wrap:wrap!important;gap:20px!important}
 #main section[data-framer-name="image"]{width:100%!important;max-height:none!important}
 #main [data-framer-name="Contact Info"]{width:100%!important;flex-direction:column!important;padding:32px 20px!important;height:auto!important;gap:40px!important}
 #main form{width:100%!important;max-width:100%!important;min-width:0!important}
 #main input,#main textarea,#main select{font-size:16px!important;max-width:100%!important;min-height:44px}
 #main textarea{min-height:140px}
 #main [data-framer-name="CONTENT"]{width:100%!important;padding:24px 20px!important;grid-template-columns:1fr!important;flex-direction:column!important;height:auto!important;gap:24px!important}
 #main [data-framer-name^="CP "],#main [data-framer-name^="Offer "]{width:100%!important;min-width:0!important;height:auto!important;min-height:460px}
 #main [data-framer-name^="CP "] [data-framer-name="Container"],#main [data-framer-name^="Offer "] [data-framer-name="Container"]{width:100%!important;padding:24px!important;height:auto!important}
 #main [data-framer-name^="CP "] [data-framer-name="Content"],#main [data-framer-name^="Offer "] [data-framer-name="Content"],#main [data-framer-name="Inclusions"]{width:100%!important;height:auto!important;gap:16px!important}
 #main [data-framer-name="Article Content"],#main [data-framer-name="Description"]{width:100%!important;height:auto!important}
 #main [data-framer-name="Title"]{height:auto!important}
 #main [data-framer-name="The Post"]{width:100%!important;height:auto!important}
 #main a,#main button{touch-action:manipulation}
 #main a[data-framer-name="Default"]{min-height:44px}
 #main [data-framer-name="Publishing"] [data-framer-name="socials-container"] p:first-child{--framer-font-size:20px!important}
}
@media(min-width:600px) and (max-width:809px){
 #main [data-framer-name="Body Content"] [data-framer-name="inner-container"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:809px){
 #main *{box-sizing:border-box}
 #main .framer-1l1eaqh{display:none!important}
 #main [data-framer-name="HERO"] [data-framer-name="TEXT"]{left:0!important;right:0!important;max-width:100%!important}
 #main [data-framer-name="HERO"] [data-framer-name="TEXT"]>div,#main .framer-13aj4i2,#main .framer-uj5oc6{width:100%!important;min-width:0!important;max-width:100%!important}
 #main [data-framer-name="HERO"] [data-framer-component-type="RichTextContainer"],#main [data-framer-name="WORKS"] [data-framer-component-type="RichTextContainer"]{width:100%!important;max-width:100%!important}
 #main [data-framer-name="HERO"] [data-framer-component-type="RichTextContainer"]{text-align:left!important}
 #main [data-framer-name="HERO"] h2{white-space:normal!important}
 #main [data-framer-name="OUR STORY"]{flex-direction:column!important;align-items:stretch!important;gap:28px!important}
 #main [data-framer-name="OUR STORY"]>[data-framer-name="Our Story Image"]{width:100%!important}
 #main [data-framer-name="container"]{width:100%!important;padding:0!important;height:auto!important;gap:24px!important}
 #main [data-framer-name="WORKS"] [data-framer-name="container"]>div{width:100%!important;max-width:100%!important}
}
@media(max-width:809px){
 #main [data-framer-name="Our Story Image"]{position:relative!important;inset:auto!important;width:100%!important;flex:none!important;min-height:240px!important}
 #main [data-framer-name="FOOTER"]>div,#main [data-framer-name="FOOTER"] div:has(>[data-framer-component-type="RichTextContainer"]){width:100%!important;max-width:100%!important;flex-direction:column!important;align-items:stretch!important;height:auto!important;gap:20px!important}
 #main [data-framer-name="FOOTER"] [data-framer-component-type="RichTextContainer"]{width:100%!important;max-width:100%!important}
}
@media(max-width:809px){
 #main [data-framer-name="MEDIA KIT"]>[data-framer-name="container"],#main [data-framer-name="WORKS"]>[data-framer-name="container"]{position:relative!important;inset:auto!important;min-height:0!important;transform:none!important}
 #main [data-framer-name="WORKS"] [data-framer-name="container"]>div{position:relative!important;inset:auto!important;height:auto!important}
 #main [data-framer-name="WORKS"] [data-framer-name="Ring Carousel"]{height:420px!important}
 #main [data-framer-name="MEDIA KIT"] [data-framer-component-type="RichTextContainer"]{width:100%!important;max-width:100%!important}
 #main div:has(>[data-framer-name="intro-text"]){padding-top:32px!important;padding-bottom:32px!important}
}
@media(max-width:809px){
 #main [data-framer-name="MEDIA KIT"],#main [data-framer-name="WORKS"],#main [data-framer-name="MEDIA KIT"] [data-framer-name="container"],#main [data-framer-name="WORKS"] [data-framer-name="container"]{flex:none!important;min-height:fit-content!important}
 #main [data-framer-name="WORKS"] [data-framer-name="container"]{flex-direction:column!important;align-items:stretch!important}
 #main [data-framer-name="WORKS"] [data-framer-name="container"]>div{flex:none!important}
 #main [data-framer-name="OUR STORY"]>[data-framer-name="Content"]{position:relative!important;inset:auto!important;z-index:2!important}
 #main [data-framer-name="OUR STORY"]>.framer-ygyokn{inset:0!important;height:100%!important;z-index:0!important}
 #main [data-framer-name="OUR STORY"]>[data-framer-name="Our Story Image"]{z-index:1!important}
}
@media(max-width:809px){
 /* Cancel desktop horizontal anchoring while retaining the vertical reveal animation. */
 #main [data-framer-name="OUR STORY"]>[data-framer-name="Content"]{translate:50% 0!important}
 #main [data-framer-name="WORKS"] [data-framer-name="container"]>.framer-uj5oc6{transform:none!important}
 #main [data-framer-name="MEDIA KIT"] [data-framer-name="container"]>div{position:relative!important;inset:auto!important;transform:none!important;width:100%!important;max-width:100%!important}
}

@media(min-width:810px) and (max-width:1199px){
 .mobile-header{display:block;position:sticky;top:0;z-index:10000;background:#fcf8ef;border-bottom:1px solid #23201f20;padding:10px 20px}
 .mobile-header-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px}
 .mobile-brand{display:flex;align-items:center;min-height:44px;width:94px}
 .mobile-brand img{width:100%;height:auto}
 .mobile-toggle{font:500 16px Oswald,sans-serif;min-height:44px;min-width:72px;padding:10px 16px;border:1px solid #23201f;border-radius:4px;color:#23201f;background:transparent;cursor:pointer}
 .mobile-navigation[hidden]{display:none}
 .mobile-navigation{display:grid;gap:2px;padding:12px 0;max-height:calc(100dvh - 68px);overflow-y:auto}
 .mobile-navigation a{display:flex;align-items:center;min-height:46px;padding:8px 4px;font:500 18px Oswald,sans-serif;color:#23201f;text-decoration:none;border-bottom:1px solid #23201f15}
 .mobile-navigation a[aria-current=page]{text-decoration:underline;text-underline-offset:5px}
 .mobile-toggle:focus-visible,.mobile-navigation a:focus-visible{outline:2px solid #23201f;outline-offset:3px}
 #main [data-framer-name="MENU LIST"]{display:none!important}

}
/* One readable, opaque navigation bar at every width. */
#main [data-framer-name="MENU LIST"]{display:none!important}
.mobile-header{position:sticky;top:0;z-index:10000;display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:24px;width:100%;min-height:72px;padding:12px clamp(20px,3vw,48px);background:#fffaf0;color:#231f20;border-bottom:1px solid #231f2020;backdrop-filter:none;box-shadow:0 2px 14px #00000008;box-sizing:border-box}
.mobile-header-row{display:contents}
.mobile-brand{display:flex;align-items:center;min-height:44px;width:96px}
.mobile-brand img{display:block;width:100%;height:auto}
.mobile-toggle{display:none}
.mobile-navigation{display:flex;align-items:center;justify-content:flex-end;gap:clamp(14px,1.5vw,26px);padding:0;min-width:0;max-height:none;overflow:visible}
.mobile-navigation a{display:flex;align-items:center;min-height:44px;padding:6px 0;font:500 17px/1.3 Oswald,sans-serif;color:#231f20;text-decoration:none;white-space:nowrap;border:0}
.mobile-navigation a:hover{text-decoration:underline;text-underline-offset:5px}
.mobile-navigation a[aria-current="page"]{text-decoration:underline;text-underline-offset:5px}
.mobile-navigation a:last-child{background:#231f20;color:#fffaf0;border-radius:3px;padding:10px 18px}
.mobile-toggle:focus-visible,.mobile-navigation a:focus-visible,.mobile-brand:focus-visible{outline:2px solid #231f20;outline-offset:5px}
@media(min-width:1200px){.mobile-navigation[hidden]{display:flex}}
@media(max-width:1199px){
 .mobile-header{display:block;min-height:68px;padding:10px 20px}
 .mobile-header-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px}
 .mobile-toggle{display:block;min-width:72px;min-height:44px;padding:10px 16px;background:transparent;color:#231f20;border:1px solid #231f20;border-radius:4px;font:500 16px/1.3 Oswald,sans-serif;cursor:pointer}
 .mobile-navigation[hidden]{display:none}
 .mobile-navigation{display:grid;justify-content:stretch;gap:0;padding:12px 0 4px;max-height:calc(100dvh - 76px);overflow-y:auto}
 .mobile-navigation a{min-height:48px;padding:10px 4px;border-bottom:1px solid #231f2018;font-size:18px;white-space:normal}
 .mobile-navigation a:last-child{margin-top:10px;justify-content:center}
}
