/* Final mobile rhythm. Desktop layout and native galleries remain independent. */
.studio-mobile-masthead,.mobile-playground{display:none}
@media(max-width:899.98px){
 html.burger-ready{--mobile-header-height:64px;--mobile-gutter:20px}
 .studio-mobile-masthead{display:flex;align-items:center;position:fixed;z-index:20;top:var(--binder-top);left:var(--binder-left);right:var(--binder-right);height:var(--mobile-header-height);padding:0 var(--mobile-gutter);background:var(--folder-page-paper,#F6F4F0);color:var(--ink,#5D0614);border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent)}
 .studio-mobile-masthead a{display:flex;flex-direction:column;justify-content:center;gap:5px;min-height:44px;color:inherit;text-decoration:none;font:700 10px/1 'JetBrains Mono',monospace;letter-spacing:.02em}
 .studio-mobile-masthead a span{font-size:7px;font-weight:400;letter-spacing:.13em}
 .studio-menu-trigger{top:calc(var(--binder-top) + 10px);right:calc(var(--binder-right) + 10px);min-width:82px;background:transparent}
 html.burger-ready #main{top:calc(var(--binder-top) + var(--mobile-header-height));scroll-padding-top:18px}
 html.burger-ready #main main[data-framer-name="Main"]{padding:18px 10px 28px!important}
 html.burger-ready #main [data-framer-name="Wrap / BG"]{box-shadow:none!important}
 html.burger-ready #main .framer-18syu8n-container{display:none!important}
 html.burger-ready .folder-content{padding-left:var(--mobile-gutter);padding-right:var(--mobile-gutter);font-size:14px;line-height:1.7}
 html.burger-ready .folder-content h1{font-size:clamp(30px,9.3vw,42px);line-height:1.08;text-wrap:balance}
 html.burger-ready .folder-content h2{font-size:28px;line-height:1.15;text-wrap:balance}
 html.burger-ready .folder-content h3{font-size:21px;line-height:1.25}
 html.burger-ready .folder-content .micro{font-size:9px;line-height:1.5;letter-spacing:.065em}
 html.burger-ready .folder-content section{padding:36px 0}
 html.burger-ready .folder-new-page{padding-top:14px!important}
 html.burger-ready .folder-content .section-label{margin-bottom:24px}
 html.burger-ready .folder-content .section-heading>div{gap:12px}
 html.burger-ready .folder-content .section-heading>p{margin-bottom:24px}
 html.burger-ready .folder-content .text-link{min-height:46px;font-size:10px}
 html.burger-ready .folder-content .button{min-height:48px;max-width:100%;font-size:12px}
 html.burger-ready .folder-content .section-bottom{flex-wrap:wrap;gap:12px}
 html.burger-ready .folder-content .brush{font-size:24px;line-height:1.25}
 html.burger-ready .folder-original-hero{padding:26px var(--mobile-gutter) 0;min-height:620px;height:calc(100dvh - 160px);gap:20px}
 html.burger-ready .folder-original-hero .framer-9fyw77{max-height:265px;min-height:190px}
 html.burger-ready .folder-original-hero .framer-1rxficg{height:76px!important;min-height:76px;margin-top:6px}
 html.burger-ready .folder-original-hero .framer-191dvbu{padding-top:35px!important}
 html.burger-ready .folder-content .manifesto p.binder-intro-detail{font-size:14px;line-height:1.7;margin-bottom:24px}
 html.burger-ready .folder-content .manifesto p:not(.binder-intro-detail){font-size:24px;line-height:1.3}
 html.burger-ready .folder-content .offer-card{padding:22px 0}
 html.burger-ready .folder-content .offer-card h3{margin:14px 0!important}
 html.burger-ready .folder-content .offer-lead{font-size:15px;line-height:1.7}
 html.burger-ready .folder-content .dash-list li{padding-top:7px;padding-bottom:7px}
 html.burger-ready .folder-content .team-grid{gap:34px;margin-top:32px}
 html.burger-ready .folder-content .team-stamp{font-size:23px;opacity:.12;max-width:100%;line-height:.95}
 html.burger-ready .folder-content .team-card{padding-top:32px}
 html.burger-ready .folder-content .team-card p{font-size:14px;line-height:1.65}
 html.burger-ready .folder-content .large-copy{font-size:15px;line-height:1.7}
 html.burger-ready .folder-content .story-title h1{margin-top:20px!important}
 html.burger-ready .folder-content .story-hero{gap:20px}
 html.burger-ready .folder-content .premium-contact-heading{padding-top:0;padding-bottom:28px}
 html.burger-ready .folder-content .premium-contact-heading h1{font-size:clamp(54px,18vw,70px)!important;margin-top:28px!important;margin-bottom:20px!important}
 html.burger-ready .premium-contact-heading p{font-size:13px;line-height:1.6}
 html.burger-ready .contact-layout{gap:32px}
 html.burger-ready .folder-content label{font-size:10px;margin-bottom:23px;letter-spacing:.07em}
 html.burger-ready .folder-content :is(input,select,textarea){font-size:16px;min-height:46px;padding:10px 0}
 html.burger-ready .folder-content textarea{min-height:138px;resize:vertical}
 html.burger-ready .form-paper .button,html.burger-ready .form-paper .button .brush{color:#F6F4F0!important}
 html.burger-ready .form-paper .button .brush{font:12px/1.4 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.08em}
 html.burger-ready .direct-contact{gap:10px;font-size:13px}
 html.burger-ready .direct-contact>a,html.burger-ready .copy-button{display:flex;align-items:center;min-height:44px;overflow-wrap:anywhere}
 html.burger-ready .folder-content .small-print{font-size:12px;line-height:1.6}
 html.burger-ready .folder-footer{font-size:9px;line-height:1.6}
 html.burger-ready .folder-footer a{display:inline-flex;align-items:center;min-height:44px}
 /* Project index: predictable cards, with generous separation and readable captions. */
 html.burger-ready .framer-m7vxct{height:90px!important;min-height:90px!important}
 html.burger-ready h1[aria-label="THE WORK"]{font:900 clamp(28px,9vw,40px)/1.05 Montserrat,sans-serif!important;letter-spacing:-.055em!important;filter:none!important}
 html.burger-ready h1[aria-label="THE WORK"]>span{transform:none!important}
 /* Project detail: the description and metadata use the full width on a phone. */
 html.burger-ready .framer-xjku4n [data-framer-name="Button Wrap"]{height:auto!important;min-height:44px}
 html.burger-ready .framer-xjku4n [data-framer-name="Button Wrap"] a{display:inline-flex;align-items:center;min-height:44px}
 html.burger-ready .framer-xjku4n [data-framer-name="Name"]{height:auto!important;min-height:70px;padding:10px 0 24px}
 html.burger-ready .framer-xjku4n h1{font:700 clamp(26px,8.5vw,36px)/1.1 Montserrat,sans-serif!important;letter-spacing:-.045em!important;filter:none!important;display:block!important;text-wrap:balance}
 html.burger-ready .framer-xjku4n h1>span{display:inline!important;transform:none!important}
 html.burger-ready .framer-xjku4n .framer-773q3t{flex-direction:column!important;align-items:stretch!important;gap:16px!important;padding-bottom:28px!important}
 html.burger-ready .framer-xjku4n .framer-ycjyz9{width:100%!important;height:auto!important;gap:25px!important;flex:none!important}
 html.burger-ready .framer-xjku4n .framer-1vt88a5{width:100%!important;height:auto!important;flex:none!important}
 html.burger-ready .framer-xjku4n .framer-1vt88a5 p{font:17px/1.5 Montserrat,sans-serif!important}
 html.burger-ready .framer-xjku4n .framer-gj5u6p{width:100%!important;gap:20px!important}
 html.burger-ready .framer-xjku4n :is(.framer-ru2gqy,.framer-2biwc3){flex-direction:column!important;align-items:stretch!important;gap:16px!important;padding:28px 0!important}
 html.burger-ready .framer-xjku4n :is(.framer-17ijip3,.framer-w8jnbr){width:100%!important;height:auto!important;flex:none!important}
 html.burger-ready .framer-xjku4n :is(.framer-17ijip3,.framer-w8jnbr) p{font:14px/1.7 Montserrat,sans-serif!important}
 /* Playground: keep the supplied studio photos; replace the zero-height mobile marquee. */
 html.burger-ready .framer-g2o0kh>:not(.mobile-playground){display:none!important}
 .mobile-playground{display:block;padding:10px var(--mobile-gutter) 30px;color:#5D0614;font:14px/1.7 Montserrat,sans-serif}
 .mobile-playground .micro{font:9px/1.5 'JetBrains Mono',monospace;letter-spacing:.08em}
 .mobile-playground h1{font:900 clamp(28px,8.7vw,40px)/1.1 Montserrat,sans-serif;letter-spacing:-.055em;margin:22px 0 14px}
 .mobile-playground header p{margin:0 0 30px;font-size:14px;line-height:1.6}
 .mobile-playground-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 12px;align-items:start}
 .mobile-playground figure{margin:0;min-width:0}
 .mobile-playground figure:nth-child(even){padding-top:24px}
 .mobile-playground img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;background:#ddd7ce}
 .mobile-playground figcaption{font:8px/1.5 'JetBrains Mono',monospace;letter-spacing:.04em;margin-top:9px;opacity:.7}
 .mobile-journal-link{display:flex;justify-content:space-between;align-items:center;min-height:48px;margin-top:32px;border-top:1px solid #5D061430;color:inherit;text-decoration:none;font:10px 'JetBrains Mono',monospace}
 /* Small controls stay readable; large menu rows remain easy to select. */
 .studio-menu-link{font-size:clamp(23px,6.9vw,29px);min-height:60px}
 .studio-menu-number{font-size:9px}
 .studio-menu-note{font-size:8px;line-height:1.6}
}
@media(max-width:359px){
 html.burger-ready{--mobile-gutter:15px}
 html.burger-ready .folder-content h2{font-size:25px}
 html.burger-ready .folder-content .manifesto p:not(.binder-intro-detail){font-size:22px}
 .studio-menu{padding-left:20px;padding-right:20px}
}
@media(max-height:600px) and (max-width:899.98px){html.burger-ready .folder-original-hero{height:auto;min-height:620px}}
@media(max-width:899.98px){
 html.burger-ready .folder-original-hero :is(.framer-r0crqb,.hero-addition>a){min-height:44px}
 html.burger-ready .folder-content a[href^="mailto:"]{display:inline-flex;align-items:center;min-height:44px;max-width:100%;overflow-wrap:anywhere}
 html.burger-ready .framer-xjku4n :is(.framer-1723bv8,.framer-1f8zrtm){width:100%!important;height:auto!important;flex:none!important}
 html.burger-ready .framer-xjku4n :is(.framer-1723bv8,.framer-1f8zrtm) p{font:14px/1.7 Montserrat,sans-serif!important}
}
@media(max-width:899.98px){html.burger-ready .folder-original-hero .framer-1a6gfq4{display:none!important}}
/* Preserve the real typeface proportions; sizing alone fits titles to the sheet. */
@media(max-width:899.98px){
 html.burger-ready .folder-original-hero h1[aria-label]{transform:none!important;width:100%!important;max-width:100%!important;font-size:min(15.2cqw,64px)!important;line-height:1.06!important;letter-spacing:-.055em!important}
 html.burger-ready .folder-content .premium-contact-heading h1{transform:none!important;width:100%;max-width:100%;font-size:clamp(29px,10vw,42px)!important;line-height:1.08;letter-spacing:-.055em}
}
/* Two complete backing sheets: exposed corners and bottom edges explain the stack. */
@media(max-width:899.98px){
 html.burger-ready .mobile-binder{background:transparent;box-shadow:none;--stack-far:#94B1C8}
 html.burger-ready[data-folder-route="/works"] .mobile-binder{--stack-far:#5D0614}
 .mobile-binder::before,.mobile-binder::after{content:'';position:absolute;border-radius:3px;border:1px solid #342b2225;pointer-events:none}
 .mobile-binder::before{inset:6px -7px -4px 6px;background:#F6F4F0;z-index:-1;box-shadow:2px 2px 4px #0002}
 .mobile-binder::after{inset:12px -14px -8px 12px;background:var(--stack-far);z-index:-2;box-shadow:2px 3px 6px #0003}
 .mobile-paper-face{position:absolute;inset:0;display:block;background:var(--folder-page-paper,#F6F4F0);border-radius:2px;box-shadow:1px 1px 3px #0003;z-index:0}
}
