/* Pass 2: Studio page styles extracted from studio.html. */
body { margin: 0; background: #f4f4f2; }
a { color: #0b0b0b; text-decoration: none; }
a:hover { color: #4F6B00; }
.studio-logo { width: 46px; height: 46px; flex: none; display: block; object-fit: contain; }
.studio-parent-brand { font-family: 'Barlow Condensed', sans-serif; font-size: 21px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.14em; color: #0b0b0b; }
@media (max-width: 900px) { [data-shape] { display: none !important; } }
main details summary::-webkit-details-marker { display: none; }
main details summary { list-style: none; cursor: pointer; transition: color .25s ease, padding-left .3s cubic-bezier(.16,.84,.28,1); }
main details summary:hover { color: #4F6B00 !important; padding-left: 12px !important; }
main details[open] summary { color: #0b0b0b !important; }
@media (max-width: 860px) {
  [data-projrow] { grid-template-columns: 1fr !important; }
  [data-projrow] > * { order: 0 !important; }
  [data-shot="mobile"] { position: static !important; width: 42% !important; margin-top: 18px; }
}
[data-prepped="clip"] { transition: clip-path 1.05s cubic-bezier(.16,.84,.28,1), opacity .5s ease; will-change: clip-path, opacity; }
[data-prepped="mask"] { transition: clip-path 1s cubic-bezier(.16,.84,.28,1), transform 1s cubic-bezier(.16,.84,.28,1), opacity .6s ease; will-change: clip-path, transform, opacity; }
[data-prepped="up"] { transition: opacity .8s cubic-bezier(.16,.84,.28,1), transform .8s cubic-bezier(.16,.84,.28,1); will-change: opacity, transform; }
[data-prepped="shape"] { transition: opacity 1.2s ease, transform 1.2s cubic-bezier(.16,.84,.28,1); }
h1 [data-enter], h2[data-reveal] {
  opacity: 1 !important;
  transform: none !important;
  clip-path: none !important;
}
@keyframes di-badge { 0%, 100% { box-shadow: 0 0 0 0 rgba(200,255,0,0); } 50% { box-shadow: 0 0 0 5px rgba(200,255,0,0.13); } }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; transition-duration: .001ms !important; }
}
.di-complexity { position:relative; overflow:hidden; }
.di-complexity-track { height:2px; background:#262626; position:relative; margin:38px 0 26px; }
.di-complexity-fill { position:absolute; inset:0 auto 0 0; width:0; background:#C8FF00; transition:width 1.5s cubic-bezier(.16,.84,.28,1); }
.di-complexity.is-visible .di-complexity-fill { width:100%; }
.di-nodes { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.di-node { position:relative; border:1px solid #262626; padding:22px; min-height:150px; background:#101010; opacity:.35; transform:translateY(18px); transition:opacity .6s ease,transform .6s cubic-bezier(.16,.84,.28,1),border-color .6s ease; }
.di-complexity.is-visible .di-node { opacity:1; transform:none; }
.di-complexity.is-visible .di-node:nth-child(2){transition-delay:.22s}.di-complexity.is-visible .di-node:nth-child(3){transition-delay:.44s}
.di-node:hover { border-color:#C8FF00; transform:translateY(-5px); }
.di-branch { position:relative; display:grid; grid-template-columns:1fr 100px 1fr; gap:18px; align-items:stretch; }
.di-branch-line { position:relative; min-height:260px; }
.di-branch-line::before { content:""; position:absolute; left:50%; top:0; width:1px; height:0; background:#C8FF00; transition:height 1s ease; }
.di-branch-line::after { content:""; position:absolute; left:50%; top:52%; width:0; height:1px; background:#C8FF00; transform:translateX(-50%); transition:width 1s .55s ease; }
.di-branch.is-visible .di-branch-line::before { height:52%; }
.di-branch.is-visible .di-branch-line::after { width:100%; }
.di-path { border:1px solid #dedcd6; padding:30px; background:#fff; transform:translateY(18px); opacity:0; transition:opacity .7s ease,transform .7s cubic-bezier(.16,.84,.28,1); }
.di-branch.is-visible .di-path { opacity:1; transform:none; }
.di-branch.is-visible .di-path:last-child{transition-delay:.25s}
.di-process { position:relative; }
.di-process::before { content:""; position:absolute; left:19px; top:15px; bottom:15px; width:1px; background:#1f1f1f; }
.di-process-fill { position:absolute; left:19px; top:15px; width:1px; height:0; background:#C8FF00; transition:height 1.5s cubic-bezier(.16,.84,.28,1); }
.di-process.is-visible .di-process-fill { height:calc(100% - 30px); }
.di-process-step { position:relative; z-index:1; opacity:.35; transition:opacity .5s ease,transform .5s ease; }
.di-process.is-visible .di-process-step { opacity:1; }
.di-process.is-visible .di-process-step:nth-of-type(2){transition-delay:.12s}.di-process.is-visible .di-process-step:nth-of-type(3){transition-delay:.24s}.di-process.is-visible .di-process-step:nth-of-type(4){transition-delay:.36s}.di-process.is-visible .di-process-step:nth-of-type(5){transition-delay:.48s}
.di-live-card { border:1px solid #dedcd6; background:#fff; padding:26px; overflow:hidden; position:relative; }
.di-live-url { display:flex; gap:10px; align-items:center; border:1px solid #dedcd6; padding:10px 12px; font-size:13px; color:#56564f; }
.di-live-dot { width:8px;height:8px;border-radius:50%;background:#C8FF00;box-shadow:0 0 0 0 rgba(200,255,0,.3);animation:di-live 2.2s ease-out infinite; }
@keyframes di-live { 70%{box-shadow:0 0 0 10px rgba(200,255,0,0)}100%{box-shadow:0 0 0 0 rgba(200,255,0,0)} }
.di-status-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin-top:18px; }
.di-status { padding:12px;border:1px solid #dedcd6;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#56564f; }
.studio-form { display:grid; gap:16px; margin-bottom:28px; }
.studio-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.studio-field { display:grid; gap:7px; }
.studio-field > span, .studio-label { font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8a8a84;font-weight:600; }
.studio-field input,.studio-field select,.studio-field textarea { width:100%;box-sizing:border-box;background:#0b0b0b;border:1px solid #262626;color:#fff;font-family:inherit;font-size:15px;padding:11px 12px;outline:none;transition:border-color .25s ease,background .25s ease; }
.studio-field input:focus,.studio-field select:focus,.studio-field textarea:focus { border-color:#C8FF00;background:#101010; }
.studio-field textarea { resize:vertical; min-height:110px; }
.studio-checks { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 14px;padding:14px;border:1px solid #262626; }
.studio-checks label { display:flex;gap:9px;align-items:flex-start;color:#c9c9c4;font-size:14px;line-height:1.35; }
.studio-checks input { margin-top:3px; accent-color:#C8FF00; }
.studio-submit { background:#C8FF00;color:#0b0b0b;border:0;padding:15px 24px;font-family:inherit;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;cursor:pointer;justify-self:start; }
.studio-submit:hover { background:#fff; }
.studio-form-status { color:#c9c9c4;font-size:14px;min-height:20px;margin:0; }

/* Static replacements for former inline Studio layout styles. */
.studio-page { font-family: 'Barlow', system-ui, sans-serif; color:#3a3a38; background:#f4f4f2; font-size:17px; line-height:1.6; overflow-x:hidden; }
.studio-hero { position:relative; overflow:hidden; background:#0b0b0b; padding:clamp(48px,6vw,86px) clamp(20px,5vw,72px) clamp(44px,5vw,74px); }
.studio-hero__overlay { position:absolute; inset:0; pointer-events:none; background:linear-gradient(100deg,rgba(11,11,11,.72) 0%,rgba(11,11,11,.5) 45%,rgba(11,11,11,.12) 78%,rgba(11,11,11,0) 100%); }
.studio-hero__canvas { position:absolute; inset:0; width:100%; height:100%; display:block; pointer-events:none; }
.studio-hero__shape { position:absolute; }
.studio-hero__shape--one { top:-70px; right:-60px; width:230px; height:230px; background:#C8FF00; }
.studio-hero__shape--two { bottom:-150px; right:200px; width:270px; height:270px; border:2px solid #262626; border-radius:50%; }
.studio-hero__shape--three { bottom:76px; right:-70px; width:150px; height:16px; background:#C8FF00; }
.studio-hero__inner { position:relative; max-width:1200px; margin:0 auto; }
.studio-eyebrow-row { display:flex; align-items:center; gap:12px; margin-bottom:28px; }
.studio-eyebrow-line { width:34px; height:2px; background:#C8FF00; }
.studio-eyebrow { font-size:12px; letter-spacing:.18em; text-transform:uppercase; color:#C8FF00; font-weight:600; }
.studio-hero__title { font-family:'Barlow Condensed',sans-serif; font-size:clamp(46px,6.4vw,92px); font-weight:500; text-transform:uppercase; letter-spacing:.01em; line-height:.87; color:#fff; margin:0 0 24px; max-width:16ch; }
.studio-hero__title-line { display:block; }
.studio-accent { color:#C8FF00; }
.studio-hero__lede { font-size:clamp(19px,2.3vw,25px); line-height:1.45; color:#c9c9c4; max-width:660px; margin:0 0 18px; text-wrap:pretty; }
.studio-hero__strategy { color:#8a8a84; max-width:560px; margin:0 0 42px; line-height:1.7; text-wrap:pretty; }
.studio-hero__strategy-link { color:#C8FF00; border-bottom:1px solid rgba(200,255,0,.4); }
.studio-hero__strategy-link:hover,.studio-hero__strategy-link:focus-visible { color:#fff; border-bottom-color:#fff; }
.studio-hero__actions { display:flex; flex-wrap:wrap; gap:14px; }
.studio-hero__button { display:inline-block; padding:17px 36px; font-size:13px; font-weight:600; text-transform:uppercase; letter-spacing:.14em; }
.studio-hero__button--primary { background:#C8FF00; color:#0b0b0b; transition:background .3s cubic-bezier(.16,.84,.28,1),transform .3s cubic-bezier(.16,.84,.28,1); }
.studio-hero__button--secondary { border:1px solid #3a3a38; color:#ededea; transition:border-color .3s ease,color .3s ease,transform .3s cubic-bezier(.16,.84,.28,1); }
.studio-hero__button--primary:hover,.studio-hero__button--primary:focus-visible { background:#fff; color:#0b0b0b; transform:translateY(-3px); }
.studio-hero__button--secondary:hover,.studio-hero__button--secondary:focus-visible { border-color:#C8FF00; color:#C8FF00; transform:translateY(-3px); }

.studio-packages { padding:clamp(64px,9vw,112px) clamp(20px,5vw,72px); background:#ebebe8; border-bottom:1px solid #dedcd6; }
.studio-section-wrap { max-width:1200px; margin:0 auto; }
.studio-section-label-row { display:flex; align-items:center; gap:16px; margin-bottom:34px; }
.studio-section-label { font-size:12px; letter-spacing:.18em; text-transform:uppercase; color:#56564f; font-weight:600; }
.studio-section-rule { flex:1; height:1px; background:#d3d0c8; }
.studio-packages__intro { display:flex; flex-wrap:wrap; gap:20px 48px; align-items:flex-end; justify-content:space-between; margin-bottom:44px; }
.studio-packages__title { font-family:'Barlow Condensed',sans-serif; font-size:clamp(38px,6vw,68px); font-weight:300; text-transform:uppercase; letter-spacing:.02em; line-height:.95; color:#0b0b0b; margin:0; max-width:15ch; }
.studio-packages__intro-copy { font-size:16px; color:#56564f; margin:0; max-width:430px; line-height:1.65; }
.studio-package-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr)); gap:22px; }
.studio-package-card { padding:34px 32px 38px; display:flex; flex-direction:column; transition:transform .4s cubic-bezier(.16,.84,.28,1),border-top-color .4s ease,box-shadow .4s ease; }
.studio-package-card--light { background:#fff; border:1px solid #dedcd6; }
.studio-package-card--launch { border-top:4px solid #0b0b0b; }
.studio-package-card--standard { position:relative; background:#0b0b0b; border:1px solid #0b0b0b; border-top:4px solid #C8FF00; }
.studio-package-card--extended { border-top:4px solid #56564f; }
.studio-package-card--light:hover,.studio-package-card--light:focus-within { transform:translateY(-6px); border-top-color:#C8FF00; box-shadow:0 18px 40px -28px rgba(11,11,11,.5); }
.studio-package-card--standard:hover,.studio-package-card--standard:focus-within { transform:translateY(-6px); box-shadow:0 22px 48px -28px rgba(11,11,11,.7); }
.studio-package-badge { position:absolute; top:0; right:0; background:#C8FF00; color:#0b0b0b; font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:.16em; padding:7px 14px; animation:di-badge 3.4s ease-in-out infinite; }
.studio-package-kicker { font-size:12px; letter-spacing:.18em; text-transform:uppercase; color:#8a8a84; font-weight:600; margin-bottom:16px; }
.studio-package-title { font-family:'Barlow Condensed',sans-serif; font-size:38px; font-weight:400; text-transform:uppercase; letter-spacing:.05em; margin:0 0 8px; }
.studio-package-card--light .studio-package-title { color:#0b0b0b; }
.studio-package-card--standard .studio-package-title { color:#fff; }
.studio-package-copy { font-size:15px; margin:0 0 22px; line-height:1.6; }
.studio-package-card--light .studio-package-copy { color:#56564f; }
.studio-package-card--standard .studio-package-copy { color:#c9c9c4; }
.studio-package-list { list-style:none; padding:0; margin:0 0 30px; display:grid; gap:11px; flex:1; }
.studio-package-card--standard .studio-package-list { color:#ededea; }
.studio-package-card--extended .studio-package-list { color:#3a3a38; }
.studio-package-cta { display:block; text-align:center; padding:15px 24px; font-size:13px; font-weight:600; text-transform:uppercase; letter-spacing:.14em; }
.studio-package-card--light .studio-package-cta { border:1px solid #0b0b0b; color:#0b0b0b; }
.studio-package-card--standard .studio-package-cta { background:#C8FF00; color:#0b0b0b; }
.studio-complexity { margin-top:42px; background:#0b0b0b; color:#fff; padding:30px 32px 34px; }
.studio-complexity__label { font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:#C8FF00; font-weight:600; }
.studio-node-kicker { color:#C8FF00; font:500 14px 'Barlow Condensed',sans-serif; letter-spacing:.14em; }
.studio-node-title { font:300 27px 'Barlow Condensed',sans-serif; text-transform:uppercase; margin:8px 0 4px; }

.studio-fundamentals { padding:clamp(58px,8vw,92px) clamp(20px,5vw,72px); background:#f4f4f2; border-bottom:1px solid #dedcd6; }
.studio-fundamentals-grid { max-width:1200px; margin:0 auto; display:grid; grid-template-columns:minmax(240px,.75fr) minmax(320px,1.6fr); gap:clamp(30px,6vw,80px); align-items:start; }
.studio-fundamentals__eyebrow { font-size:12px; letter-spacing:.18em; text-transform:uppercase; color:#56564f; font-weight:600; margin-bottom:14px; }
.studio-fundamentals__title { font-family:'Barlow Condensed',sans-serif; font-size:clamp(34px,5vw,56px); font-weight:300; text-transform:uppercase; line-height:.98; margin:0; }
.studio-fundamentals__grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr)); gap:1px; background:#dedcd6; border:1px solid #dedcd6; }
.studio-fundamentals__item { background:#fff; padding:22px; }

.di-studio-resources-bg { padding:clamp(54px,8vw,88px) clamp(20px,5vw,72px); background:#f4f4f2; border-bottom:1px solid #dedcd6; }
.studio-resources__eyebrow { font-size:12px; letter-spacing:.18em; text-transform:uppercase; color:#56564f; font-weight:600; margin-bottom:16px; }
.studio-resources__title { font-family:'Barlow Condensed',sans-serif; font-size:clamp(36px,5.5vw,60px); font-weight:300; text-transform:uppercase; line-height:.98; margin:0 0 30px; }
.studio-resource-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); gap:20px; }
.di-resource-bg-card { display:block; background:#fff; border:1px solid #dedcd6; padding:28px 28px 30px; color:#0b0b0b; transition:transform .3s ease,border-color .3s ease; }
.di-resource-bg-card:hover,.di-resource-bg-card:focus-visible { transform:translateY(-4px); border-color:#C8FF00; }
.studio-resource-kicker { font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:#4F6B00; font-weight:600; }
.studio-resource-title { font-family:'Barlow Condensed',sans-serif; font-size:30px; text-transform:uppercase; font-weight:400; margin:8px 0; }
.studio-resource-copy { font-size:15px; color:#56564f; line-height:1.65; margin:0 0 18px; }
.studio-resource-cta { font-size:12px; text-transform:uppercase; letter-spacing:.14em; }

.studio-start { position:relative; overflow:hidden; background:#0b0b0b; padding:clamp(56px,9vw,116px) clamp(20px,5vw,72px); }
.studio-start__shape { position:absolute; }
.studio-start__shape--one { bottom:-120px; left:-80px; width:300px; height:300px; background:#C8FF00; }
.studio-start__shape--two { top:40px; right:60px; width:160px; height:160px; border:2px solid #262626; border-radius:50%; }
.studio-start__grid { position:relative; max-width:1200px; margin:0 auto; display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)); gap:clamp(32px,6vw,72px); align-items:start; }
.studio-start__eyebrow-row { display:flex; align-items:center; gap:12px; margin-bottom:24px; }
.studio-start__title { font-family:'Barlow Condensed',sans-serif; font-size:clamp(32px,5.4vw,62px); font-weight:300; text-transform:uppercase; letter-spacing:.02em; line-height:.98; color:#fff; margin:0 0 22px; max-width:16ch; }
.studio-start__copy { color:#c9c9c4; line-height:1.7; margin:0 0 32px; max-width:460px; }
.studio-start__email { font-size:14px; color:#8a8a84; line-height:1.6; margin:0; }
.studio-start__email a { color:#fff; border-bottom:2px solid #C8FF00; }
.studio-start__form-card { border:1px solid #262626; background:#0f0f0f; padding:32px 30px 36px; }
.studio-start__form-label { font-size:12px; letter-spacing:.18em; text-transform:uppercase; color:#8a8a84; font-weight:600; margin-bottom:22px; }
.studio-honeypot { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.studio-functionality { border:0; padding:0; margin:0; display:grid; gap:7px; }

@media(max-width:760px){.di-nodes{grid-template-columns:1fr}.di-branch{grid-template-columns:1fr}.di-branch-line{min-height:70px}.di-branch-line::before{height:0;left:50%}.di-branch.is-visible .di-branch-line::before{height:70px}.di-branch-line::after{display:none}.studio-form-grid,.studio-checks{grid-template-columns:1fr}.di-status-grid{grid-template-columns:1fr}}
@media (max-width: 760px) {
  .studio-header { position: static !important; display: block !important; padding: 14px 20px 12px !important; }
  .studio-brand { gap: 8px !important; }
  .studio-logo { width: 42px !important; height: 42px !important; }
  .studio-parent-brand { font-family: 'Barlow Condensed', 'Arial Narrow', sans-serif !important; font-size: 19px !important; font-weight: 400 !important; text-transform: uppercase !important; letter-spacing: .10em !important; }
  .studio-division { font-size: 19px !important; font-weight: 400 !important; letter-spacing: .10em !important; }
  .studio-nav { margin-top: 12px; gap: 10px 18px !important; flex-wrap: wrap; font-size: 11px !important; letter-spacing: .11em !important; }
  .studio-nav a { white-space: nowrap; }
  .studio-fundamentals-grid { grid-template-columns: 1fr !important; gap: 28px !important; }
  .studio-fundamentals-grid > div:last-child { grid-template-columns: 1fr !important; width: 100%; min-width: 0; }
  .di-process { grid-template-columns: 1fr !important; gap: 1px !important; }
  .di-process::before, .di-process-fill { left: 17px; }
  .di-process-step { padding: 22px 22px 22px 48px !important; min-height: 0 !important; }
  .di-node { min-height: 0; padding: 20px; }
  #packages article { padding: 28px 24px 30px !important; }
}