/* Davisville Labs mobile portfolio v4 — intentional single-column responsive design.
   This file is loaded after desktop styles, only at widths up to 760px.
   Do not modify the approved desktop layout or product routing. */
.studio-redesign,
.studio-redesign main,
.studio-redesign .studio-hero,
.studio-redesign .case,
.studio-redesign .studio-end{max-width:100%;min-width:0}
.studio-redesign main{overflow-x:clip}
.studio-redesign .shell{width:calc(100% - 36px);max-width:none}
.studio-redesign .top .nav{min-height:66px}
.studio-redesign .top .brand-name{line-height:1.1}
.studio-redesign .top .mobile-menu summary{min-height:42px}
.studio-redesign .studio-hero .hero-layout{
  display:flex;flex-direction:column;align-items:stretch;
  gap:30px;padding:65px 0 66px;
}
.studio-redesign .hero-copy{width:100%;min-width:0}
.studio-redesign .hero-copy .studio-brow{font-size:10px;line-height:1.6;letter-spacing:.11em}
.studio-redesign .hero-copy h1{
  max-width:100%;font-size:clamp(37px,9.5vw,59px);
  line-height:1.065;letter-spacing:-.063em;
  margin:17px 0 20px;overflow-wrap:normal;
}
.studio-redesign .hero-lede{max-width:560px;font-size:15px;line-height:1.65}
.studio-redesign .studio-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.studio-redesign .studio-button{min-height:45px;font-size:13px;padding:12px 17px;white-space:normal}
.studio-redesign .hero-stage{
  display:grid;grid-template-columns:minmax(0,1fr);
  grid-template-rows:138px 138px 190px;gap:11px;
  width:100%;max-width:100%;min-height:0;margin:0;
  transform:none;perspective:none;
}
.studio-redesign .hero-stage .stage-card{
  position:relative;left:auto;right:auto;top:auto;bottom:auto;
  display:block;width:100%;height:100%;min-width:0;min-height:0;
  margin:0;transform:none;border-radius:13px;box-shadow:0 16px 32px rgba(0,0,0,.21);
}
.studio-redesign .hero-stage .stage-bitcoin{grid-column:1;grid-row:1}
.studio-redesign .hero-stage .stage-analytics{grid-column:1;grid-row:2}
.studio-redesign .hero-stage .stage-compass{
  grid-column:1;grid-row:3;
  display:grid;grid-template-columns:86px minmax(0,1fr);
  overflow:hidden;background:#f8faff;
}
.studio-redesign .hero-stage .stage-header{height:31px;padding:0 12px;font-size:11px}
.studio-redesign .hero-stage .stage-bitcoin .stage-content{
  height:calc(100% - 31px);padding:17px 20px;
  background-position:61% 50%;
}
.studio-redesign .hero-stage .stage-bitcoin .stage-content .stage-micro{font-size:9px}
.studio-redesign .hero-stage .stage-bitcoin .stage-content h3{font-size:24px;line-height:1.04;margin:6px 0 2px}
.studio-redesign .hero-stage .stage-bitcoin .stage-content em{font-size:22px}
.studio-redesign .hero-stage .stage-analytics .stage-content{padding:12px 15px}
.studio-redesign .hero-stage .stage-analytics .stage-header .mini-status{font-size:9px}
.studio-redesign .stage-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.studio-redesign .stage-kpis>div{padding:7px 10px}
.studio-redesign .stage-kpis small{font-size:9px}
.studio-redesign .stage-kpis strong{font-size:21px}
.studio-redesign .stage-trend{margin-top:9px;height:36px}
.studio-redesign .stage-counselor-nav{padding:15px 6px}
.studio-redesign .stage-counselor-logo{font-size:10px;gap:5px;margin-bottom:13px}
.studio-redesign .stage-counselor-logo img{width:19px;height:19px}
.studio-redesign .stage-counselor-nav>span{font-size:9px;padding:8px 5px}
.studio-redesign .stage-counselor-main{padding:16px 14px}
.studio-redesign .stage-counselor-top{font-size:9px}
.studio-redesign .stage-counselor-eyebrow{font-size:9px;margin-top:12px}
.studio-redesign .stage-counselor-main h3{font-size:clamp(20px,5vw,29px);line-height:1.08;margin:8px 0}
.studio-redesign .stage-counselor-main p{font-size:10px;line-height:1.35}
.studio-redesign .stage-counselor-cards{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;margin-top:14px;
}
.studio-redesign .stage-counselor-cards>div{min-height:57px;padding:8px 7px}
.studio-redesign .stage-counselor-cards>div:nth-child(3){display:none}
.studio-redesign .stage-counselor-cards small{font-size:7px}
.studio-redesign .stage-counselor-cards b{font-size:9px;line-height:1.2}
.studio-redesign .hero-bottom{bottom:19px;font-size:9px}
.studio-redesign .case-layout,
.studio-redesign #learning .compass-feature-layout,
.studio-redesign .case-analytics .case-layout{
  display:flex;flex-direction:column;align-items:stretch;
  gap:30px;padding:74px 0;
}
.studio-redesign .case-copy,
.studio-redesign #learning .compass-feature-copy,
.studio-redesign .case-media{
  width:100%;max-width:100%;min-width:0;order:initial;
}
.studio-redesign .case-copy h2,
.studio-redesign #learning .compass-feature-copy h2,
.studio-redesign .case-analytics .case-copy h2{
  font-size:clamp(36px,9vw,60px);line-height:1.07;
  letter-spacing:-.06em;margin:18px 0 18px;
  overflow-wrap:normal;
}
.studio-redesign .case-copy h2 em,
.studio-redesign .case-analytics .case-copy h2 em{
  font-size:inherit;line-height:1.1;
}
.studio-redesign .case-copy p,
.studio-redesign #learning .compass-feature-copy p{
  font-size:15px;line-height:1.69;max-width:610px;
}
.studio-redesign .case-no,
.studio-redesign .case-copy .studio-brow{font-size:10px;letter-spacing:.13em}
.studio-redesign .case-notes{gap:9px 16px;margin-top:20px;font-size:11px}
.studio-redesign .case .screen{width:100%;max-width:100%;min-width:0;border-radius:15px}
.studio-redesign .case .screen-note{font-size:11px;line-height:1.5;margin-top:12px}
.studio-redesign .btc-screen-body{
  min-height:290px;padding:39px 21px 36px;
  background-position:61% center;
}
.studio-redesign .btc-screen-body h3{font-size:clamp(26px,7.4vw,40px)}
.studio-redesign .btc-screen-body em{font-size:clamp(27px,7.4vw,39px)}
.studio-redesign .btc-screen-body p{font-size:12px;line-height:1.55;max-width:235px}
.studio-redesign .screen-bar{padding:0 12px;height:45px;font-size:11px}
.studio-redesign .screen-bar small{display:none}
.studio-redesign .screen-bar .screen-chip{padding:7px 11px;font-size:9px}
.studio-redesign .screen-bottom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.studio-redesign .screen-bottom span{border-top:1px solid rgba(255,255,255,.06);padding:12px 11px;font-size:10px}
.studio-redesign #learning .compass-feature-layout{gap:32px}
.studio-redesign #learning .compass-feature-copy{order:0}
.studio-redesign #learning .compass-showcase-frame{
  display:block;width:100%;max-width:100%;min-width:0;order:1;
}
.studio-redesign #learning .compass-showcase-frame .counselor-window{
  display:grid;grid-template-columns:minmax(0,1fr);
  width:100%;max-width:100%;min-width:0;min-height:0;
  border-radius:15px;
}
.studio-redesign #learning .compass-showcase-frame .counselor-sidebar{display:none}
.studio-redesign #learning .compass-showcase-frame .counselor-content{width:100%;min-width:0}
.studio-redesign #learning .compass-showcase-frame .counselor-toolbar{
  display:flex;align-items:center;min-height:54px;padding:11px 12px;gap:8px;
}
.studio-redesign #learning .compass-showcase-frame .counselor-demo-nav{gap:5px}
.studio-redesign #learning .compass-showcase-frame .counselor-demo-nav span,
.studio-redesign #learning .compass-showcase-frame .counselor-demo-nav strong{
  font-size:9px;padding:8px;
}
.studio-redesign #learning .compass-showcase-frame .counselor-eligibility{
  padding:9px 12px;min-height:0;
}
.studio-redesign #learning .compass-showcase-frame .counselor-eligibility span{font-size:10px}
.studio-redesign #learning .compass-showcase-frame .counselor-projects{padding:26px 16px}
.studio-redesign #learning .compass-showcase-frame .counselor-projects h3{
  font-size:clamp(32px,8.5vw,48px);line-height:1.09;
  margin:11px 0 13px;
}
.studio-redesign #learning .compass-showcase-frame .counselor-projects>p{font-size:13px;line-height:1.58}
.studio-redesign #learning .compass-showcase-frame .counselor-filters{
  gap:7px;margin:18px 0 15px;
}
.studio-redesign #learning .compass-showcase-frame .counselor-filters span{
  padding:8px 10px;font-size:10px;line-height:1.3;
}
.studio-redesign #learning .compass-showcase-frame .counselor-project-grid{
  display:grid;grid-template-columns:minmax(0,1fr);gap:9px;
}
.studio-redesign #learning .compass-showcase-frame .counselor-project-card{
  min-height:0;padding:15px;border-radius:13px;
}
.studio-redesign #learning .compass-showcase-frame .counselor-project-card small{font-size:9px}
.studio-redesign #learning .compass-showcase-frame .counselor-project-card h4{
  font-size:19px;line-height:1.2;margin:9px 0 8px;
}
.studio-redesign #learning .compass-showcase-frame .counselor-project-card p{
  font-size:12px;line-height:1.5;
}
.studio-redesign #learning .compass-showcase-frame .counselor-project-bottom{
  display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;
  gap:8px;margin-top:10px;padding-top:7px;
}
.studio-redesign #learning .compass-showcase-frame .counselor-project-bottom span{font-size:10px}
.studio-redesign #learning .compass-showcase-frame .counselor-project-bottom b{font-size:10px;padding:8px}
.studio-redesign .analytics-snapshot .snapshot-topbar{
  display:flex;flex-wrap:wrap;justify-content:space-between;min-height:50px;
  padding:9px 12px;gap:6px;overflow:visible;
}
.studio-redesign .snapshot-title b{font-size:12px}
.studio-redesign .snapshot-workspace{display:none}
.studio-redesign .snapshot-badge{font-size:8px;padding:6px}
.studio-redesign .snapshot-demo{display:none}
.studio-redesign .snapshot-layout{grid-template-columns:minmax(0,1fr)}
.studio-redesign .snapshot-sidebar{display:none}
.studio-redesign .snapshot-main{min-width:0;padding:11px}
.studio-redesign .snapshot-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.studio-redesign .snapshot-metric{min-width:0;min-height:122px;padding:13px 11px}
.studio-redesign .snapshot-metric:last-child{grid-column:1/-1;min-height:86px}
.studio-redesign .snapshot-metric small{font-size:9px;line-height:1.3}
.studio-redesign .metric-line strong{font-size:28px;line-height:1.04}
.studio-redesign .metric-line b{font-size:9px}
.studio-redesign .snapshot-metric p{font-size:10px;line-height:1.45}
.studio-redesign .snapshot-metric p.active-product{font-size:14px;margin-top:10px}
.studio-redesign .snapshot-lower{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.studio-redesign .snapshot-tile{min-width:0;min-height:0;padding:14px}
.studio-redesign .snapshot-tile small{font-size:9px}
.studio-redesign .snapshot-tile p{font-size:13px;line-height:1.45}
.studio-redesign .snapshot-product{width:100%;min-width:0}
.studio-redesign .snapshot-recent{display:none}
.studio-redesign .snapshot-momentum{grid-column:auto;min-height:150px}
.studio-redesign .momentum-bars{height:78px}
.studio-redesign .studio-end{padding:69px 0 29px}
.studio-redesign .end-row{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;padding-bottom:0}
.studio-redesign .end-row h2{font-size:clamp(36px,8.7vw,57px);line-height:1.09;letter-spacing:-.061em}
.studio-redesign .end-row p{font-size:15px;line-height:1.7}
.studio-redesign footer{width:100%}
@media(max-width:370px){
 .studio-redesign .hero-copy h1{font-size:clamp(35px,9.3vw,42px)}
 .studio-redesign .stage-counselor-nav{padding:12px 4px}
 .studio-redesign .stage-counselor-main{padding:12px 9px}
 .studio-redesign .stage-counselor-main h3{font-size:19px}
 .studio-redesign .stage-counselor-cards{gap:5px}
 .studio-redesign .stage-counselor-cards>div{padding:6px}
 .studio-redesign .studio-button{font-size:12px;padding:10px 13px}
 .studio-redesign .snapshot-title b{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
 .studio-redesign .studio-button,.studio-redesign .stage-card{transition:none}
 .studio-redesign .studio-button:hover,.studio-redesign .stage-card:hover{transform:none}
}