body.inner-page.home-style{
  --paper:#fafafa;--ink:#171717;--page-bg:#fafafa;--page-fg:#171717;
  --page-muted:#606060;--page-rule:#d5d5d5;--line:#d5d5d5;
  --interactive-highlight:#eee;--interactive-ring:#bdbdbd;
  background:#fafafa;color:#171717;
}
body.inner-page.home-style #siteHeader{
  --header-surface:hsla(0,0%,98%,.97);--header-ink:#191919;
  --header-muted:#626262;--header-rule:#dedede;
  background:var(--header-surface);color:var(--header-ink);
}
body.inner-page.home-style #siteHeader :is(.header-signup,.desktop-login){background:#191919;color:#fafafa;border-color:#191919}
body.inner-page.home-style #siteHeader :is(.header-signup,.desktop-login):is(:hover,:focus-visible){background:#414141;color:#fff;border-color:#414141;box-shadow:none}
body.inner-page.home-style #siteHeader .header-home img{filter:none;mix-blend-mode:multiply}
.home-style main{padding-top:76px}
.home-style main :is(h1,h2,h3,h4,p,li,summary){text-shadow:none}
body.home-style :is(h1,h2,h3,h4){font-family:var(--sans);font-weight:900;font-style:normal;color:#070c13;letter-spacing:-.065em;line-height:1.03;text-wrap:balance}
body.home-style :is(h1,h2,h3,h4) em{font:inherit;letter-spacing:inherit;color:var(--section-accent,#667b8b);background:none}
body.home-style h3{font-weight:700;letter-spacing:-.04em;line-height:1.15}
body.home-style h4{font-weight:700;letter-spacing:-.025em;line-height:1.3}
body.home-style .page-intro{min-height:36rem;padding:calc(clamp(4rem, 7vw, 7rem)) var(--pad);justify-content:center;gap:0;border:0;overflow:hidden;isolation:isolate}
body.home-style .page-intro h1{max-width:70rem;font-size:calc(clamp(48px, 6.3vw, 100px));margin:0 0 2.5rem;line-height:1.03}
body.home-style .page-intro h1 em{padding:0}
body.home-style .intro-bottom{margin:0;max-width:none}
body.home-style .intro-bottom>p{color:#606060;max-width:36rem;font-size:calc(clamp(17px, 1.3vw, 21px));line-height:1.65}
body.home-style .page-section{padding:calc(clamp(64px, 7vw, 112px)) var(--pad)}
body.home-style h2{font-size:calc(clamp(36px, 4.6vw, 76px));line-height:1.03}
body.home-style .page-outro h2{font-size:calc(clamp(40px, 5.2vw, 82px))}
body.home-style .faq-groups h2{font-size:calc(clamp(23px, 2.2vw, 32px));letter-spacing:-.04em}
body.home-style .eyebrow{color:#606060;letter-spacing:.12em;font-weight:600}
.home-style .home-panel{
  position:relative;isolation:isolate;overflow:hidden;
  background:radial-gradient(ellipse at 85% 42%,rgba(var(--section-accent-rgb),.055),transparent 48%),radial-gradient(ellipse at 12% 65%,#ededed80,transparent 50%),#fafafa;
}
.home-style .home-panel>:not([class*=-hero-art]){position:relative;z-index:1}
body.home-style :is(.package-detail,.capability-card,.values-list article,.faq-groups details){border-color:#d5d5d5;box-shadow:none;transform:none}
.home-style .capability-grid{border-color:#d5d5d5;background:#ffffffd9}
.home-style .package-detail{padding:calc(clamp(28px, 4vw, 56px)) 0;gap:calc(clamp(24px, 5vw, 80px))}
.home-style .concept-visual{background:#ededed;border-radius:12px;overflow:hidden}
body.inner-page.home-style .page-cta{
  width:max-content;max-width:100%;min-height:48px;padding:14px 22px;
  border:1px solid #202020;border-radius:7px;background:#202020;color:#fff;
  font:500 14px/1.4 var(--sans);box-shadow:none;transform:none;
}
body.inner-page.home-style .page-cta:is(:hover,:focus-visible){background:#383838;color:#fff;border-color:#383838;box-shadow:none;transform:none}
body.home-style .faq-groups summary{font-weight:600;color:#191919}
body.home-style .faq-groups summary:is(:hover,:focus-visible){background:#eee;box-shadow:none}
body.home-style .faq-groups details[open] summary{color:var(--section-accent,#667b8b)}
body.home-style .site-footer{background:#fafafa;color:#171717;border-color:#d5d5d5}
body.home-style .site-footer .footer-logo img{filter:invert(1);mix-blend-mode:multiply}
body.home-style .site-footer p{color:#606060}
@media(max-width:800px){
  body.home-style main{padding-top:124px}
  body.home-style .page-intro{min-height:0;padding:64px var(--pad);gap:0;justify-content:center}
  body.home-style .page-intro h1{font-size:calc(clamp(38px, 9.5vw, 64px));margin:0 0 28px}
  body.home-style .intro-bottom>p{font-size:17px;line-height:1.65}
  body.home-style .page-outro h2,body.home-style h2{font-size:calc(clamp(32px, 8vw, 54px))}
  body.home-style .page-outro,body.home-style .page-section{padding:56px var(--pad)}
  body.home-style .faq-groups h2{font-size:24px}
  body.home-style .page-cta{width:100%;justify-content:space-between}
  body.home-style .mobile-service-toggle{background:#fff;color:#191919;border-color:#d5d5d5;border-radius:7px}
}
body.home-style.services-page{--section-accent:#967c5e;--section-accent-rgb:150,124,94}
body.home-style.about-page{--section-accent:#817080;--section-accent-rgb:129,112,128}
body.home-style.portfolio-page{--section-accent:#6c8073;--section-accent-rgb:108,128,115}
body.home-style .page-intro>[class*=-hero-art]{
  position:absolute;inset:0;width:100%;height:100%;z-index:0;transform:none;pointer-events:none;overflow:hidden;
}
body.home-style .page-intro>[class*=-hero-art]>svg{opacity:.7}
body.home-style .page-intro :is(.faq-falling-stroke path,.portfolio-drawn-stroke,.about-drawn-stroke,.services-drawn-stroke){stroke:#a2a2a2}
body.home-style .page-intro .faq-falling-stroke:nth-child(5n+2) path,body.home-style .page-intro :is(.portfolio-drawn-stroke,.about-drawn-stroke,.services-drawn-stroke):nth-child(7n+2){stroke:var(--section-accent)}
@media(prefers-reduced-motion:no-preference){
  body.home-style .page-intro.is-drawn :is(.faq-falling-stroke path,.portfolio-drawn-stroke,.about-drawn-stroke,.services-drawn-stroke){
    animation-duration:calc(.38 * var(--stroke-duration));animation-delay:calc(.12 * var(--stroke-delay));
  }
}
@media(max-width:800px){
  body.home-style .page-intro{padding-bottom:calc(64px + clamp(230px, 65vw, 350px))}
  body.home-style .page-intro>[class*=-hero-art]{
    inset:auto var(--pad) 24px;width:calc(100% - 2 * var(--pad));height:calc(clamp(230px, 65vw, 350px));
  }
}
@media(any-pointer:coarse) and (prefers-reduced-motion:no-preference),(max-width:800px) and (prefers-reduced-motion:no-preference){
  body.home-style .page-intro.is-drawn .page-art-fixed :is(.faq-falling-stroke path,.portfolio-drawn-stroke,.about-drawn-stroke,.services-drawn-stroke){
    animation-duration:calc(.28 * var(--stroke-duration));animation-delay:calc(.08 * var(--stroke-delay));
  }
}
body.home-style.faq-page{--section-accent:#667b8b;--section-accent-rgb:102,123,139}
body.inner-page.home-style{
  background:radial-gradient(ellipse at 85% 42%,rgba(var(--section-accent-rgb),.055),transparent 48%),#fafafa;
  background-attachment:fixed;
}
body.home-style .home-panel{background:transparent}
body.home-style .page-intro{isolation:auto;overflow:visible}
body.home-style .page-intro>.page-art-fixed{
  position:fixed;left:var(--art-left);top:var(--art-top);right:auto;bottom:auto;
  width:var(--art-width);height:var(--art-height);transform:none;z-index:0;overflow:visible;
}
@media(max-width:800px){
  body.home-style .page-intro>.page-art-fixed{
    left:50%;top:50%;right:auto;bottom:auto;width:calc(100vw - 2 * var(--pad));
    height:calc(min(48svh, 28rem));transform:translate(-50%,-50%);
  }
}

.home-style .service-shoot-cta{margin:28px 0 0}
@media(max-width:800px){
  body.inner-page:is(.about-page,.faq-page,.services-page) main :is(h1,h2,h3,h4,h5,h6,.eyebrow,.service-card-title){text-align:center;margin-inline:auto}
  body.inner-page.services-page .service-card-title{align-self:stretch;width:100%}
}
@media(max-width:800px){
  body.inner-page.home-style .page-intro{min-height:100svh;padding:40px var(--pad) 48px;justify-content:flex-start;gap:24px}
  body.inner-page.home-style .page-intro>h1{order:1;margin:0}
  body.inner-page.home-style .page-intro::after{content:"";display:block;order:2;flex:none;height:min(46svh,28rem);pointer-events:none}
  body.inner-page.home-style .page-intro>.intro-bottom{order:3;margin:0;flex:none}
  body.inner-page.home-style .page-intro>.page-art-fixed{position:fixed;inset:var(--mobile-art-top,50%) auto auto 50%;width:calc(100vw - 2 * var(--pad));height:var(--mobile-art-height,min(42svh,26rem));transform:translate(-50%,-50%);z-index:0;pointer-events:none}
}

.home-style .service-reel{width:100%;max-width:960px;margin:0 auto 40px}
.home-style .service-reel video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#171717;border-radius:0;pointer-events:none}

.home-style .service-disclosure{padding:0;transition:background-color .2s ease,box-shadow .2s ease,border-color .2s ease}
.service-card-trigger{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;padding:clamp(1.5rem,3vw,3rem);border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.service-card-title{font-family:var(--sans);font-size:clamp(1.6rem,2.5vw,2.5rem);font-weight:700;letter-spacing:-.04em;line-height:1.15;color:#070c13}
.service-card-summary{font-size:.95rem;line-height:1.6;color:#606060}
.services-page .service-disclosure:is(:hover,:focus-within){background:#eee6dc;border-color:#967c5e;box-shadow:inset 5px 0 #967c5e}
.services-page .service-card-trigger:is(:hover,:focus-visible){background:transparent;box-shadow:none}
.services-page .service-disclosure:is(:hover,:focus-within) .service-card-title{color:#805f3c}
.service-card-trigger:focus-visible{outline:2px solid #967c5e;outline-offset:-5px}
.services-page.service-modal-open{overflow:hidden}
.service-modal{position:fixed;inset:0;width:min(640px,calc(100% - 32px));max-height:calc(100dvh - 48px);margin:auto;padding:clamp(28px,5vw,52px);overflow:auto;overscroll-behavior:contain;border:1px solid #d8cbbb;border-top:4px solid #967c5e;border-radius:20px;background:radial-gradient(ellipse at top right,#e9ded0,transparent 65%),#faf9f6;color:#171717;box-shadow:0 32px 100px #0005}
.service-modal::backdrop{background:#14110ed1;backdrop-filter:blur(7px)}
.service-modal[open]{animation:serviceModalIn .22s ease-out}
.service-modal .service-modal-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #cdbfab;border-radius:50%;background:#ffffffb3;color:#614b34;font-size:27px;line-height:1;cursor:pointer}
.service-modal-close svg{display:block;flex:none;width:18px;height:18px}
.service-modal .service-modal-eyebrow{margin:4px 40px 20px 0;color:#805f3c;font-size:.65rem;font-weight:600;letter-spacing:.16em;line-height:1.6}
.service-modal .service-modal-title{margin:0 0 24px;font-size:clamp(30px,5vw,46px);font-weight:700;letter-spacing:-.045em;line-height:1.1;color:#171717}
.service-modal .service-description>p{font-size:1rem;line-height:1.75;color:#555}
.service-modal .service-description ul{padding-left:1.2rem;margin:24px 0 30px;font-size:.94rem;line-height:1.7;color:#555}
.service-description li+li{margin-top:10px}
.service-modal .service-detail-cta{display:flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;margin-inline:auto;gap:14px;padding:13px 18px;border:1px solid #805f3c;border-radius:8px;background:#805f3c;color:#fff;font-size:.85rem;font-weight:600;line-height:1.4;text-align:center}
.service-modal .service-detail-cta:hover{background:#64492e}
.service-modal :is(button,a):focus-visible{outline:2px solid #805f3c;outline-offset:4px}
@keyframes serviceModalIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:800px){.inner-page .service-disclosure{padding:0}.service-card-trigger{padding:1.25rem}.service-card-title{font-size:1.4rem}}
@media(prefers-reduced-motion:reduce){.service-disclosure{transition:none}.service-modal[open]{animation:none}}
.supporting-company-mobile{display:none}
@media(max-width:800px){
  body.inner-page:is(.about-page,.faq-page,.services-page) .page-outro{border-bottom:0}
  body.inner-page:is(.about-page,.faq-page,.services-page) .site-footer{display:flex;flex-direction:column;border:0;box-shadow:none;gap:10px;text-align:center}
  body.inner-page:is(.about-page,.faq-page,.services-page) .site-footer .footer-est{display:none}
  body.inner-page:is(.about-page,.faq-page,.services-page) .site-footer .footer-company{order:2;align-self:center;width:100%;text-align:center;margin:0}
  .supporting-company-desktop{display:none}
  .supporting-company-mobile{display:inline}
}
@media(max-width:800px){
  body.inner-page:is(.about-page,.faq-page,.services-page) :is(main p,.service-modal p,.site-footer p,.service-card-summary){text-align:center;margin-inline:auto}
  body.inner-page:is(.about-page,.faq-page,.services-page) #siteHeader .header-studio{grid-column:1/-1;justify-self:center;justify-content:center}
  body.inner-page:is(.about-page,.faq-page,.services-page) #siteHeader .header-home{margin-inline:0}
  body.inner-page:is(.about-page,.faq-page,.services-page) :is(.page-cta,.service-detail-cta,.lead-form button[type=submit],.mobile-service-toggle){position:relative;display:flex;justify-content:center;text-align:center;margin-inline:auto;padding-inline:3rem}
  body.inner-page:is(.about-page,.faq-page,.services-page) :is(.page-cta,.service-detail-cta,.lead-form button[type=submit],.mobile-service-toggle)>span{position:absolute;right:1rem}
  body.inner-page.services-page .service-card-summary{align-self:stretch;width:100%}
}
