.hero-bottom{bottom:76px}
.hero-media{transform-origin:right center}
.proof-item span{font-size:18px}
.process-viewport{position:absolute;top:52%;left:var(--gutter);right:var(--gutter);bottom:10%;overflow:hidden}.process-track{position:relative;top:0;left:0}
@media(max-width:700px){.work-composition{top:32vh}.work-row img{height:19vh}.proof-item{display:block;width:43vw}.proof-item span{display:block;font-size:14px;max-width:150px;margin-top:8px}.hero-development h2{font-size:clamp(42px,12vw,54px)}.process-viewport{position:relative;inset:auto;overflow:visible}}
@media(prefers-reduced-motion:reduce){.process-viewport{position:relative;inset:auto;overflow:visible}.hero-bottom{bottom:auto}.proof-item{width:auto}.work-composition{top:auto}}
:root{--white:#faf8f3}
.client-review figcaption strong,.client-review figcaption small{display:block}
.client-review figcaption small{margin-top:5px}
#carousels .social-project-top{min-height:0;margin-bottom:22px}
#carousels>.split-heading{margin-bottom:25px}
#carousels>.split-heading>p{grid-column:1/-1;max-width:650px}
#carousels>.carousel-offer{margin-bottom:45px}
.review-demo{margin-top:70px}
.review-demo-heading{padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:25px;font-size:14px}
.review-demo-heading span{display:block;font-size:12px;margin-top:6px}
.review-pause{background:none;text-decoration:underline;font-size:12px;padding:10px;flex-shrink:0}
.review-marquee{overflow:hidden}
.review-track{display:flex;width:max-content;animation:review-drift 38s linear infinite}
.review-group{display:flex;gap:24px;padding-right:24px}
.client-review{padding:28px;background:#fff;width:360px;display:flex;flex-direction:column;gap:16px}
.client-review small{font-size:11px;color:#555}
.sample-stars{color:#b34315;letter-spacing:4px;font-size:20px}
.client-review blockquote{margin:0;font-size:19px;line-height:1.4}
.client-review figcaption{font-size:13px;margin-top:auto}
.review-marquee:hover .review-track,.review-demo:focus-within .review-track{animation-play-state:paused}
@keyframes review-drift{to{transform:translateX(-50%)}}
@media(max-width:700px){.client-review{width:290px;padding:24px}.review-demo-heading{align-items:start}.client-review blockquote{font-size:17px}}
@media(prefers-reduced-motion:reduce){.review-track{animation:none}.review-marquee{overflow-x:auto}.review-group[aria-hidden=true]{display:none}.review-pause{display:none}}
#service-ai .service-copy h3{font-size:clamp(40px,4.7vw,76px)}
#creative>.split-heading,#carousels>.split-heading{display:grid;grid-template-columns:1fr 1fr;gap:28px 55px;align-items:start}
#creative>.split-heading h2,#carousels>.split-heading h2{grid-column:1/-1;font-size:clamp(44px,5.8vw,96px);max-width:1200px}
#creative>.split-heading>p{grid-column:1/-1;max-width:780px;font-size:19px}
#carousels>.split-heading>p{max-width:600px;font-size:19px}
.video-caption .line-link{display:inline-block;margin-top:25px}
.carousel-offer{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:50px}
.carousel-offer p{max-width:560px}
.carousel-offer a{flex-shrink:0}
.social-project-top{min-height:150px}
.social-project-top h3{font-size:clamp(27px,2.5vw,40px);line-height:1.05}
@media(max-width:700px){#creative>.split-heading,#carousels>.split-heading{display:block}#creative>.split-heading h2,#carousels>.split-heading h2{font-size:42px}#creative>.split-heading>p,#carousels>.split-heading>p{font-size:16px;margin-top:25px}.carousel-offer{display:block}.carousel-offer a{display:inline-block;margin-top:22px}.social-project-top{display:block;min-height:0}.social-project-top>span{display:block;margin-top:14px}}
.full-portfolio#work{margin-top:-100svh}
.portfolio-proof{display:flex;align-items:baseline;gap:20px;margin:0 var(--gutter) 14px;height:50px}
.portfolio-proof strong{font-family:Arial,sans-serif;font-size:clamp(40px,5vw,82px);letter-spacing:-.065em;line-height:1;transform:scale(.78);transform-origin:left top;margin-right:-12px}
.portfolio-proof span{font-size:15px}
.portfolio-proof{height:clamp(34px,3.9vw,64px);margin-bottom:2px}
.portfolio-proof{gap:25px;transform:scale(.78);transform-origin:left top}
.portfolio-proof strong{transform:none;margin-right:0}
.proof-stack .proof-item{display:flex;width:auto;gap:25px}
.proof-stack .proof-item span{display:inline;max-width:none;margin-top:0;font-size:15px}
@media(max-width:700px){#work .portfolio-proof{height:33px;margin-bottom:4px}}
@media(prefers-reduced-motion:reduce){.full-portfolio#work{margin-top:0}}
.full-portfolio .portfolio-stage .work-row img{height:calc((100svh - 370px)/2)}
@media(max-width:700px){.portfolio-proof{height:40px;gap:16px;margin-bottom:12px}.portfolio-proof strong{font-size:42px}.portfolio-proof span{font-size:12px}.full-portfolio .portfolio-stage .work-heading p{display:block;font-size:12px;margin-top:10px}.full-portfolio .portfolio-stage .work-row img{height:calc((100svh - 410px)/2)}}
@media(prefers-reduced-motion:reduce){.proof-stack{display:none}.portfolio-proof{opacity:1!important}.full-portfolio .portfolio-stage .work-row img{height:390px}}
.story-three{height:400svh}
.about-slide{position:absolute;inset:0;padding:125px var(--gutter) 70px;display:flex;flex-direction:column;justify-content:space-between;gap:25px}
.about-eyebrow{font-size:13px;letter-spacing:.04em}
.about-slide h2{font-size:clamp(56px,7.5vw,125px);max-width:1100px}
.about-slide p{font-size:clamp(17px,1.65vw,24px);line-height:1.5;max-width:740px}
.about-intro{background:var(--white);color:var(--black)}
.about-intro h2{font-size:clamp(75px,12vw,190px)}
.about-intro p{align-self:flex-end}
.about-mentor{background:var(--orange);color:var(--black);display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:auto 1fr auto;column-gap:6vw;clip-path:inset(100% 0 0)}
.about-mentor h2{font-size:clamp(46px,5.6vw,92px);grid-column:1;align-self:center}
.about-mentor p{grid-column:1;font-size:clamp(17px,1.5vw,21px)}
.about-mentor img{grid-column:2;grid-row:1/4;align-self:center;justify-self:center;height:100%;max-height:66svh;width:auto;object-fit:contain}
.about-sales{color:var(--white);clip-path:inset(100% 0 0);isolation:isolate;background:var(--black)}
.about-sales>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.42);z-index:-1}
.about-sales h2{margin-bottom:auto}
.about-sales p{max-width:700px}
@media(max-width:700px){.story-three{height:420svh}.about-slide{padding:135px var(--gutter) 65px;gap:20px}.about-slide h2{font-size:48px}.about-intro h2{font-size:76px}.about-slide p{font-size:16px;line-height:1.5}.about-mentor{display:flex;gap:15px}.about-mentor h2{font-size:39px;align-self:stretch}.about-mentor img{order:2;height:28svh;width:100%;max-height:none;object-fit:contain}.about-mentor p{order:3;font-size:14px}.about-sales>img{object-position:78% center}.about-sales h2{font-size:48px}}
@media(prefers-reduced-motion:reduce){.about-slide{position:relative;min-height:100svh;clip-path:none!important}.about-mentor{min-height:100svh}.about-sales{min-height:100svh}}
.nav,.nav.dark,.nav nav,.contact-actions,.contact footer{border:0}
.work-composition{top:max(29vh,225px)}
.proof-item span{max-width:230px;font-size:15px}
.nav-cta{position:relative;isolation:isolate;padding:15px 29px;min-height:50px;display:grid;place-items:center;font-size:15px;overflow:hidden}
.nav-cta:before{content:'';position:absolute;inset:0;background:#111;transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.2,.8,.2,1);z-index:-1}
.nav-cta:hover,.nav-cta:focus-visible{color:var(--white)}.nav-cta:hover:before,.nav-cta:focus-visible:before{transform:scaleX(1)}
.nav-cta:after{content:'';position:absolute;inset:3px;border:1px solid #f45125;clip-path:inset(0 100% 0 0);transition:clip-path .6s ease;pointer-events:none}.nav-cta:hover:after,.nav-cta:focus-visible:after{clip-path:inset(0)}
@media(max-width:700px){.nav-cta{padding:10px 17px;min-height:42px;font-size:13px}.work-composition{top:32vh}.story-stage>img{object-position:78% center}}
@media(prefers-reduced-motion:reduce){.work-composition{top:auto}}
.contact-actions a,.contact-actions button,.footer-options button{border:0}
.full-portfolio.work-composition{position:relative;inset:auto;opacity:1;pointer-events:auto;padding:65px 0 80px;background:var(--black);color:var(--white)}
.full-portfolio .work-heading{gap:30px;margin-bottom:28px}
.full-portfolio .work-window{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--orange) transparent;padding:10px 0 26px}
.full-portfolio .work-row{transform:none!important;align-items:start;will-change:auto}
.full-portfolio .work-row button{width:auto;flex:0 0 auto}
.full-portfolio .work-row img{height:clamp(430px,65vh,760px);width:auto;max-width:none;object-fit:contain;aspect-ratio:var(--board-ratio)}
.opening{height:332svh}
.full-portfolio .work-row img{max-width:86vw}
@media(max-width:700px){.opening{height:295svh}}
.full-portfolio .work-row button>span{max-width:420px;font-size:14px;padding:14px 0;white-space:normal}
.portfolio-controls{display:flex;gap:12px;align-items:center;padding:10px var(--gutter)}
.portfolio-controls span{margin-right:auto;font-size:13px}
.portfolio-controls button{width:46px;height:46px;background:var(--white);color:var(--black);font-size:22px}
.hero-development h2{font-size:clamp(38px,4.6vw,78px)}
.hero-development p{max-width:540px}
.hobby-nav{display:flex;justify-content:center;align-items:center;gap:18px;padding:20px 0;font-size:14px}
.hobby-nav button{background:var(--black);color:var(--white);padding:12px}
.hobby-nav button:disabled{opacity:.35}
.full-portfolio.work-composition{padding:0}
.portfolio-stage{position:sticky;top:0;height:100svh;overflow:hidden;padding-top:110px}
.full-portfolio .work-heading{margin-bottom:12px;padding-bottom:12px;align-items:center}
.full-portfolio .work-heading h2{font-size:clamp(30px,4vw,64px)}
.full-portfolio .work-window{overflow:hidden;padding:0 0 12px}
.full-portfolio .work-row img{height:calc((100svh - 300px)/2);max-width:86vw}
.full-portfolio .work-row button>span{padding:6px 0;font-size:12px;max-width:250px;line-height:1.2}
.preview-card{cursor:default}
.preview-card:focus-visible{outline:3px solid var(--orange);outline-offset:5px}
@media(max-width:700px){.portfolio-stage{padding-top:125px}.full-portfolio .work-heading p{display:none}.full-portfolio .work-row img{height:calc((100svh - 310px)/2)}}
@media(prefers-reduced-motion:reduce){.portfolio-stage{position:relative;height:auto;padding-top:60px}.full-portfolio .work-window{overflow-x:auto}.full-portfolio .work-row img{height:390px}.full-portfolio.work-composition{height:auto!important}}
.chapter-controls{position:absolute;bottom:6vh;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;justify-content:center;gap:22px;font-size:13px;z-index:4}
.chapter-controls button{padding:12px 17px;background:transparent;color:inherit;border:1px solid currentColor}
.problem-progress{bottom:17vh}
.process .chapter-controls{bottom:3vh;justify-content:flex-end}
@media(max-width:700px){.process .chapter-controls{display:none}.chapter-controls{bottom:10vh;gap:12px}.chapter-controls button{padding:10px 12px}.problem-progress{bottom:20vh}}
.preview-fan{overflow:visible;height:62vh;margin:35px 0;isolation:isolate}
.preview-fan .preview-card{position:absolute;inset:6% 7%;padding:0;background:var(--white);overflow:hidden;box-shadow:0 18px 35px #0004;transform:translate(calc((var(--card) - 1)*24px),calc((2 - var(--card))*-13px)) rotate(calc((var(--card) - 1)*5deg));transition:transform .5s;z-index:var(--card)}
.preview-fan img{width:100%;height:100%;object-fit:cover;object-position:top}
.preview-fan:hover .preview-card,.preview-fan:focus-within .preview-card{transform:translate(calc((var(--card) - 1)*70px),calc((2 - var(--card))*-40px)) rotate(calc((var(--card) - 1)*12deg))}
.preview-fan .preview-card:hover,.preview-fan .preview-card:focus-visible{z-index:4;transform:translateY(-45px) rotate(0) scale(1.02)}
.faq-intro{height:160svh;background:var(--white);overflow:clip}
.faq-intro .sticky{display:flex;align-items:center}
.faq-intro p{font-family:Arial,sans-serif;font-weight:700;letter-spacing:-.07em;font-size:clamp(100px,19vw,340px);white-space:nowrap;padding:0 var(--gutter);line-height:1.05}
#questions{position:relative;z-index:2;background:var(--white);margin-top:-38svh;padding-top:45px;will-change:transform}
@media(max-width:700px){#questions{padding-top:32px}}
@media(prefers-reduced-motion:reduce){#questions{margin-top:0;transform:none!important;will-change:auto}}
@media(max-width:700px){.preview-fan{height:48vh;margin-top:75px}.preview-fan:hover .preview-card,.preview-fan:focus-within .preview-card{transform:translate(calc((var(--card) - 1)*28px),calc((2 - var(--card))*-30px)) rotate(calc((var(--card) - 1)*7deg))}.faq-intro{height:130svh}}
@media(prefers-reduced-motion:reduce){.faq-intro .sticky{height:auto;padding:65px var(--gutter)}.faq-intro p{white-space:normal;font-size:clamp(55px,10vw,150px);padding:0}}
.play-label{display:flex;align-items:center;gap:10px;min-height:48px;padding:12px 20px;background:var(--orange);color:var(--black);font-size:15px;font-weight:700;box-shadow:0 4px 22px #0003;transition:transform .25s}
.play-label:before{content:'';width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor}
button:hover .play-label,button:focus-visible .play-label{transform:scale(1.08)}
@media(max-width:700px){.full-portfolio .work-row button>span{max-width:250px}.full-portfolio .work-heading{display:block}.full-portfolio .work-heading p{display:none}.hero-development h2{font-size:40px}.proof-stack{top:70vh}}