/* Final spacing, rhythm and linked-image polish shared across the site. */
body{letter-spacing:-.005em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.hero .hero-title-art{position:relative;display:flex;flex-direction:column;align-items:flex-start;width:min(100%,760px);margin:30px 0 40px;font-size:clamp(68px,8.5vw,136px);line-height:.72;letter-spacing:-.082em}
.hero-title-art>span,.hero-title-art>em{display:block;white-space:nowrap}
.hero-digital{position:relative;z-index:2;font-weight:600}
.hero-outline{position:relative;z-index:1;margin-left:.22em;color:rgba(23,33,38,.07)!important;-webkit-text-stroke:clamp(1.25px,.14vw,2.15px) var(--ink);text-stroke:clamp(1.25px,.14vw,2.15px) var(--ink);paint-order:stroke fill;font-weight:600;letter-spacing:-.065em;text-shadow:.012em .016em 0 rgba(168,95,69,.18);transition:color .45s,transform .45s,-webkit-text-stroke-color .45s}
.hero-outline:after{content:"";position:absolute;left:-.04em;right:-.08em;bottom:.01em;height:2px;background:var(--copper);transform:scaleX(.28);transform-origin:left;transition:transform .6s cubic-bezier(.2,.75,.2,1)}
.hero-built{margin-top:.16em;font-size:.55em;line-height:.9;letter-spacing:-.045em;font-weight:500;text-transform:uppercase}
.hero-growth{position:relative;margin-left:.52em;font-size:1.03em;line-height:.82;font-style:normal!important;font-weight:500!important}
.hero-growth:before{content:"↗";position:absolute;left:-.62em;top:.14em;font-family:var(--font-body);font-size:.21em;letter-spacing:0;color:var(--ink);border:1px solid var(--line);border-radius:50%;width:2em;height:2em;display:grid;place-items:center}
.hero-copy:hover .hero-outline{color:rgba(168,95,69,.09)!important;-webkit-text-stroke-color:var(--copper);transform:translateX(.025em)}
.hero-copy:hover .hero-outline:after{transform:scaleX(1)}
.hero .reveal{transform:translateY(42px);transition-duration:1.2s;transition-timing-function:cubic-bezier(.16,.78,.24,1)}.hero .reveal.is-visible{transform:none}.hero .eyebrow.reveal{transition-delay:.06s}.hero .hero-title-art.reveal{transition-delay:.2s}.hero .hero-bottom.reveal{transition-delay:.4s}.hero .hero-playground.reveal{transform:translateY(34px) scale(.975);transition-delay:.28s;transition-duration:1.35s}.hero .hero-playground.reveal.is-visible{transform:none}.hero .visual-line{animation-duration:2.1s;animation-delay:.55s}
.hero .visual-seal{isolation:isolate;animation:seal-breathe 5.5s ease-in-out infinite}.hero .visual-seal:before{content:"";position:absolute;inset:-10px;border:1px solid rgba(201,133,104,.38);border-radius:50%;z-index:-1;animation:seal-orbit 9s linear infinite}.section-kicker.reveal.is-visible>span{animation:kicker-arrive 1.05s cubic-bezier(.16,.78,.24,1) both}.project.reveal.is-visible .project-capture{animation:project-settle 1.45s cubic-bezier(.16,.78,.24,1) both}.capability-cloud.is-visible span{animation:capability-float 6s ease-in-out infinite}.capability-cloud.is-visible span:nth-child(3n+2){animation-delay:-2s}.capability-cloud.is-visible span:nth-child(3n){animation-delay:-4s}
.project-art,.photo-frame,.design-case-visual,.report-card,.actual-work .capture{translate:0 var(--scroll-float,0px);will-change:translate;transition:translate .16s cubic-bezier(.2,.75,.2,1)}
.brand-experience{padding:clamp(68px,7vw,105px) clamp(22px,4vw,68px);background:var(--navy);color:var(--paper);display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(45px,8vw,130px);border-block:1px solid #42515a}.brand-experience-heading>span{display:block;color:#c98568;font-size:9px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;margin-bottom:24px}.brand-experience-heading h2{font-family:var(--font-head);font-size:clamp(38px,4.5vw,68px);font-weight:500;letter-spacing:-.06em;line-height:.95;margin:0;max-width:430px}.brand-experience-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #526069}.brand-experience-list a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 4px;border-bottom:1px solid #526069;font-family:var(--font-head);font-size:clamp(15px,1.5vw,21px);transition:padding .35s,color .35s}.brand-experience-list a:nth-child(odd){margin-right:24px}.brand-experience-list a:hover,.brand-experience-list a:focus-visible{padding-left:10px;color:#dca48c}.brand-experience-list a span{font-family:var(--font-body);font-size:13px;color:#c98568;transition:transform .35s}.brand-experience-list a:hover span{transform:translate(3px,-3px)}
.service-paths{padding:clamp(82px,9vw,132px) clamp(22px,4vw,68px);background:#d9d4ca;color:var(--ink);border-block:1px solid var(--line)}.service-paths-intro{display:grid;grid-template-columns:1.15fr .85fr;column-gap:clamp(48px,8vw,130px);align-items:end}.service-paths-intro>span{grid-column:1/-1;color:var(--copper);font-size:9px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.service-paths-intro h2{font-family:var(--font-head);font-size:clamp(42px,5.7vw,82px);font-weight:500;letter-spacing:-.065em;line-height:.94;margin:30px 0 66px}.service-paths-intro h2 em{font-style:normal;color:var(--copper)}.service-paths-intro p{max-width:530px;margin:0 0 70px;color:#566168;line-height:1.75;font-size:clamp(16px,1.25vw,18px)}.service-paths-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-paths-grid article{min-height:285px;padding:clamp(26px,3vw,42px);border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .35s,color .35s}.service-paths-grid article:hover{background:var(--navy);color:var(--paper)}.service-paths-grid span{font-size:10px;letter-spacing:.14em;color:var(--copper)}.service-paths-grid h3{font-family:var(--font-head);font-weight:500;font-size:clamp(25px,2.6vw,39px);letter-spacing:-.05em;line-height:.96;margin:62px 0 15px}.service-paths-grid p{margin:0;color:#5d686e;line-height:1.65;font-size:14px}.service-paths-grid article:hover p{color:#c6ced1}.service-paths-link{display:inline-flex;gap:15px;align-items:center;margin-top:31px;font-family:var(--font-head);font-size:clamp(18px,2vw,26px);font-weight:500;border-bottom:1px solid var(--copper);padding-bottom:7px}.service-paths-link b{font-size:1.15em;font-weight:400;transition:transform .3s}.service-paths-link:hover b{transform:translate(4px,-4px)}
@keyframes seal-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes seal-orbit{to{transform:rotate(360deg)}}@keyframes kicker-arrive{0%{transform:rotate(-35deg) scale(.72);opacity:.2}100%{transform:none;opacity:1}}@keyframes project-settle{0%{transform:scale(1.055);filter:saturate(.68) brightness(.72)}100%{transform:scale(1);filter:saturate(.82) brightness(.86)}}@keyframes capability-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media(max-width:780px){.brand-experience{grid-template-columns:1fr}.brand-experience-list{grid-template-columns:1fr}.brand-experience-list a:nth-child(odd){margin-right:0}}
@media(max-width:780px){.service-paths-intro{grid-template-columns:1fr}.service-paths-intro p{margin-top:-30px}.service-paths-grid{grid-template-columns:1fr}.service-paths-grid article{min-height:0}.service-paths-grid h3{margin-top:40px}}
@media(prefers-reduced-motion:reduce){.hero .reveal,.hero .hero-playground.reveal{opacity:1;transform:none;transition:none}.hero .visual-line,.hero .visual-seal,.hero .visual-seal:before,.section-kicker.reveal.is-visible>span,.project.reveal.is-visible .project-capture,.capability-cloud.is-visible span{animation:none}.project-art,.photo-frame,.design-case-visual,.report-card,.actual-work .capture{translate:none;transition:none}}
.thread-arrow{position:absolute;z-index:2;left:50%;top:calc(var(--scroll-progress,0) * 100%);font-family:var(--font-body);font-style:normal;font-weight:500;line-height:1;color:#c98568;transition:top .08s linear;will-change:top;filter:drop-shadow(0 0 5px rgba(201,133,104,.35))}
.thread-arrow-main{width:22px;height:22px;border:1px solid #c98568;border-radius:50%;background:#152531;display:grid;place-items:center;font-size:12px;transform:translate(-50%,-50%);box-shadow:0 0 0 5px rgba(201,133,104,.12);animation:thread-arrow-pulse 1.8s ease-in-out infinite}
.thread-arrow-one{font-size:9px;opacity:.55;transform:translate(-50%,calc(-50% - 22px));animation:thread-arrow-drift 1.8s ease-in-out infinite .12s}
.thread-arrow-two{font-size:8px;opacity:.28;transform:translate(-50%,calc(-50% - 36px));animation:thread-arrow-drift 1.8s ease-in-out infinite .24s}
@keyframes thread-arrow-pulse{0%,100%{box-shadow:0 0 0 4px rgba(201,133,104,.1)}50%{box-shadow:0 0 0 8px rgba(201,133,104,.03)}}
@keyframes thread-arrow-drift{0%,100%{margin-top:-3px}50%{margin-top:3px}}
.section{padding-block:clamp(96px,10vw,150px)}
.section-heading{column-gap:clamp(45px,7vw,110px)}
.section-heading>p,.work-intro>p,.process-sticky>p,.studio-statement>p{margin-bottom:clamp(54px,6vw,76px)}
.service-card{padding:clamp(30px,3vw,42px);min-height:410px}
.service-card h3{margin-top:clamp(70px,7vw,88px)}
.photography-intro,.work-intro{column-gap:clamp(50px,8vw,130px)}
.photo-gallery{margin-top:clamp(58px,7vw,82px)}
.projects{row-gap:clamp(56px,6vw,82px)}
.project-meta{padding-top:18px}
.transformation-head h2{margin-bottom:clamp(60px,7vw,88px)}
.process-list li{padding-block:38px}
.studio-statement{max-width:1060px}
.capabilities h2{margin-bottom:64px}
.contact{align-items:start}
.contact-form{padding-top:48px}
.photo-frame:focus-visible,.project:focus-visible{outline:2px solid var(--copper);outline-offset:6px}

.archive-section{padding-block:clamp(92px,10vw,150px)}
.section-head{margin-bottom:clamp(52px,6vw,72px)}
.platform-grid{row-gap:clamp(54px,6vw,74px)}
.platform-image-link{display:block;position:relative}
.platform-card figure{margin:0}
.platform-case-link{position:absolute;right:0;bottom:22px;font-size:10px;font-weight:500;border-bottom:1px solid var(--copper);padding-bottom:3px}
.platform-image-link:focus-visible,.social-shot>a:focus-visible,.experience-card figure>a:focus-visible{outline:2px solid var(--copper);outline-offset:5px}
.social-wall{gap:clamp(14px,1.7vw,22px)}
.social-shot>a,.experience-card figure>a{display:block;overflow:hidden;position:relative}
.platform-image-link:after,.social-shot>a:after,.experience-card figure>a:after{content:"VIEW ↗";position:absolute;right:12px;bottom:12px;padding:7px 9px;background:rgba(21,37,49,.9);color:#f2efe8;font-size:7px;letter-spacing:.14em;opacity:0;transform:translateY(5px);transition:.25s}
.platform-image-link:hover:after,.platform-image-link:focus-visible:after,.social-shot>a:hover:after,.social-shot>a:focus-visible:after,.experience-card figure>a:hover:after,.experience-card figure>a:focus-visible:after{opacity:1;transform:none}
.social-shot>a img,.experience-card figure>a img{transition:transform .55s,filter .4s}
.social-shot>a:hover img,.experience-card figure>a:hover img{transform:scale(1.025);filter:saturate(1.05)}
.experience-card{min-height:590px}
.archive-services{padding-block:clamp(82px,9vw,132px)}
.growth-proof{padding-block:clamp(92px,10vw,150px)}

.case-hero{min-height:auto;padding-top:clamp(72px,8vw,120px);padding-bottom:clamp(65px,7vw,96px)}
.case-hero h1{margin-bottom:clamp(44px,5vw,68px)}
.hero-visual{min-height:clamp(540px,48vw,650px)}
.actual-work{padding-block:clamp(82px,9vw,130px)}
.actual-intro{margin-bottom:clamp(42px,5vw,58px)}
.capture-grid{row-gap:clamp(28px,3vw,40px)}
.actual-work .capture-grid>a.capture figure{height:100%}
.actual-work .capture-grid>a.capture{overflow:visible}
.actual-work .capture-grid>a.capture img{display:block}
.case-section{padding-block:clamp(82px,9.5vw,145px)}
.case-section h2{margin-top:34px;margin-bottom:clamp(52px,6vw,72px)}
.challenge-grid{gap:clamp(60px,9vw,140px)}
.comparison-intro{gap:clamp(45px,7vw,110px)}
.social-showcase{margin-top:clamp(52px,6vw,74px)}
.system-card{padding:clamp(28px,3vw,38px)}
.outcome{gap:clamp(60px,9vw,140px)}
.agency-capabilities{padding-block:clamp(68px,7.5vw,104px)}
.next-case{padding-block:clamp(42px,4.5vw,58px)}

@media(max-width:900px){.section{padding-block:clamp(82px,11vw,120px)}.service-card{min-height:390px}.photography-intro,.work-intro{row-gap:22px}.archive-section{padding-block:95px}.case-hero{padding-top:78px}.actual-work,.case-section{padding-block:86px}}
@media(max-width:650px){.hero .hero-title-art{font-size:clamp(57px,18vw,76px);margin-top:26px;line-height:.74}.hero-outline{margin-left:.08em}.hero-built{font-size:.5em;margin-top:.24em}.hero-growth{margin-left:.38em}.section{padding-block:78px}.section-heading>p,.work-intro>p{margin-top:-24px;margin-bottom:52px}.service-card{min-height:365px}.project-meta{gap:22px}.project-meta>span{white-space:nowrap}.photo-gallery{margin-top:48px}.transformation-head h2{margin-bottom:50px}.process-list li{padding-block:32px}.capabilities h2{margin-bottom:48px}.contact-form{padding-top:20px}.archive-section{padding-block:76px}.section-head{margin-bottom:46px}.platform-case-link{position:static;display:inline-block;margin-top:12px}.experience-card{min-height:510px}.case-hero{padding-top:65px;padding-bottom:64px}.case-hero h1{margin-bottom:40px}.actual-work,.case-section{padding-block:72px}.actual-intro{margin-bottom:38px}.case-section h2{margin-bottom:46px}.agency-capabilities{padding-block:64px}.next-case{padding-block:38px}}