.dev-banner{position:relative;z-index:20;padding:10px 20px;background:#514D3C;color:#E9E4DA;text-align:center;font:12px/1.5 'Plus Jakarta Sans',sans-serif;letter-spacing:.04em}
.hero-focused h1{max-width:1050px;font-size:clamp(40px,6.5vw,88px);line-height:1.1}
.service-explanation{max-width:720px;font-size:18px;line-height:1.65}
.hero-services{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}
.hero-services a{border:1px solid #9A9B7D;border-radius:999px;padding:12px 20px;text-decoration:none;color:#514D3C;background:#E9E4DA}
.hero-services a:hover,.hero-services a:focus-visible{background:#514D3C;color:#E9E4DA}
.motion-ready .service-runway,.motion-ready .service-runway:nth-child(n),.motion-ready .onboarding-journey,.motion-ready .scroll-story,.motion-ready #social-demo,.motion-ready #after-story{height:auto!important;min-height:0!important}
.motion-ready .service-preview,.motion-ready .onboarding-pin,.motion-ready .sticky-stage,.motion-ready .note-pin{position:relative!important;top:auto!important;height:auto!important;min-height:0!important;overflow:visible!important}
.service-preview{padding:50px 0!important}.service-pin{align-items:center}.service-pin>.eyebrow{margin-top:0!important}.showcase-contact{grid-column:2}
.dev-motion-controls{display:flex;justify-content:center;gap:12px;margin:16px 0;grid-column:1/-1}
.dev-motion-controls button{border:1px solid #9A9B7D;border-radius:99px;padding:10px 16px;background:#E9E4DA;color:#514D3C;font:13px 'Plus Jakarta Sans',sans-serif;cursor:pointer}
.dev-motion-controls button:focus-visible{outline:3px solid #AD7846;outline-offset:3px}
.context-explanation{max-width:670px;margin:15px auto;text-align:center;line-height:1.6}
.moving-photo,.enhanced-photo{background:transparent!important;border:0!important;padding:0!important}
.ig-frame .ig-image>img{object-fit:cover!important}
.publishing-days,.publishing-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.publishing-weekdays span{font-size:11px;text-align:center}.publishing-days span{padding:8px 2px;background:#E9E4DA;color:#514D3C;text-align:center;font-size:12px;border-radius:5px}.publishing-days .scheduled-day{background:#AD7846;color:white}
.publish-calendar{padding:20px!important}.publishing-slot{position:relative!important;margin-top:15px!important}
#social-demo .journey-canvas{display:block!important;flex:none!important;height:470px!important;min-height:470px!important;width:100%;margin:18px auto!important}
.scroll-hint{display:none!important}.onboarding-canvas{flex:none!important;height:470px}.journey-canvas{min-height:470px}.scene-area{min-height:500px}.note-canvas{min-height:470px}
@media(max-width:760px){.hero-focused h1{font-size:42px}.service-explanation{font-size:16px}.hero-services{flex-direction:column;align-items:flex-start}.service-pin{display:flex;flex-direction:column;align-items:stretch}.showcase-contact{grid-column:auto}.journey-canvas,.note-canvas{min-height:360px}.onboarding-canvas{height:390px}.scene-area{min-height:420px}.service-preview{padding:35px 0!important}}
@media(prefers-reduced-motion:reduce){.dev-motion-controls{display:none}.moving-photo,.journey-object{transition:none!important}.scroll-story .scene{position:relative!important;opacity:1!important;visibility:visible!important;transform:none!important;margin:25px 0}.scene-area{height:auto!important}.scroll-story .story-controls{display:none!important}}
@media(max-width:760px){#social-demo .journey-canvas{height:380px!important;min-height:380px!important}}
#calendar-demo .scene-area{display:grid!important;flex:none!important;height:auto!important;min-height:560px!important;width:100%;overflow:visible}
.motion-ready #calendar-demo .scene{position:relative!important;inset:auto!important;grid-area:1/1;display:none!important;height:auto!important;min-height:560px!important}
.motion-ready #calendar-demo .scene.active{display:flex!important;visibility:visible!important;opacity:1!important}
#calendar-demo .scene-cluster{height:auto;max-height:none;padding:20px 0}
@media(max-width:760px){#calendar-demo .scene-area,.motion-ready #calendar-demo .scene{min-height:480px!important}}
@media(prefers-reduced-motion:reduce){#calendar-demo .scene-area{display:block!important}.motion-ready #calendar-demo .scene{display:flex!important;grid-area:auto}}
.dev-motion-controls{gap:10px;margin:24px 0 8px;align-items:center}
.dev-motion-controls button{min-height:44px;padding:12px 20px;border-radius:6px;border:1px solid #514D3C;background:#514D3C;color:#E9E4DA;font:500 12px/1.3 'Plus Jakarta Sans',sans-serif;letter-spacing:.025em;box-shadow:0 3px 8px #514D3C0d;transition:background .18s,color .18s,box-shadow .18s,transform .18s}
.dev-motion-controls button+button{background:transparent;color:#514D3C;border-color:#AD784670;box-shadow:none}
.dev-motion-controls button:hover{background:#423F31;box-shadow:0 5px 14px #514D3C20;transform:translateY(-1px)}
.dev-motion-controls button+button:hover{background:#AD78460e;color:#514D3C;border-color:#AD7846}
.dev-motion-controls button[aria-pressed=true]{background:#E9E4DA;color:#514D3C;border-color:#514D3C}
.hero-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;max-width:820px;border:1px solid #9A9B7D80;border-radius:8px;overflow:hidden;background:#F5F1E9;box-shadow:0 8px 24px #514D3C08;margin:28px 0}
.hero-services a{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:18px 22px;border:0;border-radius:0;background:transparent;color:#514D3C;font-size:14px;font-weight:500;line-height:1.4;transition:background .18s,color .18s}
.hero-services a+a{border-left:1px solid #9A9B7D60}
.hero-services a:after{content:'\2197';color:#AD7846;font-size:20px;font-weight:400}
.hero-services a:hover,.hero-services a:focus-visible{background:#514D3C;color:#E9E4DA}
.hero-services a:hover:after,.hero-services a:focus-visible:after{color:#E9E4DA}
.hero-services a:focus-visible{outline:3px solid #AD7846;outline-offset:-3px}
@media(max-width:760px){.hero-services{grid-template-columns:1fr;align-items:stretch;width:100%;max-width:460px}.hero-services a{min-height:58px;padding:16px 20px}.hero-services a+a{border-left:0;border-top:1px solid #9A9B7D60}.dev-motion-controls button{font-size:12px;padding:12px 18px}}
@media(prefers-reduced-motion:reduce){.dev-motion-controls button,.hero-services a{transition:none}.dev-motion-controls button:hover{transform:none}}
#after-story .note-pin{display:flex!important;flex-direction:column!important;align-items:center;gap:18px}
#after-story .note-pin>div:first-child{width:100%}
#after-story .context-explanation{display:block!important;text-align:left;margin:16px 0;max-width:700px}
#after-story #note-input{display:none!important}
#after-story .note-sequence-stage{position:relative;width:100%;min-height:750px;margin:12px auto;isolation:isolate}
#after-story #note-post{position:relative;display:block;grid-column:auto;grid-row:auto;width:min(330px,100%);margin:0 auto;will-change:opacity,transform}
#after-story .note-pin .fitted-instagram{width:100%!important;max-width:none!important}
#after-story .note-pin .ig-image{height:auto!important;aspect-ratio:4/5}
#after-story .note-pin .ig-image>img{object-fit:cover!important}
#after-story .note-pin .ig-caption{font-size:13px!important;line-height:1.5!important;padding:0;min-height:100px}
#after-story .note-caption-body{display:inline;color:#425c75}
.note-instruction-screen{position:absolute;top:140px;left:50%;transform:translateX(-50%);width:min(620px,calc(100% - 36px));text-align:center;pointer-events:none}
.note-instruction-text{font-family:'Marcellus',serif;font-size:30px;line-height:1.35;min-height:130px;margin:18px 0}
.note-caption-screen{position:absolute;top:160px;left:18px;pointer-events:none;z-index:3;text-align:left;will-change:top,left,width,opacity}
.note-caption-screen .eyebrow{overflow:hidden;line-height:1.3;margin:0 0 14px}
.note-generated-text{font-family:'Plus Jakarta Sans',sans-serif;margin:0!important;font-size:22px;line-height:1.5;color:#514D3C}
.note-sequence-stage .type-caret:after{width:2px;background:#AD7846;animation:note-caret 1s step-end infinite}
.note-sequence-stage .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@keyframes note-caret{50%{opacity:0}}
@media(max-width:760px){#after-story .note-sequence-stage{min-height:700px}#after-story #note-post{width:min(300px,100%)}.note-instruction-text{font-size:27px}.note-caption-screen .eyebrow,.note-instruction-screen .eyebrow{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){#after-story .note-sequence-stage{display:flex;flex-direction:column;gap:22px;min-height:0}.note-instruction-screen{position:relative;top:auto;left:auto;transform:none;order:-1;width:100%}.note-instruction-text{min-height:0}.note-caption-screen{display:none}.note-sequence-stage .type-caret:after{animation:none}}

/* Compact service navigation, with clear labels and full touch targets. */
.hero-services{display:flex;flex-wrap:wrap;gap:0 28px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;margin:24px 0;max-width:720px}
.hero-services a{min-height:44px;padding:10px 0;gap:22px;border:0;border-bottom:1px solid #9A9B7D70;border-radius:0;background:transparent;font-size:15px}
.hero-services a+a{border-left:0;border-top:0}
.hero-services a:hover,.hero-services a:focus-visible{background:transparent;color:#514D3C;border-bottom-color:#AD7846}
.hero-services a:hover:after,.hero-services a:focus-visible:after{color:#AD7846}
.hero-services a:focus-visible{outline:2px solid #AD7846;outline-offset:5px}
.hero-location{font-size:13px;line-height:1.6;margin:12px 0 0;color:#65614F}
.hero-focused .service-explanation{max-width:620px;font-size:18px;line-height:1.6;margin-bottom:0}
.hero-focused .trust-line{margin-top:24px}
@media(max-width:760px){.hero-services{display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:330px;gap:0;margin:22px 0}.hero-services a{min-height:44px;padding:10px 0}.hero-services a+a{border-top:0}.hero-focused .service-explanation{font-size:16px}.hero.hero-focused{padding-bottom:40px}.hero-focused .actions{margin-top:24px}}