/* Owner-approved NovaTech collection. Scoped to the corporate homepage only. */
.studio-home #studio-projects { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:25px }
.studio-home #studio-projects .project-card { position:relative;display:grid;grid-template-rows:220px 1fr;min-width:0;border:1px solid var(--edge);border-radius:20px;overflow:hidden;background:linear-gradient(125deg,#e4f5ff1d,#06162991 62%,#84bcd91a);backdrop-filter:blur(17px) saturate(1.13);box-shadow:inset 0 1px 0 #effaff5c,inset 0 -1px 0 #c2e7ff2e,0 17px 42px #0005;transition:border-color .2s,box-shadow .2s }
.studio-home #studio-projects .project-card:after { content:'';position:absolute;inset:4px;border:1px solid #e1f5ff24;border-radius:15px;pointer-events:none }
.studio-home #studio-projects .project-card:hover { border-color:#e0f6ffb8;box-shadow:inset 0 1px 0 #fff7,0 18px 48px #0008 }
.studio-home #studio-projects .project-media { position:relative;height:220px;min-width:0;overflow:hidden;border-bottom:1px solid #bde6fc49;background:radial-gradient(ellipse at 50% 50%,#304f623d,#02142121) }
.studio-home #studio-projects .media-note { position:absolute;bottom:10px;left:12px;right:12px;display:block;padding:5px 9px;border:1px solid #b7d9ec48;border-radius:5px;background:#071424d9;color:#cde9fc;backdrop-filter:blur(10px);font-size:7px;font-weight:800;letter-spacing:.07em;text-align:center }
.studio-home #studio-projects .project-copy { padding:25px 25px 24px;display:grid;grid-template-rows:76px 66px 1fr 45px;gap:18px;min-width:0 }
.studio-home #studio-projects .project-identity { display:flex;align-items:center;gap:12px;min-width:0 }
.studio-home #studio-projects .project-identity>img { width:56px;height:56px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 4px 10px #06112399) }
.studio-home #studio-projects .project-identity>div { min-width:0 }
.studio-home #studio-projects .project-identity .eyebrow { font-size:7px;letter-spacing:.09em;margin-bottom:6px;color:#bde9fa }
.studio-home #studio-projects .project-identity h3 { font-size:20px;font-weight:800;line-height:1.17;letter-spacing:-.035em }
.studio-home #studio-projects .project-status { margin-top:5px;color:#cfdeec;font-size:9px;font-weight:650;line-height:1.45 }
.studio-home #studio-projects .project-copy h4 { font-size:27px;line-height:1.14;letter-spacing:-.035em;font-weight:800;color:#fff }
.studio-home #studio-projects .project-description { font-size:13px;font-weight:550;line-height:1.8;color:#e0eaf3;text-shadow:0 1px 4px #0005;min-height:116px }
.studio-home #studio-projects .project-cta { display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;font-weight:800;line-height:1.35;min-height:45px;padding:11px 13px;border:1px solid #bfe3f764;border-radius:8px;background:linear-gradient(120deg,#badcf71c,#4e8bb21d);box-shadow:inset 0 1px 0 #edfcff29;color:#f0fbff }
.studio-home #studio-projects .project-cta:hover { background:#c8edff29;border-color:#dbf6ff }
.studio-home #studio-projects .project-cta>span { font-size:17px }
.studio-home #studio-projects .novatech-card { border-color:#b7ffeb9c;background:linear-gradient(125deg,#c1fff223,#052b3296 62%,#a9ecdf22) }
.studio-home #studio-projects .novatech-card .project-cta { color:#073332;background:linear-gradient(125deg,#c5fff0,#7edbd5);border-color:#cefff3 }
.studio-home #studio-projects .novatech-card .project-identity .eyebrow { color:#b7f8e5 }
.studio-home #studio-projects .novatech-card .project-copy h4 { color:#cbfff0 }
.studio-home #studio-projects .novatech-mark { position:absolute;width:205px;height:205px;object-fit:contain;top:3px;left:calc(50% - 102.5px);filter:drop-shadow(0 10px 18px #0007) }
.studio-home #studio-projects .novatech-media { background:radial-gradient(ellipse at 50% 50%,#66dbcd29,transparent 66%) }
.studio-home #studio-projects .browser-frame { position:absolute;width:83%;height:142px;left:8.5%;top:40px;border:1px solid #cbfff859;border-radius:10px;background:linear-gradient(140deg,#9ed6e229,#031d2640);transform:perspective(700px) rotateY(-11deg);box-shadow:inset 0 1px 0 #cafff526 }
.studio-home #studio-projects .browser-frame>span { display:block;font-size:7px;letter-spacing:3px;border-bottom:1px solid #c3eef52c;padding:5px 10px;color:#bcf8ed }
.studio-home #studio-projects .browser-frame i { display:block;margin:12px 17px;width:25%;height:5px;background:#b2eada36 }
.studio-home #studio-projects .browser-frame i:nth-of-type(2) { width:35% }
.studio-home #studio-projects .browser-frame i:nth-of-type(3) { height:24px;width:20%;border:1px solid #b5f9e849;background:#acf5e119;border-radius:3px }
.studio-home #studio-projects .media-note.new-department { left:16px;right:auto;top:13px;bottom:auto;font-size:7px;background:#12362bcf;color:#cbffec;z-index:1;border-color:#c5fff14a }
.studio-home #studio-projects .classbound-media>img { width:100%;height:100%;object-fit:cover;object-position:center 46% }
.studio-home #studio-projects .phone-trio { height:210px;display:flex;justify-content:center;gap:10px;align-items:center;padding:10px 18px 18px }
.studio-home #studio-projects .phone-trio img { height:186px;width:auto;min-width:0;object-fit:contain;border:3px solid #122237;border-radius:11px;box-shadow:0 9px 20px #0007 }
.studio-home #studio-projects .phone-trio img:first-child { transform:rotate(-6deg) translateY(5px) }
.studio-home #studio-projects .phone-trio img:last-child { transform:rotate(6deg) translateY(5px) }
.studio-home #studio-projects .chores-media { background:linear-gradient(145deg,#59858f1c,#3c578228) }
.studio-home #studio-projects .dawn-media { background:radial-gradient(ellipse at 50% 45%,#bc895c24,#06132316) }
.studio-home #studio-projects .card-fan { position:relative;height:210px;width:300px;max-width:100%;margin:auto }
.studio-home #studio-projects .card-fan .fan-card { position:absolute;top:9px;height:186px;width:124px;filter:drop-shadow(0 8px 10px #0009) }
.studio-home #studio-projects .card-fan .fan-0 { left:25px;transform:rotate(-14deg);top:14px }
.studio-home #studio-projects .card-fan .fan-1 { left:88px;z-index:2 }
.studio-home #studio-projects .card-fan .fan-2 { right:25px;transform:rotate(14deg);top:14px }
.studio-home #studio-projects .animation-media>img { width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 12px #0008) }
.studio-home #studio-projects .app-media { padding:15px 16px 35px }
.studio-home #studio-projects .app-media>img { width:100%;height:100%;object-fit:contain;border-radius:6px;filter:drop-shadow(0 6px 15px #0007) }


.studio-home #studio-projects .project-card { grid-column: auto; min-height: 0; }
.studio-home #studio-projects .project-card:before { display: none; }
.studio-home #studio-projects .project-identity { margin: 0; }
.studio-home #studio-projects .project-copy p { margin-bottom: 0; max-width: none; }
.studio-home #studio-projects .project-copy h4 { margin: 0; }
.studio-home .studio-tabs { grid-template-columns: repeat(8,minmax(0,1fr)); border: 1px solid #bbdefe59; border-radius: 13px; overflow: hidden; background: linear-gradient(125deg,#c5e9ff1f,#09203c70); backdrop-filter: blur(20px); }
.studio-home .studio-tab { min-height: 86px; padding: 17px 12px; }
.studio-home .studio-tab strong { font-size: 13px; }
.studio-home .studio-tab span { font-size: 8px; }
.studio-home .studio-tab.active { color: #d9fff3; background: #67c8bf22; box-shadow: inset 0 -3px 0 #a4f1dc; }
.studio-home .department-nav { flex-wrap: wrap; gap: 24px; }
@media(max-width:1120px) {
  .studio-home #studio-projects { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .studio-home #studio-projects .project-copy { grid-template-rows: 76px 66px 1fr 45px; padding: 25px 27px; }
  .studio-home #studio-projects .project-description { min-height: 112px; }
  .studio-home #studio-projects .project-identity h3 { font-size: 23px; }
  .studio-home #studio-projects .project-identity .eyebrow { font-size: 8px; }
  .studio-home #studio-projects .project-status { font-size: 10px; }
  .studio-home #studio-projects .project-media { height: 230px; }
  .studio-home #studio-projects .project-card { grid-template-rows: 230px 1fr; }
  .studio-home #studio-projects .project-copy h4 { font-size: 29px; }
  .studio-home .studio-tabs { display: flex; overflow-x: auto; }
  .studio-home .studio-tab { flex: 0 0 142px; }
}
@media(min-width:761px) and (max-width:850px) {
  .studio-home #studio-projects .project-copy { grid-template-rows: 104px 104px 1fr 45px; }
}
@media(max-width:760px) {
  .studio-home #studio-projects { grid-template-columns: minmax(0,1fr); max-width: 550px; margin: auto; gap: 24px; }
  .studio-home #studio-projects .project-copy { padding: 25px 25px 26px; grid-template-rows: 74px 64px 1fr 46px; gap: 16px; }
  .studio-home #studio-projects .project-description { font-size: 13px; line-height: 1.8; min-height: 117px; }
  .studio-home #studio-projects .project-identity h3 { font-size: 22px; }
  .studio-home #studio-projects .project-identity .eyebrow { font-size: 7px; }
  .studio-home #studio-projects .project-status { font-size: 9px; }
  .studio-home #studio-projects .project-cta { font-size: 12px; }
  .studio-home #studio-projects .novatech-mark { width: 219px; height: 219px; left: calc(50% - 109.5px); }
  .studio-home #studio-projects .phone-trio, .studio-home #studio-projects .card-fan { height: 220px; }
  .studio-home #studio-projects .phone-trio img { height: 195px; }
  .studio-home #studio-projects .card-fan .fan-card { height: 195px; width: 130px; }
  .studio-home #studio-projects .card-fan .fan-1 { left: 85px; }
  .studio-home .department-nav { gap: 8px; }
}
@media(max-width:380px) {
  .studio-home #studio-projects .project-copy { padding-inline: 21px; }
  .studio-home #studio-projects .project-identity h3 { font-size: 20px; }
  .studio-home #studio-projects .project-identity .eyebrow { font-size: 6px; }
  .studio-home #studio-projects .project-copy h4 { font-size: 27px; }
  .studio-home #studio-projects .project-description { font-size: 12px; }
  .studio-home #studio-projects .project-cta { font-size: 11px; }
}
@media print { .studio-home #studio-projects { grid-template-columns: repeat(2,minmax(0,1fr)); } .studio-home #studio-projects .project-card { break-inside: avoid; } }

.studio-home #studio-projects .phone-trio > a { display: contents; }
.studio-home #studio-projects .phone-trio > a:nth-child(1) img { transform: rotate(-6deg) translateY(5px); }
.studio-home #studio-projects .phone-trio > a:nth-child(2) img { transform: translateY(0); }
.studio-home #studio-projects .phone-trio > a:nth-child(3) img { transform: rotate(6deg) translateY(5px); }