:root{--reveal:100%;--p:0;--accent:var(--ember);--line:#d4d0c5}
.story{height:210vh;min-height:1500px}.hero-pin{position:sticky;top:0}.hero{align-items:center}.hero-work{align-self:center;min-width:0;padding:32px 30px 32px 12px;font-family:var(--sys);line-height:normal}.hero-work .eyebrow{font:600 11px/1.5 var(--sys);letter-spacing:.1em;margin:0;color:var(--ember)}.hero-work p{max-width:none}.hero-work .bakery-copy p{color:#432c1e}.hero-work .old-inner p{color:#161616}.hero-work .bakery-copy h2{color:#432c1e}.hero-work .old-inner h3{line-height:normal}.hero-work .version{font-family:var(--mono)}.hero-scroll-hint{font-size:13px;color:var(--muted);margin:0 0 18px}.hero-copy .sub{margin-bottom:20px}.hero-work .view-switch button{min-height:44px}.hero-work .chrome{margin:0}.hero-work .bakery-nav b{display:flex;gap:6px;align-items:center}.hero-work .work-heading{margin-bottom:14px}.hero-work .progress-track>span{background:var(--ember)}.hero-work .transformation-caption{font-family:var(--sys)}.hero-work .mobile-pin{position:static}.hero-work .new-site .bakery-grid{grid-template-columns:1fr 47%}.hero-work .old-site{line-height:1.3}.hero-work .old-photo{box-sizing:border-box}.hero-work button:focus-visible{outline:3px solid var(--ember-deep);outline-offset:3px}#motionBtn{font:inherit;background:none;border:0;color:inherit;cursor:pointer;padding:12px 0;text-decoration:underline;text-underline-offset:4px}.draft-label{font-size:11px;color:var(--muted)}.founder img{height:200px;object-fit:cover}.reduced .story{height:auto;min-height:0}.reduced .hero-pin{position:relative}.reduced .hero-work{height:auto}.reduced .hero-work .mobile-pin{position:static}.reduced .hero-scroll-hint{display:none}.reduced .hero-work .browser{transform:none}
@media(min-width:1600px){.hero-work .site-canvas{height:475px}.hero-work .bakery-grid{height:380px}.hero-work .bakery-copy{padding-top:40px}}
@media(max-width:1100px) and (min-width:761px){.hero{grid-template-columns:52% 48%}.hero-copy{padding:64px 30px}.hero-copy h1{font-size:clamp(48px,6vw,70px)}.hero-work{padding-right:20px;padding-left:5px}.hero-work .bakery-copy h2{font-size:27px}.hero-work .old-site{padding:12px}.hero-work .demo-bottom>span{font-size:8px}.hero-work .view-switch button{padding:8px 11px}.hero-ctas .btn,.hero-ctas .btn-ghost{padding:12px 18px}}
@media(max-width:760px){.story{height:auto;min-height:0}.hero-pin{position:static}.hero{display:block;min-height:0}.hero-copy{padding:48px 24px 25px}.hero-copy h1{font-size:clamp(40px,10.3vw,64px);line-height:1.03;font-weight:800}.hero-work{padding:0 24px;height:1250px}.hero-work .mobile-pin{position:sticky;top:12px}.hero-work .work-heading{padding-top:14px;background:var(--paper)}.hero-work .eyebrow{font-size:10px}.hero-work .browser{transform:none}.hero-work .bakery-copy h2{font-size:27px}.hero-work .bakery-nav{height:49px}.hero-work .bakery-grid{height:299px}.hero-work .site-canvas{height:382px}.hero-work .bakery-kicker{font-size:5px}.hero-work .bakery-copy>p{font-size:7px}.hero-work .bakery-button{font-size:7px}.hero-work .bakery-footer{height:34px}.hero-work .demo-bottom{align-items:center;gap:6px}.hero-work .demo-bottom>span{font-size:8px}.hero-work .bakery-footer>span:last-child{font-size:7px}.hero-work .transformation-caption{font-size:10px}.founder img{height:160px}.reduced .hero-work{padding-bottom:30px}}
@media(prefers-reduced-motion:reduce){.story{height:auto;min-height:0}.hero-pin{position:relative}.hero-work{height:auto}.hero-work .mobile-pin{position:static}.hero-scroll-hint{display:none}.hero-work .browser{transform:none}}