/* A single continuous opening: mosaic pieces become the column beside the Sprint. */
.brand{display:inline-flex;align-items:center;gap:13px}.brand img{object-fit:contain;display:block;flex:none}.nav .brand{font-size:56px}.nav nav{gap:30px;margin-left:0}.opening-stage{position:relative;background:var(--rose);overflow:clip}.hero{background:transparent;min-height:850px;padding-bottom:0}.hero-copy{width:51%;padding-bottom:70px}.hero-description{max-width:410px;font-size:17px}.hero-art{position:absolute;right:-5%;top:-80px;width:64%;max-width:970px;z-index:0;will-change:transform;transform:translate3d(0,var(--art-y,0px),0) rotate(var(--art-rotation,-11deg));pointer-events:none}.hero-art img{width:100%;height:auto;display:block;transition:opacity .2s}.hero-art canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .2s}.hero-art.motion-ready canvas{opacity:1}.hero-art.motion-ready img{opacity:0}.hero .hero-foot{position:relative;z-index:1;font-size:11px;padding-bottom:25px}.hero-foot .etymology{max-width:none;position:relative}.scroll-note{font-size:11px;margin-top:38px;color:#77515b;display:flex;align-items:center;gap:11px}.scroll-note span{font-size:19px}.sprint-feature{position:relative;min-height:740px;display:flex;align-items:center;padding-top:50px;padding-bottom:110px}.sprint-copy{width:49%;position:relative;z-index:1}.sprint-feature h2{font-size:clamp(40px,4.2vw,62px);margin:25px 0;line-height:1.04;letter-spacing:-.035em}.sprint-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;max-width:405px}.sprint-copy .sprint-deliverable{font-family:Alegreya,serif;font-size:23px!important;line-height:1.35!important;margin-top:25px;color:#825148}.sprint-feature .button{margin-top:27px}.roadmap-reveal{max-width:405px;margin-top:27px}.roadmap-reveal summary{list-style:none;display:flex;align-items:center;gap:20px;font-size:13px;font-weight:600;cursor:pointer}.roadmap-reveal summary::-webkit-details-marker{display:none}.roadmap-reveal summary span{font-size:20px}.roadmap-reveal[open] summary span{transform:rotate(45deg)}.roadmap-reveal p{font-size:14px;line-height:1.7;margin-top:13px}.intro{padding-top:85px}.intro h2{font-size:clamp(39px,4.3vw,63px)}.scene-website,.scene-marketing,.scene-sales{animation:scene-in .6s cubic-bezier(.2,.75,.25,1) both}.scene-website{animation-name:website-in}.scene-marketing .campaign-letter{transition:transform .3s}.scene-marketing:hover .campaign-letter{transform:translate(0,-6px) rotate(3deg)}.scene-sales:hover .correspondence{transform:translateY(-5px) rotate(-1deg)}.correspondence{transition:transform .4s}.journey-stone{transition:background .4s,transform .4s}.services[data-active-service=marketing] .journey-stone{transform:rotate(5deg)}.services[data-active-service=sales] .journey-stone{transform:rotate(0)}.closing-tesserae{--tile-shift:0px}.closing-tesserae span:nth-child(3){transform:translate(calc(10px + var(--tile-shift)),calc(-12px - var(--tile-shift))) rotate(7deg)}.closing-tesserae span:nth-child(9){transform:translate(calc(20px + var(--tile-shift)),calc(20px + var(--tile-shift))) rotate(15deg)}
@keyframes scene-in{from{opacity:.15;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes website-in{from{opacity:.15;transform:translateY(16px) rotate(-6deg)}to{opacity:1;transform:translateY(0) rotate(-3deg)}}
@media(min-width:1600px){.hero{min-height:910px}.hero-art{right:0}.sprint-feature{min-height:800px}}
@media(min-width:701px) and (max-width:1050px){.nav nav{gap:18px;font-size:12px}.nav .brand{font-size:47px;gap:8px}.nav .brand img{width:33px;height:39px}.hero-copy{width:56%}.hero-art{right:-14%;width:70%;top:-25px}.hero-description{max-width:335px;font-size:16px}.hero h1{font-size:70px}.hero{min-height:800px}.hero .button{font-size:12px;gap:16px;padding:16px 18px}.sprint-copy{width:52%}.sprint-feature h2{font-size:45px}.sprint-copy>p:not(.eyebrow){font-size:15px}.sprint-copy .button{font-size:12px;gap:17px}.sprint-feature{min-height:700px}}
@media(max-width:700px){.nav .brand{font-size:45px;gap:9px}.nav .brand img{width:32px;height:36px}.hero{min-height:0;padding-bottom:0}.hero-copy{width:100%;padding-bottom:0}.hero-description{font-size:16px;max-width:340px}.hero .button{font-size:12px;gap:14px}.hero h1{font-size:68px}.hero .hero-foot{display:none}.hero-art{position:relative;right:auto;top:auto;width:115%;max-width:none;margin:0 -7%;transform:rotate(var(--art-rotation,-11deg));pointer-events:none}.scroll-note{margin-top:26px;margin-bottom:3px;font-size:10px}.sprint-feature{padding-top:5px;padding-bottom:65px;min-height:0;margin-top:-5px}.sprint-copy{width:100%}.sprint-feature h2{font-size:42px;line-height:1.06;margin:22px 0}.sprint-copy>p:not(.eyebrow){font-size:15px;max-width:none}.sprint-copy .sprint-deliverable{font-size:23px!important}.sprint-feature .button{font-size:12px}.roadmap-reveal summary{font-size:12px}.roadmap-reveal p{font-size:13px}.intro{padding-top:60px}.intro h2{font-size:39px;line-height:1.06}.intro-text>p{font-size:15px}.closing .button{min-width:190px}footer .brand img{width:28px;height:30px}footer .brand{gap:8px}}
@media(max-width:360px){.hero h1{font-size:59px}.hero .button{font-size:10.5px;gap:12px;padding:15px}.hero-description{font-size:15px}.sprint-feature h2{font-size:36px}.intro h2{font-size:33px}.sprint-feature .button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.hero-art{will-change:auto;transform:rotate(-11deg)!important}.hero-art canvas{display:none!important}.hero-art img{opacity:1!important}.scene-website,.scene-marketing,.scene-sales{animation:none!important}.closing-tesserae{--tile-shift:0px!important}}

.static-column{display:none;position:absolute;right:0;top:-5%;width:52%;height:auto}.sprint-feature{isolation:isolate}.sprint-copy{z-index:1}
@media(prefers-reduced-motion:reduce){.static-column{display:block}}
@media(max-width:700px){.static-column{display:none!important}}

.nav .brand .original-wordmark{width:136px;height:64px}footer .brand .original-wordmark{width:106px;height:50px}
@media(max-width:700px){.nav .brand .original-wordmark{width:111px;height:52px}footer .brand .original-wordmark{width:91px;height:43px}}

.art-track{display:contents}
@media(max-width:700px){.art-track{display:block;position:relative;height:calc(115vw + 90px)}.hero-art{position:sticky;top:70px;margin:0 -7%}}
@media(max-width:700px) and (prefers-reduced-motion:reduce){.art-track{height:auto}.hero-art{position:relative;top:auto}}