.page{position:relative;width:100%;overflow:clip;box-shadow:inset 0 0 16rem #8c5c2229}.page>section,.page>header,.page>footer{position:relative;width:100%;overflow:clip}.btn{position:absolute;display:inline-flex;align-items:center;justify-content:center;padding:1.6rem 2.8rem;background:var(--brand-800);color:var(--white);font:500 1.4rem/normal var(--font-museum);white-space:nowrap;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}.btn:hover{transform:translateY(-.2rem);box-shadow:0 1rem 2.4rem -1.2rem #2212018c}.btn:focus-visible,.work-card:focus-visible,.footer-social a:focus-visible,.footer-logo:focus-visible{outline:.2rem solid var(--brand-800);outline-offset:.4rem}.stage-fill{width:100%;height:100%}.hero{height:102.3rem}.hero-title{font:inherit}.hero-word{position:absolute;overflow:clip;padding-bottom:.1em;font:500 8.9171rem/1.1 var(--font-museum);text-transform:uppercase;white-space:nowrap}.hero-word-inner{display:inline-block}.hero-word--beautiful{left:29.7rem;top:19.613rem}.hero-word--websites{left:74.07rem;top:17.713rem}.hero-word--built{left:46.462rem;top:29.913rem}.hero-word--business{right:73rem;top:39.713rem;text-align:right}.hero-copy{position:absolute;left:74.07rem;top:43.713rem;width:29.43rem;font:300 1.8rem/normal var(--font-museum)}.hero-btn{left:74.07rem;top:52.513rem}.intro{height:58.9rem}.intro-text{position:absolute;left:62.2rem;top:15.1rem;width:63rem;font:300 2.8rem/1.3 var(--font-museum)}.intro-text p+p{margin-top:3.64rem}.works{height:73.8rem}.works-title{position:absolute;left:3.575rem;top:6.166rem;font:700 16.7433rem/1.3 var(--font-museum);color:#cbb58980;text-transform:uppercase;white-space:nowrap}.work-card{position:absolute;z-index:4;top:21.1rem}.process{height:168.5rem}.process-head{position:absolute;left:50%;top:19.8rem;width:32.8rem;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:1.4rem;text-align:center}.process-title{font:700 4.4rem/.9 var(--font-museum);text-transform:uppercase;white-space:nowrap}.process-sub{width:23.45rem;font:300 1.8rem/1.3 var(--font-museum)}.step{position:absolute;z-index:4;width:29.5rem;height:27.3rem;overflow:clip;background:#f3e7cdb3;opacity:0;transform:translateY(2.4rem) scale(.97);transition:opacity .9s ease,transform 1s cubic-bezier(.2,.8,.2,1)}.step.is-inked{opacity:1;transform:none}.step.is-inked:hover{transform:translateY(-.6rem)}.step-n{position:absolute;top:1.418rem;font:500 12.7278rem/.9 var(--font-museum);color:var(--brand-100);white-space:nowrap}.step-text{position:absolute;left:2.8rem;top:13.818rem;width:22.551rem;display:flex;flex-direction:column;gap:1rem}.step-title{font:500 2rem/.9 var(--font-museum)}.step-body{font:300 1.6rem/1.25 var(--font-museum)}.services{height:29.2rem;-webkit-mask-image:linear-gradient(90deg,transparent 19.2%,#000 50%,transparent 80.8%);mask-image:linear-gradient(90deg,transparent 19.2%,#000 50%,transparent 80.8%)}.marquee{position:absolute;white-space:nowrap}.marquee-track{display:flex;gap:.8rem;width:max-content;animation:marquee 60s linear infinite}.marquee-track--reverse{animation-direction:reverse}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(calc(-100% / 3))}}.pill{display:inline-flex;align-items:center;justify-content:center;padding:.4rem 2rem;font:300 1.6rem/1.25 var(--font-museum);text-align:center;transition:background .3s}.pill:hover{background:var(--brand-50)}.cta{height:49.6rem}.cta-inner{position:absolute;left:50%;top:50%;width:57.6625rem;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2.8rem;text-align:center}.cta-text{display:flex;flex-direction:column;align-items:center;gap:.8rem}.cta-title{width:54.8932rem;font:700 4.4rem/1 var(--font-museum);text-transform:uppercase}.cta-sub{font:300 2.8rem/1.3 var(--font-museum)}.btn--cta{position:relative;padding:1.6rem 3.6rem;overflow:clip;isolation:isolate}.btn--cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(circle at 50% 0%,#5a3a17,var(--ink) 70%);transform:scaleY(0);transform-origin:top;transition:transform .9s cubic-bezier(.2,.8,.2,1)}.btn--cta.is-inked:before{transform:scaleY(1)}.page>.footer{height:35.3rem;overflow:visible}.compass-stage{position:absolute;left:108.8rem;top:-8.5rem;width:32rem;height:32rem;z-index:3}.footer-logo{position:absolute;left:8.381rem;top:13.194rem;font:700 6.0761rem/1.1 var(--font-museum);white-space:nowrap}.footer-social{position:absolute;left:8.381rem;top:24.1rem;display:flex;gap:1.6rem;font:400 1.4rem/normal var(--font-grotesk);color:var(--black);text-transform:uppercase;white-space:nowrap}.footer-social a{background:linear-gradient(currentColor,currentColor) 0 100% / 0 .1rem no-repeat;transition:background-size .3s}.footer-social a:hover{background-size:100% .1rem}.ink-path{position:absolute;left:25.422rem;top:87.921rem;width:97.1998rem;height:378.219rem;overflow:visible;pointer-events:none;z-index:2}.ink-pool{transform:scale(0);transform-box:fill-box;transform-origin:center;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.ink-pool.is-wet{transform:scale(1)}.inkwell-stage{position:absolute;left:0;top:0;width:144rem;height:115rem;pointer-events:none;z-index:3}@media(max-width:1023px){.page{box-shadow:inset 0 0 8rem #8c5c2229;--gutter: max(2.4rem, calc(50% - 34rem) );--hero-f: clamp(4rem, 9vw, 7.2rem);--hero-end: calc(28rem + 4.4 * var(--hero-f));--sw: min(250vw, 1440px)}.page>section,.page>header{height:auto;padding-inline:var(--gutter)}.hero{min-height:calc(var(--hero-end) + var(--sw) * 720 / 1440);padding-top:10rem}.hero-title{display:flex;flex-direction:column;align-items:flex-start}.hero-word{position:static;font-size:var(--hero-f);text-align:left}.hero-word--business br{display:none}.hero-copy{position:static;width:auto;max-width:34rem;margin-top:2rem;font-size:1.7rem}.hero-btn{position:relative;left:auto;top:auto;margin-top:2.4rem}.inkwell-stage{width:var(--sw);height:calc(var(--sw) * 1150 / 1440);left:calc(50% - var(--sw) * 500 / 1440);top:calc(var(--hero-end) - var(--sw) * 300 / 1440)}.ink-path--compact{left:0;top:0}.intro{padding-block:4rem 6rem}.intro-text{position:static;width:auto;font-size:clamp(1.9rem,4.2vw,2.6rem)}.intro-text p+p{margin-top:2.4rem}.works{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:2rem 1.6rem;padding-block:4rem 6rem}.works-title{position:static;grid-column:1 / -1;font-size:clamp(4.4rem,13vw,11rem);line-height:1;white-space:normal}.work-card{position:relative;left:auto!important;top:auto;width:auto;height:auto;aspect-ratio:295 / 395}.work-name{font-size:1.4rem}.work-name--lg{font-size:1.5rem}.process{display:flex;flex-direction:column;gap:2.4rem;padding-block:6rem 8rem}.process-head{position:static;transform:none;align-self:center;margin-bottom:1.6rem}.step{position:relative;left:auto!important;top:auto!important;width:min(29.5rem,100%);flex-shrink:0}.step:nth-of-type(odd){align-self:flex-start}.step:nth-of-type(2n){align-self:flex-end}.services{display:flex;flex-direction:column;gap:1.2rem;padding:3rem 0!important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}.marquee{position:relative;left:auto!important;top:auto!important}.marquee:nth-child(2){margin-left:-6rem}.cta{padding-block:8rem}.cta-inner{position:static;transform:none;width:auto;max-width:57.6rem;margin-inline:auto}.cta-title{width:auto;font-size:clamp(3rem,7vw,4.4rem)}.cta-sub{font-size:clamp(1.8rem,4vw,2.4rem)}.page>.footer{height:auto;padding:6rem var(--gutter) 5rem}.footer-logo,.footer-social{position:static}.footer-logo{display:inline-block;font-size:clamp(4rem,11vw,6rem)}.footer-social{margin-top:2rem}.compass-stage{left:auto;right:max(0rem,calc(var(--gutter) - 4rem));top:-3rem;width:clamp(16rem,34vw,26rem);height:clamp(16rem,34vw,26rem)}}@media(prefers-reduced-motion:reduce){.marquee-track{animation-duration:240s}.step{transition:opacity .4s;transform:none}}
