:root{--slate:#4b4a45;--line:rgba(10,10,10,.15)}
.social-icons{display:flex;gap:14px;flex-wrap:wrap}.social-icon{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px}.social-icon svg{box-sizing:content-box;padding:12px;background:#e5e4e2;border-radius:50%}.pending-social{color:#595850}.social-icon[href]:hover svg{background:#4b4a45;color:white}
.agency-vision{padding-block:100px 125px}.agency-vision p:not(.eyebrow){max-width:660px;font-size:18px}.agency-vision .text-link{margin-top:20px}.agency-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px;padding-block:75px 95px}.agency-details h3{font-family:var(--serif);font-size:30px;font-weight:400;margin:0 0 20px}.agency-details p{font-size:15px}.agency-details a{overflow-wrap:anywhere;max-width:100%}.agency-details .note{font-size:14px}@media(max-width:1000px){.agency-details{grid-template-columns:1fr 1fr}}@media(max-width:600px){.agency-details{grid-template-columns:1fr;gap:32px;padding-block:50px 75px}.agency-details h3{margin-bottom:12px}.agency-vision{padding-block:65px 90px}.agency-vision p:not(.eyebrow){font-size:16px}}
.hero h1 em,.page-hero h1 em,.number,.process span{color:#55534e}.button:hover,.filter.active,.filter:hover{background:#373630;border-color:#373630}.dark .eyebrow,.dark .note,.dark p,.service-row>span:first-child{color:#d7d6d2}.art.slate,.portrait-placeholder,.tone-slate,.studio-preview,.service-detail:nth-child(even){background:#4b4a45}.art.silver{color:#373630;background:#cecdc8}.art.ink,.principles article,.service-row,.service-row:nth-child(even){background:#252522}.service-row:hover,.founder .portrait-placeholder{background:#393933}.form-section:nth-child(2),.email-draft,.project-form .email-draft{background:#e7e6e1}.form-section-heading>span,.project-form .checks label:has(input:checked){background:#4b4a45;border-color:#4b4a45}.form-section-heading p,.project-form .note,.project-form .email-draft p,.note{color:#595850}.project-form input[type=checkbox]{accent-color:#4b4a45}.project-form input:not([type=checkbox]):hover,.project-form textarea:hover,.project-form select:hover{border-color:#4b4a45}.project-form input:focus-visible,.project-form textarea:focus-visible,.project-form select:focus-visible{outline-color:#4b4a45;border-color:#4b4a45;box-shadow:0 0 0 5px rgba(75,74,69,.12)}.project-form .button:hover{background:#393933;border-color:#393933}.scope{background:#d6d5cf}.service-detail li{background:rgba(75,74,69,.08)}.portrait-placeholder:before{border-color:#aaa89f}.tone-slate .eyebrow,.tone-slate .note,.studio-preview .eyebrow,.studio-preview p{color:#eeeDE8}
.brand-label .logo-window,.footer-logo .logo-window{background:transparent;border-radius:100px;isolation:isolate}.brand-label .logo-window img{mix-blend-mode:darken}.brand-label{border-radius:100px;padding-inline:7px;transition:transform .5s}.brand-label:hover{transform:translateY(-2px)}.footer-logo .logo-window{background:#2c3424;border-radius:100px;box-shadow:inset 0 0 0 1px rgba(229,228,226,.13)}
main>.section-band,main>section.dark{position:relative;border-radius:clamp(22px,3vw,48px) clamp(22px,3vw,48px) 0 0;margin-top:-28px;padding-top:28px;isolation:isolate}main>.section-band:first-child{margin-top:0;padding-top:0;border-radius:0}main>.section-band:has(.hero){border-radius:0}main>section.dark{padding-top:138px}main>.section-band:has(.closing){border-radius:48px 48px 0 0}.footer{position:relative;margin-top:-28px;border-radius:36px 36px 0 0;padding-top:85px}.tone-slate .founder{padding-bottom:135px}.hero{padding-bottom:75px}.ticker-shell{background:#35352f;color:#f5f4ef;position:relative;overflow:hidden;padding:26px 0 48px;border-radius:30px 30px 0 0}.ticker{background:transparent;padding:0;display:block;overflow:hidden}.ticker-track{display:flex;width:max-content;animation:worthy-marquee 32s linear infinite}.ticker-group{display:flex;flex:0 0 auto;min-width:100vw;gap:65px;justify-content:space-around;padding:0 45px;align-items:center}.ticker-group span{display:block!important;font-size:13px;letter-spacing:.14em;white-space:nowrap}.ticker-shell:hover .ticker-track,.ticker-shell:focus-within .ticker-track,.ticker-shell.paused .ticker-track{animation-play-state:paused}.motion-toggle{position:absolute;right:22px;bottom:12px;background:none;color:#eeeDE8;border:0;font-size:12px;padding:5px 10px;border-radius:20px;min-height:28px}.motion-toggle:hover{background:rgba(255,255,255,.1)}.motion-toggle:focus-visible{outline-color:#fff}.hero h1{--pointer-x:0px;--pointer-y:0px;animation:hero-opening 1.1s cubic-bezier(.2,.7,.2,1) both,hero-breathe 9s ease-in-out 1.1s infinite;will-change:transform}.hero-top{animation:hero-slide-left 1s .05s both}.hero-bottom{animation:hero-slide-right 1s .25s both}.hero .scroll span{animation:bob 2s ease-in-out infinite}
@keyframes worthy-marquee{to{transform:translateX(-50%)}}@keyframes hero-opening{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:translateX(0)}}@keyframes hero-slide-left{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes hero-slide-right{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}@keyframes hero-breathe{0%,100%{transform:translate(var(--pointer-x),var(--pointer-y))}50%{transform:translate(calc(var(--pointer-x) + 4px),calc(var(--pointer-y) - 4px))}}
@media(max-width:850px){main>section.dark{padding-top:105px}.hero{padding-bottom:60px}.ticker-group{gap:40px;padding-inline:30px}.tone-slate .founder{padding-bottom:100px}.footer{padding-top:65px}}
@media(max-width:600px){main>.section-band,main>section.dark{margin-top:-20px;padding-top:20px;border-radius:24px 24px 0 0}main>.section-band:first-child{margin-top:0;padding-top:0;border-radius:0}main>section.dark{padding-top:80px}main>.section-band:has(.closing){border-radius:28px 28px 0 0}.hero{padding-bottom:55px}.ticker-shell{border-radius:24px 24px 0 0}.ticker-group span{font-size:12px}.footer{border-radius:24px 24px 0 0;margin-top:-20px;padding-top:65px}.hero h1{animation-duration:1.1s,10s}.brand-label{padding:0}}
@media(prefers-reduced-motion:reduce){.ticker-track,.hero h1,.hero-top,.hero-bottom{animation:none;transform:none;will-change:auto}.ticker-track{width:100%}.ticker-group{min-width:100%;width:100%;white-space:normal;flex-wrap:wrap;gap:15px;padding:0 20px}.ticker-group:nth-child(2){display:none}.motion-toggle{display:none}.ticker-shell{padding-bottom:40px}}