.saas-section,.site-pricing{padding-block:70px}.saas-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.saas-section h2,.site-pricing h2{font-size:clamp(42px,6vw,88px);line-height:1.05;letter-spacing:-.045em;font-weight:400;margin:30px 0}.saas-section h2 em,.site-pricing h2 em{font-family:Georgia,serif;color:var(--green)}.saas-description{max-width:540px;font:15px/1.7 Arial;color:var(--muted);margin-bottom:30px}.saas-arrows{display:flex;gap:10px;margin-bottom:30px}.saas-arrows button{width:46px;height:46px;border:1px solid #68715c;border-radius:50%;background:transparent;color:var(--green);font-size:23px;cursor:pointer}.saas-arrows button:hover{background:var(--green);color:var(--dark)}.saas-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#68715c transparent;padding-bottom:20px}.saas-card{flex:0 0 calc((100% - 72px)/4);min-width:0;scroll-snap-align:start}.saas-preview{display:block;position:relative;aspect-ratio:9/16;overflow:hidden;background:#151715;border:1px solid #ffffff15}.saas-preview iframe{position:absolute;inset:0;width:900px;height:1600px;border:0;pointer-events:none;transform:scale(var(--preview-scale,.3));transform-origin:top left}.saas-open{position:absolute;bottom:16px;right:16px;border-radius:50%;width:38px;height:38px;background:var(--green);color:#111;display:grid;place-items:center;font-size:22px}.saas-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px}.saas-caption h3{font:21px Arial;margin:0}.saas-caption>span{font:9px/1.5 Consolas,monospace;color:var(--muted)}.saas-note,.pricing-note{font:11px/1.7 Arial;color:var(--muted);margin-top:18px}.site-pricing{border-top:1px solid var(--line)}.site-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.site-price-grid article{border:1px solid #68715c66;padding:28px;display:flex;flex-direction:column}.site-price-grid article:nth-child(2){border-color:var(--green)}.site-price-grid h3{font:27px/1.1 Arial;margin:26px 0 14px;letter-spacing:-1px}.site-price-grid p{font:13px/1.6 Arial;color:var(--muted)}.site-price{display:block;font:28px Arial;font-weight:400;color:var(--green);margin:27px 0}.site-price-grid ul{padding:0;list-style:none;margin:0 0 30px;font:12px/2 Arial;color:var(--muted);flex:1}.site-price-grid li{border-bottom:1px solid #ffffff0a;padding:5px 0}.site-price-grid .pill{font-size:11px;padding:14px}.pricing-note{max-width:750px}.saas-preview:focus-visible{outline:2px solid var(--green);outline-offset:-3px}@media(max-width:900px){.saas-card{flex-basis:calc((100% - 24px)/2)}.site-price-grid{grid-template-columns:1fr}.site-price-grid article{padding:24px}}@media(max-width:550px){.saas-card{flex-basis:87%}.saas-section,.site-pricing{padding-block:40px}.saas-heading h2{font-size:40px}.saas-arrows button{width:36px;height:36px}.saas-caption{align-items:start}.saas-caption>span{font-size:8px}}

@media(min-width:901px){.saas-arrows{display:none}.saas-caption{align-items:flex-start;flex-direction:column;gap:7px}}
/* Contact actions */
.contact-bottom{gap:32px;align-items:center}.contact-socials{display:flex;gap:12px;flex-wrap:wrap}.contact-social{display:flex;align-items:center;gap:13px;min-width:180px;min-height:58px;padding:16px 20px;border:1px solid #14241940;border-radius:14px;background:#111910;color:#f1f5ee;font:13px Arial,sans-serif;text-decoration:none;transition:transform .22s,background .22s,box-shadow .22s}.contact-social svg{width:23px;height:23px;flex-shrink:0;color:var(--green)}.contact-arrow{margin-left:auto;padding-left:14px;font-size:21px;transition:transform .22s}.contact-social:hover{background:#243323;transform:translateY(-3px);box-shadow:0 8px 18px #16351c20}.contact-social:hover .contact-arrow{transform:translate(2px,-2px)}.contact-social:focus-visible{outline:2px solid #111910;outline-offset:4px}@media(max-width:1000px){.contact-bottom{align-items:flex-start;flex-direction:column}.contact-socials{width:100%}.contact-social{flex:1}}@media(max-width:550px){.contact-socials{flex-direction:column;gap:10px}.contact-social{width:100%;min-height:58px}}@media(prefers-reduced-motion:reduce){.contact-social,.contact-arrow{transition:none}}

/* Brand mascot showcase */
.mascots-section{padding-block:90px;border-top:1px solid var(--line)}.mascots-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(40px,7vw,120px);align-items:center}.mascots-copy h2{font-size:clamp(42px,5.5vw,84px);font-weight:400;line-height:1.05;letter-spacing:-.045em;margin:24px 0 32px}.mascots-copy h2 em{font-family:Georgia,serif;color:var(--green)}.mascots-copy>p{max-width:510px;color:var(--muted);font-size:16px;line-height:1.75}.mascots-copy .mascots-lead{font-size:23px;color:var(--light);line-height:1.35}.mascots-services{list-style:none;padding:0;margin:28px 0 34px;max-width:510px}.mascots-services li{padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}.mascots-services li span{font:11px Consolas,monospace;color:var(--green);margin-right:20px}.mascots-showcase{margin:0;min-width:0}.mascots-video-frame{aspect-ratio:3/4;position:relative;overflow:hidden;background:#171c17;border:1px solid var(--line)}.mascots-video-frame video{width:100%;height:100%;object-fit:cover;display:block}.mascots-placeholder{height:100%;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;background:radial-gradient(ellipse at center,#6ef79012,transparent 65%)}.mascots-placeholder-mark{font-size:clamp(120px,18vw,260px);font-family:Georgia,serif;color:var(--green);line-height:1;opacity:.65}.mascots-placeholder>span:last-child{font-size:24px}.mascots-placeholder small{font:12px Consolas,monospace;color:var(--muted)}.mascots-showcase figcaption{display:flex;justify-content:space-between;gap:15px;margin-top:16px;color:var(--muted);font:10px/1.5 Consolas,monospace}@media(max-width:760px){.mascots-section{padding-block:50px}.mascots-layout{grid-template-columns:1fr;gap:34px}.mascots-copy h2{font-size:clamp(40px,9vw,64px)}.mascots-showcase{width:100%;max-width:520px;justify-self:center}.mascots-placeholder-mark{font-size:180px}}

.creative-films{padding-block:90px;border-top:1px solid var(--line)}.films-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;margin:30px 0}.films-intro h2{font-size:clamp(42px,5.7vw,84px);font-weight:400;line-height:1.05;letter-spacing:-.045em;margin:0}.films-intro h2 em{font-family:Georgia,serif;color:var(--green)}.films-intro p{font-size:16px;line-height:1.7;color:var(--muted);max-width:540px}.films-intro .pill{margin-top:16px}.films-uses{display:flex;flex-wrap:wrap;gap:20px;padding:24px 0 34px;font:11px/1.5 Consolas,monospace;color:var(--muted)}.films-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px 24px}.film-card{margin:0;min-width:0}.film-card video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#000}.film-card figcaption{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:16px}.film-card strong{font-size:23px;font-weight:400}.film-card figcaption span{font:9px/1.5 Consolas,monospace;color:var(--muted);text-align:right}.film-placeholder{aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;border:1px solid var(--line);background:#171c17}.film-placeholder>span:nth-child(2){font:italic 30px Georgia,serif;color:var(--green)}.film-placeholder small{color:var(--muted);font-size:12px}@media(max-width:760px){.creative-films{padding-block:50px}.films-intro{grid-template-columns:1fr;gap:20px}.films-grid{grid-template-columns:1fr}.film-card figcaption{align-items:flex-start}.film-card figcaption span{max-width:55%}}

.creative-films .films-grid{grid-template-columns:1fr}.creative-films .film-ready{width:100%}

.creative-films .films-grid{grid-template-columns:minmax(0,1fr)}.creative-films .films-intro>*{min-width:0}.creative-films .film-card{max-width:100%;margin:0}.creative-films .film-card video{max-width:100%;height:auto;aspect-ratio:16/9}.creative-films .film-card figcaption{flex-wrap:wrap}

/* Character and social video cases */
.character-case{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);align-items:center;gap:clamp(32px,7vw,110px);margin-top:44px}.character-case+.character-case{margin-top:90px;padding-top:70px;border-top:1px solid var(--line)}.character-case>*{min-width:0}.character-case figure{margin:0;width:100%;max-width:500px;justify-self:start}.character-case video{display:block;width:100%;max-width:100%;height:auto;background:#171c17;border:1px solid var(--line);border-radius:16px}.character-case figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:16px;color:var(--muted);font:10px/1.5 Consolas,monospace}.mascots-copy h3{font-size:clamp(38px,4.7vw,72px);font-weight:400;line-height:1.08;letter-spacing:-.045em;margin:24px 0 30px}.mascots-copy h3 em{font-family:Georgia,serif;color:var(--green)}@media(max-width:760px){.character-case{grid-template-columns:minmax(0,1fr);gap:28px}.character-case figure{max-width:480px;justify-self:center}.character-case+.character-case{margin-top:48px;padding-top:48px}.character-case .mascots-copy h2{margin-top:0}}

.social-selector{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px;margin-top:38px}.social-choice{min-width:0;padding:7px;border:1px solid var(--line);background:transparent;color:var(--muted);text-align:left;cursor:pointer;border-radius:8px}.social-choice img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;border-radius:3px}.social-choice span{display:block;padding:12px 3px 5px;font:11px/1.5 Consolas,monospace}.social-choice:hover,.social-choice[aria-pressed=true]{border-color:var(--green);color:var(--green)}.social-choice:focus-visible{outline:2px solid var(--green);outline-offset:4px}@media(max-width:760px){.social-selector{display:flex;overflow-x:auto;gap:12px;padding:5px 3px 14px;scroll-snap-type:x mandatory}.social-choice{flex:0 0 135px;scroll-snap-align:start}}

.social-overview{margin-bottom:64px}.social-overview h2{font-size:clamp(42px,5.7vw,84px);line-height:1.05;font-weight:400;letter-spacing:-.045em;margin:25px 0}.social-overview h2 em{font-family:Georgia,serif;color:var(--green)}.social-overview p{max-width:580px;color:var(--muted);line-height:1.7}.social-series+.social-series{margin-top:80px;padding-top:60px;border-top:1px solid var(--line)}.social-selector-five{grid-template-columns:repeat(5,minmax(0,1fr));max-width:900px}@media(max-width:760px){.social-overview{margin-bottom:40px}.social-series+.social-series{margin-top:48px;padding-top:40px}}

.work-more{margin-top:32px;border-top:1px solid #b8beae}.work-more>summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;padding:22px 0;font-size:14px}.work-more>summary::-webkit-details-marker{display:none}.work-more>summary>span:last-child{font-size:25px}.work-more .work-more-open,.work-more[open] .work-more-closed{display:none}.work-more[open] .work-more-open{display:inline}.work-more[open]>summary>span:last-child{transform:rotate(45deg)}.work-more>.project-grid{padding-top:14px}.work-more>summary:focus-visible{outline:2px solid currentColor;outline-offset:4px}

.social-navigation{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.social-navigation button{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border:1px solid #68715c;border-radius:50%;background:transparent;color:var(--green);font-size:25px;cursor:pointer;touch-action:manipulation}.social-navigation button:hover{background:var(--green);color:var(--dark)}.social-navigation button:focus-visible{outline:2px solid var(--green);outline-offset:4px}@media(max-width:760px){.social-navigation{margin-top:12px;gap:12px}}

.mascot-world{padding-block:80px;border-top:1px solid var(--line)}.mascot-use-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:48px 0 22px}.mascot-use-heading>span:last-child,.mascot-use-heading p{color:var(--muted);font-size:14px;line-height:1.5}.mascot-use-heading .social-navigation{margin:0}.mascot-header-film{margin:0}.mascot-header-film video{display:block;width:100%;height:auto;object-fit:contain;border-radius:16px;background:#111}.brand-posts{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 0 20px;scrollbar-width:thin;scrollbar-color:#68715c transparent}.brand-post{flex:0 0 calc((100% - 44px)/3);margin:0;min-width:0;scroll-snap-align:start}.brand-post img{display:block;width:100%;height:auto;border-radius:12px}.brand-posts:focus-visible{outline:2px solid var(--green);outline-offset:5px}.mascot-shorts-case{margin-top:70px}@media(max-width:900px){.brand-post{flex-basis:calc((100% - 22px)/2)}}@media(max-width:760px){.mascot-world{padding-block:48px}.mascot-use-heading{gap:16px;margin-top:32px;align-items:flex-start}.mascot-use-heading .social-navigation{flex-shrink:0}.mascot-use-heading p{max-width:220px}.brand-post{flex-basis:86%}.brand-posts{gap:14px}.mascot-shorts-case{margin-top:44px}}

/* Overlapping post collection */
.brand-deck{display:block;position:relative;overflow:visible;width:100%;height:clamp(350px,54vw,680px);padding:0;margin:45px 0 30px;isolation:isolate;scroll-snap-type:none}.brand-deck .brand-post{position:absolute;top:30px;left:calc(var(--card-index)*9%);width:46%;max-width:480px;padding:0;border:2px solid #ffffff22;border-radius:14px;background:#111;cursor:pointer;transform:translateY(calc((var(--card-index) - 3)*3px)) rotate(calc((var(--card-index) - 3)*2deg));transform-origin:50% 85%;box-shadow:0 12px 35px #0007;transition:transform .3s ease,box-shadow .3s ease;z-index:calc(var(--card-index) + 1)}.brand-deck .brand-post.is-active{z-index:20;transform:translateY(-24px) rotate(0);box-shadow:0 20px 55px #0009}.brand-deck .brand-post:focus-visible{outline:3px solid var(--green);outline-offset:5px}.brand-deck .brand-post img{pointer-events:none;width:100%;height:auto;display:block;border-radius:12px}@media(max-width:760px){.brand-deck{height:calc(64vw + 80px);margin-top:32px}.brand-deck .brand-post{width:52%;left:calc(var(--card-index)*7.8%);top:24px;border-radius:10px;transform:rotate(calc((var(--card-index) - 3)*1deg))}.brand-deck .brand-post.is-active{transform:translateY(-16px)}.brand-deck .brand-post img{border-radius:8px}}@media(prefers-reduced-motion:reduce){.brand-deck .brand-post{transition:none}}

/* Compact character trio and non-overlapping card hit areas. */
.mascot-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px}.mascot-trio article{min-width:0}.mascot-trio h3{font-size:clamp(25px,2.7vw,42px);line-height:1.12;letter-spacing:-.045em;font-weight:400;margin:16px 0 24px;min-height:2.25em}.mascot-trio h3 em{font-family:Georgia,serif;color:var(--green)}.mascot-trio video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#080b08;border:1px solid var(--line);border-radius:14px}.mascots-section #mascots-title{font:10px Consolas,monospace;letter-spacing:.08em;line-height:1.5}.brand-deck{display:flex;gap:8px;height:auto;aspect-ratio:1.85;max-height:620px;margin:36px 0 0;overflow:hidden;padding:0;isolation:isolate}.brand-deck .brand-post{position:relative;top:auto;left:auto;flex:1 1 0;width:auto;max-width:none;min-width:0;height:100%;overflow:hidden;border:0;border-radius:12px;transform:none;box-shadow:none;background:var(--card-color);transition:flex-grow .32s ease;z-index:auto}.brand-deck .brand-post.is-active{flex-grow:5.8;transform:none;box-shadow:none;z-index:auto}.brand-deck .brand-post img{height:calc(100% - 44px);width:100%;object-fit:cover;object-position:center;border-radius:0}.brand-deck .brand-post.is-active img{object-fit:contain}.deck-label{height:44px;display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;font:12px Consolas,monospace;background:#0005}.deck-label>span{display:none}.is-active .deck-label>span{display:inline}.brand-deck .brand-post:focus-visible{outline-offset:-4px}@media(max-width:760px){.mascot-trio{gap:12px}.mascot-trio h3{font-size:clamp(16px,3vw,25px);margin:12px 0 16px;min-height:3.4em}.mascot-trio .eyebrow{font-size:8px}.brand-deck{aspect-ratio:1.2;gap:4px;height:auto;margin-top:28px}.brand-deck .brand-post{border-radius:7px}.brand-deck .brand-post.is-active{flex-grow:12;transform:none}.deck-label{font-size:9px;gap:5px}}@media(max-width:520px){.mascot-trio{grid-template-columns:1fr;gap:36px}.mascot-trio article{max-width:360px;width:100%;justify-self:center}.mascot-trio h3{font-size:29px;min-height:0}.mascot-trio .eyebrow{font-size:10px}.brand-deck{aspect-ratio:1.05}.brand-deck .brand-post.is-active{flex-grow:16}}@media(prefers-reduced-motion:reduce){.brand-deck .brand-post{transition:none}}


/* Mascot stories share two fixed alignment axes, without legacy pair overrides. */
.mascot-trio video{object-fit:cover}
.mascot-media-pair.mascot-stories{display:block;width:100%;max-width:1000px;margin:0 auto}
.mascot-stories>.story-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:64px;margin:0;padding:36px 0;grid-template-rows:auto}
.mascot-stories>.story-row+.story-row{border-top:1px solid var(--line);margin-top:12px;padding-top:48px}
.mascot-stories .story-media{width:100%;max-width:400px;justify-self:start;min-width:0}
.mascot-stories .story-copy{width:100%;min-width:0;max-width:460px;padding:0}
.mascot-stories .story-copy h2,.mascot-stories .story-copy h3{font-size:clamp(30px,3.1vw,46px);font-weight:400;letter-spacing:-.045em;line-height:1.12;margin:18px 0 24px}
.mascot-stories .story-copy em{font-family:Georgia,serif;color:var(--green)}
.mascot-stories .story-copy p{color:var(--muted);margin:0 0 18px;font-size:16px;line-height:1.65;min-height:0;overflow-wrap:break-word}
.mascot-stories .story-copy .pill{margin-top:8px}
.mascot-stories .brand-deck{display:block;position:relative;width:100%;height:auto;aspect-ratio:auto;max-height:none;margin:0;padding:0;overflow:hidden;touch-action:pan-y}
.mascot-stories .brand-post,.mascot-stories .brand-post.is-active{position:static;display:block;width:100%;max-width:none;height:auto;padding:0;border:0;background:transparent;transform:none;box-shadow:none;border-radius:0;cursor:default;transition:none}
.mascot-stories .brand-post[hidden]{display:none!important}
.mascot-stories .brand-post img,.mascot-stories .brand-post.is-active img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:12px}
.mascot-stories .deck-label{height:36px;background:transparent;color:var(--muted);font:11px Consolas,monospace;display:flex;justify-content:flex-start;align-items:center;gap:8px}
.mascot-stories .animal-panel .story-media{max-width:400px}
.mascot-stories .animal-stage{display:block;height:auto;margin:0}
.mascot-stories .animal-stage video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;border-radius:12px;touch-action:pan-y}
.mascot-stories .animal-stage figcaption{height:36px;display:flex;align-items:center;font:11px Consolas,monospace;color:var(--muted)}
.mascot-stories .social-navigation{margin-top:8px;justify-content:flex-end}
.mascot-stories .social-navigation button{width:44px;height:44px}
@media(max-width:760px){.mascot-stories>.story-row{grid-template-columns:1fr;gap:24px;padding:24px 0}.mascot-stories .story-copy{grid-row:1;max-width:none}.mascot-stories .story-media,.mascot-stories .animal-panel .story-media{max-width:360px;justify-self:start}.mascot-stories>.story-row+.story-row{margin-top:12px;padding-top:32px}.mascot-stories .story-copy h2,.mascot-stories .story-copy h3{font-size:34px}}


/* Keep the old frame underneath the transition instead of fading to black. */
.mascot-stories .brand-deck,.mascot-stories .animal-stage{position:relative;opacity:1}
.mascot-stories .media-hold{position:absolute;top:0;left:0;width:100%;object-fit:cover;border-radius:12px;z-index:2;pointer-events:none}