.busybees-page { --busy-ink:#141414; --busy-muted:#66645e; --busy-paper:#faf9f5; --busy-yellow:#ffd91a; --busy-line:#dedbd1; background:var(--busy-paper); color:var(--busy-ink); }
.busybees-page .topbar { background:rgba(250,249,245,.96); }
.busybees-page .brand span { color:#d2a900; }
.busybees-page .contact { background:var(--busy-ink); }
.busy-hero { position:relative; overflow:hidden; min-height:540px; padding:clamp(74px,10vw,142px) 0 86px; background:var(--busy-yellow); }
.busy-hero::before { position:absolute; top:-260px; right:-160px; width:min(60vw,720px); aspect-ratio:1; border:1px solid #14141430; border-radius:50%; content:""; box-shadow:0 0 0 54px #14141408,0 0 0 108px #14141406; }
.busy-hero-inner { position:relative; z-index:1; }
.busy-kicker,.busy-section-label { display:flex; justify-content:space-between; gap:20px; color:#29271f; font-size:11px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.busy-hero h1 { margin:28px 0 16px; font:clamp(88px,17vw,220px)/.78 Anton,Impact,sans-serif; letter-spacing:-.045em; text-transform:uppercase; }
.busy-period { color:#fff; }
.busy-hero-lead { max-width:760px; margin:28px 0 12px; font-size:clamp(23px,3.2vw,39px); line-height:1.13; font-weight:600; letter-spacing:-.04em; }
.busy-hero-summary { max-width:600px; margin:0; color:#353329; font-size:16px; }
.busy-scroll { display:inline-flex; align-items:center; gap:14px; margin-top:32px; color:var(--busy-ink); font-size:12px; font-weight:800; letter-spacing:.1em; text-decoration:none; text-transform:uppercase; }
.busy-scroll span { display:grid; width:34px; height:34px; place-items:center; border:1px solid currentColor; border-radius:50%; font-size:18px; transition:transform .2s ease; }
.busy-scroll:hover span { transform:translateY(4px); }
.busy-hero-stamp { position:absolute; right:max(4vw,calc((100vw - 1180px)/2)); bottom:48px; color:#14141412; font:clamp(45px,8vw,100px)/.78 Anton,Impact,sans-serif; text-align:right; }
.busy-hero-stamp span { display:inline-block; margin-top:13px; color:#14141465; font:700 9px/1 Inter,sans-serif; letter-spacing:.18em; }
.busy-film { padding-top:54px; }
.busy-section-label { padding-bottom:12px; border-bottom:1px solid var(--busy-line); }
.busy-player { position:relative; aspect-ratio:16/9; margin-top:20px; overflow:hidden; background:#111; box-shadow:0 22px 55px #211d1018; }
.busy-player iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.busy-caption { margin:12px 0 0; color:var(--busy-muted); font-size:13px; }
.busy-facts { margin-top:64px; background:var(--busy-ink); color:#fff; }
.busy-facts-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; padding-top:24px; padding-bottom:24px; }
.busy-facts-grid div { display:grid; gap:7px; }
.busy-facts-grid span { color:var(--busy-yellow); font-size:10px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.busy-facts-grid strong { font-size:14px; font-weight:600; }
.busy-story { display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(34px,8vw,110px); padding-top:110px; padding-bottom:76px; }
.busy-eyebrow { margin:0 0 15px; color:#9a7a00; font-size:10px; font-weight:800; letter-spacing:.19em; text-transform:uppercase; }
.busy-story-title h2,.busy-note h2,.busy-deliverables h2,.busy-more h2,.busy-cta h2 { margin:0; font:clamp(43px,6vw,76px)/.94 Anton,Impact,sans-serif; letter-spacing:-.02em; text-transform:uppercase; }
.busy-story-copy { max-width:620px; color:var(--busy-muted); font-size:16px; }
.busy-story-copy p:first-child { margin-top:0; }
.busy-intro-copy { color:var(--busy-ink); font-size:22px; line-height:1.35; font-weight:600; letter-spacing:-.025em; }
.busy-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; }
.busy-tags span { padding:8px 12px; border:1px solid var(--busy-line); border-radius:999px; color:var(--busy-ink); font-size:11px; font-weight:700; }
.busy-gallery { padding-bottom:100px; }
.busy-figure { min-width:0; margin:0; }
.busy-figure img { display:block; width:100%; height:auto; background:#efede7; }
.busy-figure figcaption { display:flex; gap:13px; align-items:baseline; margin-top:11px; color:var(--busy-muted); font-size:12px; line-height:1.5; }
.busy-figure figcaption span { flex:0 0 auto; color:var(--busy-ink); font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.busy-logo-figure { margin-bottom:clamp(48px,8vw,100px); }
.busy-logo-figure img { aspect-ratio:16/9; object-fit:cover; }
.busy-editorial-row { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(270px,.7fr); gap:clamp(25px,5vw,72px); align-items:center; margin-bottom:clamp(52px,9vw,112px); }
.busy-site-figure img { aspect-ratio:1.6; object-fit:cover; }
.busy-note { position:relative; min-height:330px; padding:clamp(26px,4vw,48px); overflow:hidden; background:var(--busy-yellow); }
.busy-note h2 { max-width:380px; font-size:clamp(39px,4.7vw,62px); }
.busy-note p:last-of-type { position:relative; z-index:1; max-width:340px; margin:22px 0 0; color:#363329; font-size:14px; line-height:1.65; }
.busy-note-mark { position:absolute; right:18px; bottom:-76px; color:#1414140e; font:280px/.8 Anton,Impact,sans-serif; }
.busy-note-mark span { color:#141414; }
.busy-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(18px,3vw,38px); margin-bottom:clamp(52px,9vw,112px); }
.busy-pair .busy-figure:nth-child(2) { margin-top:clamp(28px,5vw,70px); }
.busy-pair img { aspect-ratio:1.6; object-fit:cover; }
.busy-mockups { align-items:center; margin-bottom:0; }
.busy-mockups .busy-figure:nth-child(2) { margin-top:0; }
.busy-mockups img { aspect-ratio:1.45; object-fit:cover; }
.busy-deliverables { padding:clamp(56px,8vw,100px) 0; background:#f0eee7; }
.busy-deliverables-inner { display:grid; grid-template-columns:.85fr 1.15fr; column-gap:50px; }
.busy-deliverables-inner .busy-eyebrow { grid-column:1/-1; }
.busy-deliverables h2 { max-width:520px; }
.busy-deliverables ul { margin:0; padding:0; list-style:none; }
.busy-deliverables li { display:flex; gap:20px; align-items:baseline; padding:13px 0; border-bottom:1px solid #d2cfc5; font-size:15px; font-weight:600; }
.busy-deliverables li span { color:#9a7a00; font-size:10px; font-weight:800; letter-spacing:.1em; }
.busy-more { display:flex; align-items:end; justify-content:space-between; gap:26px; padding-top:75px; padding-bottom:75px; border:0; }
.busy-more h2 { font-size:clamp(37px,5vw,60px); }
.busy-more>a,.busy-cta>a { display:inline-flex; align-items:center; gap:15px; padding:13px 19px; background:var(--busy-ink); color:#fff; font-size:12px; font-weight:800; text-decoration:none; text-transform:uppercase; letter-spacing:.06em; }
.busy-cta { padding:clamp(64px,10vw,120px) 24px; background:var(--busy-yellow); text-align:center; }
.busy-cta .busy-eyebrow { color:#695500; }
.busy-cta h2 { margin-bottom:28px; font-size:clamp(54px,9vw,110px); }
.busy-cta>a { background:#fff; color:var(--busy-ink); }
.busy-footer { padding:22px; background:var(--busy-ink); color:#aaa79e; text-align:center; font-size:12px; }
.busy-footer a { color:#fff; }
.busy-footer span { padding:0 7px; color:var(--busy-yellow); }
@media(max-width:760px) {
  .busy-hero { min-height:470px; padding-top:76px; }
  .busy-kicker { font-size:9px; }
  .busy-hero h1 { font-size:clamp(76px,20vw,145px); }
  .busy-hero-stamp { right:18px; bottom:24px; font-size:48px; }
  .busy-facts-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .busy-story { grid-template-columns:1fr; gap:24px; padding-top:70px; }
  .busy-editorial-row { grid-template-columns:1fr; }
  .busy-note { min-height:280px; }
  .busy-deliverables-inner { grid-template-columns:1fr; gap:24px; }
  .busy-deliverables-inner .busy-eyebrow { grid-column:auto; }
  .busy-more { display:block; }
  .busy-more>a { margin-top:22px; }
}
@media(max-width:520px) {
  .busy-hero { padding-bottom:90px; }
  .busy-hero-lead { font-size:25px; }
  .busy-kicker { flex-wrap:wrap; }
  .busy-section-label { font-size:9px; }
  .busy-pair { grid-template-columns:1fr; }
  .busy-pair .busy-figure:nth-child(2) { margin-top:0; }
  .busy-figure figcaption { display:block; }
  .busy-figure figcaption span { display:block; margin-bottom:3px; }
  .busy-facts-grid { gap:18px 12px; }
  .busy-facts-grid strong { font-size:12px; }
}