/* Motion is part of the composition, not just an opacity transition. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:150;pointer-events:none;transform-origin:left;transform:scaleX(var(--page-p,0));background:#4ee0bd;box-shadow:0 0 12px #4ee0bd75;transition:transform .08s linear}.page-curtain{position:fixed;inset:0;background:#007d72;z-index:200;transform:translateY(105%);display:grid;place-items:center;pointer-events:none;will-change:transform}.page-curtain>span{font:clamp(55px,10vw,145px) 'Lora',Georgia,serif;color:var(--cream);letter-spacing:-.07em}.page-curtain>span>i{color:#153b32;font-style:normal}.page-curtain.curtain-enter{animation:curtain-out .75s cubic-bezier(.76,0,.24,1) both}.page-curtain.is-leaving{animation:none;transform:translateY(0);transition:transform .22s cubic-bezier(.76,0,.24,1)}.page-curtain.curtain-enter>span{animation:curtain-word .65s ease both}.hero-film{overflow:hidden}.hero-film img{animation:hero-pan 14s ease-in-out infinite alternate;transform-origin:50% 50%;filter:saturate(1.1) contrast(1.08);will-change:transform}.hero-line{animation:hero-impact 1.35s .3s cubic-bezier(.16,1,.3,1) both!important}.hero-line:nth-child(2){animation-delay:.48s!important}.hero h1 .corner{animation:focus-snap 1.2s .7s cubic-bezier(.16,1,.3,1) both}.hero .framed{isolation:isolate}.hero .framed::after{content:'';position:absolute;left:2%;right:1%;bottom:6%;height:1px;background:linear-gradient(90deg,transparent,#8de2d480,transparent);transform-origin:left;animation:focus-line 5s 1.6s ease-in-out infinite;z-index:-1}.hero-bottom{animation:hero-impact 1.2s .65s cubic-bezier(.16,1,.3,1) both}.home-page .writing-lab{padding-top:65px}.home-page .clarity-scene{overflow:hidden;position:relative;background:#071f1b}.home-page .clarity-sticky{min-height:670px;position:relative;padding-top:45px;padding-bottom:35px}.clarity-sticky{isolation:isolate}.clarity-layout,.scene-label,.scene-bottom{position:relative;z-index:2}.home-page .clarity-layout{margin:35px 0 20px}.home-page .clarity-art{height:450px;z-index:2}.thread-tape{position:absolute;left:-10%;top:46%;width:220%;display:flex;white-space:nowrap;pointer-events:none;z-index:-1;transform:rotate(-9deg);opacity:.055}.thread-tape>span{font:140px/1 'Lora';letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px #c9e8d4;animation:thread-tape 36s linear infinite}.home-page .orbit-one{border:1px dashed #8de2d455;animation:orbit-turn 26s linear infinite;transform:none;width:370px;height:370px;box-shadow:0 0 70px #009c910c,inset 0 0 60px #009c910c}.home-page .orbit-two{width:490px;height:220px;animation:orbit-ellipse 18s ease-in-out infinite alternate;border-color:#8de2d440}.home-page .clarity-core{width:235px;height:220px;transform:scale(var(--thread-scale,1)) rotate(var(--thread-r,0deg));transition:transform .15s linear;background:radial-gradient(ellipse,#009c912e,transparent 70%)}.home-page .core-word{font-size:122px;letter-spacing:-.07em;animation:you-breathe 7s ease-in-out infinite alternate}.thread-point{color:#65d8b9}.home-page .focus-corner{width:30px;height:30px;border-color:#8de2d4;animation:focus-orbit 6s ease-in-out infinite alternate}.home-page .note{font-size:21px;color:#b2d6c4;opacity:.9;transform:translate(var(--note-x,0px),var(--note-y,0px));transition:transform .15s linear;animation:note-float 5s ease-in-out infinite alternate}.home-page .note-one{top:28px;left:5%;animation-delay:-1s}.home-page .note-two{top:105px;right:-2%;animation-delay:-3s}.home-page .note-three{bottom:95px;left:0;animation-delay:-2s}.home-page .note-four{bottom:30px;right:5%;animation-delay:-4s}.home-page .clarity-head h2{max-width:650px}.home-page .clarity-head h2 em{color:#8de2d4}.home-page .clarity-head>p{color:#c4dace}.home-page .art-caption{font-size:8px;letter-spacing:2px}.home-page .scene-bottom{opacity:.65}.motion-heading .motion-word-shell{display:inline-block;overflow:hidden;vertical-align:top;line-height:1.19;padding-bottom:.16em;margin-bottom:-.16em}.motion-heading .motion-word{display:inline-block;transform:translate3d(0,118%,0) rotate(6deg);transform-origin:0 100%;opacity:.1}.motion-heading.heading-in .motion-word{animation:word-rise .9s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--motion-i)*.055s)}.motion-heading{perspective:900px}.project-art.motion-media{clip-path:inset(12% 0 12% 0);transition:clip-path 1.15s cubic-bezier(.16,1,.3,1),transform .3s ease}.project-art.motion-media.media-in{clip-path:inset(0 0 0 0)}.work .project-art{transform:translateY(var(--art-y,0px)) rotate(var(--art-r,0deg));transform-origin:50% 80%;transition:transform .2s linear}.project-open:hover .project-art{transform:translateY(calc(var(--art-y,0px) - 7px)) rotate(calc(var(--art-r,0deg) - .8deg))}.rewrite-before{overflow:hidden}.rewrite-panel.ink-live .edit-mark{animation:ink-note 1.25s .25s cubic-bezier(.2,.7,.2,1) both}.rewrite-panel.ink-live .rewrite-before>p{animation:rough-draft .8s ease both}.edit-mark{position:relative;border-bottom:0}.edit-mark::after{content:'';position:absolute;left:-3px;right:-5px;height:10px;bottom:-5px;border-bottom:1.5px solid currentColor;border-radius:50%;transform:rotate(-2deg);transform-origin:left}.rewrite-panel.ink-live .edit-mark::after{animation:ink-line 1s .9s ease both}.cta-primary,.nav-cta,.round-link,.rail-controls button{translate:var(--magnet-x,0px) var(--magnet-y,0px);transition:translate .2s ease,background .25s,color .25s}.thread-tape>span::selection{background:transparent}.home-page .process-roadmap{border-top:1px solid #102e2a25}.home-page .why-fesola{background:#141414}.page-cta{position:relative;overflow:hidden}.page-cta::before{content:'';position:absolute;inset:-60%;background:radial-gradient(ellipse,#009c9114,transparent 55%);pointer-events:none;transform:translateX(var(--cta-x,0%));transition:transform .3s linear}.page-cta>*{position:relative;z-index:1}
@keyframes curtain-out{0%,12%{transform:translateY(0)}100%{transform:translateY(-105%)}}@keyframes curtain-word{0%{opacity:0;transform:translateY(15px)}30%,65%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-15px)}}@keyframes hero-impact{from{opacity:0;filter:blur(16px);transform:translate3d(0,65px,0) rotateX(12deg)}to{opacity:1;filter:blur(0);transform:translate3d(0,0,0) rotateX(0)}}@keyframes hero-pan{from{transform:scale(1.05) translate(-1%,0) rotate(-1deg)}to{transform:scale(1.2) translate(2%,2%) rotate(2deg)}}@keyframes focus-snap{from{opacity:0;scale:1.8;translate:0 20px}to{opacity:.8;scale:1;translate:0 0}}@keyframes focus-line{0%,100%{opacity:.15;scale:.15 1}50%{opacity:.7;scale:1 1}}@keyframes word-rise{from{opacity:.1;transform:translate3d(0,118%,0) rotate(6deg)}to{opacity:1;transform:translate3d(0,0,0) rotate(0)}}@keyframes orbit-turn{to{rotate:360deg}}@keyframes orbit-ellipse{from{transform:rotate(-30deg) scale(.9);border-radius:50%}to{transform:rotate(35deg) scale(1.1);border-radius:48%}}@keyframes you-breathe{from{transform:translateY(3px);text-shadow:0 0 0 #009c9100}to{transform:translateY(-5px);text-shadow:0 0 35px #009c9125}}@keyframes focus-orbit{from{translate:-2px -3px;opacity:.5}to{translate:3px 4px;opacity:1}}@keyframes note-float{from{translate:0 5px}to{translate:0 -15px}}@keyframes thread-tape{to{translate:-100% 0}}@keyframes ink-note{0%{clip-path:inset(0 100% 0 0);opacity:.4;translate:-8px 3px}100%{clip-path:inset(-15px -15px -15px -15px);opacity:1;translate:0 0}}@keyframes ink-line{from{scale:0 1;opacity:0}to{scale:1 1;opacity:1}}@keyframes rough-draft{from{opacity:.25;filter:blur(3px)}to{opacity:1;filter:blur(0)}}
@media(max-width:900px){.home-page .orbit-one{width:290px;height:290px}.home-page .orbit-two{width:340px;height:180px}.home-page .clarity-art{height:380px}.home-page .clarity-core{width:190px;height:180px}.home-page .core-word{font-size:100px}.home-page .note{font-size:17px}.home-page .clarity-sticky{min-height:600px}.thread-tape>span{font-size:110px}}
@media(max-width:600px){.home-page .writing-lab{padding-top:45px}.home-page .clarity-sticky{min-height:0;padding:35px 6% 25px}.home-page .clarity-layout{margin:25px 0 15px;gap:10px}.home-page .clarity-head h2{font-size:39px;line-height:1.1}.home-page .clarity-head>p{font-size:12px;line-height:1.8}.home-page .clarity-art{height:300px;margin-top:15px}.home-page .orbit-one{width:240px;height:240px}.home-page .orbit-two{width:300px;height:150px}.home-page .clarity-core{width:170px;height:155px}.home-page .core-word{font-size:90px}.home-page .focus-corner{width:21px;height:21px}.home-page .note{font-size:14px}.home-page .note-one{top:4px;left:6%}.home-page .note-two{top:65px;right:0}.home-page .note-three{bottom:55px;left:0}.home-page .note-four{bottom:0;right:3%}.home-page .art-caption{display:none}.thread-tape{top:55%;opacity:.065;left:-20%}.thread-tape>span{font-size:95px}.home-page .scene-bottom{font-size:6px;line-height:1.8;margin-top:15px}.home-page .scene-label{font-size:7px}.page-progress{height:2px}.rewrite-panel.ink-live .edit-mark{animation-duration:1s;animation-delay:.2s}.motion-heading .motion-word-shell{line-height:1.22}.page-curtain>span{font-size:75px}}
@media(prefers-reduced-motion:reduce){.page-progress{transition:none}.page-curtain{display:none}.hero-line,.hero-bottom{animation:none!important;transform:none;filter:none;opacity:1}.hero-film img,.home-page .orbit-one,.home-page .orbit-two,.home-page .clarity-core,.home-page .note,.home-page .core-word,.home-page .focus-corner{animation:none!important;transform:none!important;translate:none!important;rotate:none!important}.motion-heading .motion-word{transform:none!important;opacity:1!important;animation:none!important}.project-art.motion-media{clip-path:none!important}.rewrite-panel.ink-live .edit-mark{clip-path:none!important;opacity:1!important;translate:none!important}.edit-mark::after{scale:1!important;opacity:1!important}.cta-primary,.nav-cta,.round-link,.rail-controls button{translate:none!important}.thread-tape{display:none}}
.motion-paused .motion-heading .motion-word{transform:none!important;opacity:1!important;animation:none!important}.motion-paused .page-curtain{display:none}.motion-paused .hero-line,.motion-paused .hero-bottom{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}.motion-paused .rewrite-panel.ink-live .edit-mark{animation:none!important;clip-path:none!important;opacity:1!important;translate:none!important}.motion-paused .edit-mark::after{animation:none!important;scale:1!important;opacity:1!important}.motion-paused .project-art{transform:none!important;clip-path:none!important}.motion-paused .cta-primary,.motion-paused .nav-cta,.motion-paused .round-link,.motion-paused .rail-controls button{translate:none!important}
.motion-heading .motion-word-shell,.motion-heading .motion-word{color:inherit!important}
.motion-dormant *, .motion-dormant *::before,.motion-dormant *::after{animation-play-state:paused!important}

/* Small controls keep the numbered stories readable and easy to stop. */
.sequence-toggle{font:11px 'DM Sans',sans-serif;background:transparent;color:inherit;border:0;border-bottom:1px solid currentColor;padding:7px 0;cursor:pointer;white-space:nowrap}.sequence-toggle:focus-visible{outline:2px solid currentColor;outline-offset:5px}.sequence-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:850px;margin:25px auto 0;font:11px/1.5 'DM Sans',sans-serif}.sequence-controls+.process-tabs{margin-top:25px}.lab-bottom{flex-wrap:wrap;gap:15px}.lab-bottom>p{flex:1 1 240px}.sequence-playing .sequence-toggle::before{content:'';display:inline-block;width:5px;height:5px;background:currentColor;border-radius:50%;margin-right:7px}@media(max-width:600px){.sequence-controls{font-size:10px;gap:14px}.sequence-controls>span{max-width:190px}.positioning-pillars .eyebrow{overflow-wrap:anywhere}.sequence-toggle{font-size:10px}.lab-bottom>p{flex-basis:100%}}
/* The ending returns to the same moving atmosphere as the opening. */
.motion-closing{position:relative;isolation:isolate;overflow:hidden;background:#071b1a!important;color:#f7f2e8!important}.closing-film{position:absolute!important;inset:0;z-index:-2!important;pointer-events:none;overflow:hidden}.closing-film::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#03131165,#03131180)}.closing-film img{width:100%;height:100%;object-fit:cover;opacity:.85;transform:scale(1.1);animation:closing-drift 18s ease-in-out infinite alternate}.motion-closing>*:not(.closing-film){position:relative;z-index:1}.page-cta.motion-closing{border:0;padding-top:85px;padding-bottom:75px}.page-cta.motion-closing h2 em{color:#8de2d4}.page-cta.motion-closing::before{display:none}.page-cta.motion-closing .cta-primary{background:#f7f2e8;color:#102e2a}.page-cta.motion-closing .cta-secondary{color:#f7f2e8;border-color:#f7f2e860}.site-footer.motion-closing{display:flex;flex-wrap:wrap;gap:28px;align-items:center;justify-content:space-between;padding:20px 4.5% 35px;border:0}.site-footer.motion-closing .closing-film::after{background:linear-gradient(180deg,#03131180,#031311cc)}.footer-signature{flex:0 0 100%;font:clamp(95px,22vw,340px)/1.05 'Lora',Georgia,serif;letter-spacing:-.075em;text-align:center;padding:12px 0 32px;position:relative;white-space:nowrap}.footer-signature>span{display:inline-block;animation:signature-float 7s calc(var(--letter)*-.22s) ease-in-out infinite alternate}.footer-signature>span:last-of-type{color:#8de2d4}.footer-signature svg{position:absolute;left:-5%;top:28%;width:110%;height:65%;pointer-events:none;overflow:visible}.footer-signature path{stroke:#8de2d4;stroke-width:1;stroke-dasharray:1;animation:signature-thread 9s ease-in-out infinite alternate;opacity:.65}.closing-motion-toggle{color:#f7f2e8;background:none;border:0;border-bottom:1px solid #f7f2e860;font:10px 'DM Sans',sans-serif;padding:6px 0}.closing-dormant *{animation-play-state:paused!important}@keyframes closing-drift{to{transform:scale(1.23) translate(2%,-2%)}}@keyframes signature-float{from{transform:translateY(0)}to{transform:translateY(-9px)}}@keyframes signature-thread{0%{stroke-dashoffset:1}65%,100%{stroke-dashoffset:0}}@media(max-width:600px){.page-cta.motion-closing{padding:55px 6% 45px}.site-footer.motion-closing{padding:0 6% 30px;gap:25px}.footer-signature{font-size:22vw;padding:25px 0 32px}.site-footer.motion-closing nav{width:100%;justify-content:center}.site-footer.motion-closing>.logo{font-size:27px}.site-footer.motion-closing .footer-socials{font-size:11px}.site-footer.motion-closing>span{font-size:9px}}@media(prefers-reduced-motion:reduce){.footer-signature>span,.footer-signature path,.closing-film img{animation:none!important}.footer-signature path{stroke-dashoffset:0}}.motion-paused .footer-signature>span,.motion-paused .footer-signature path{animation:none!important;transform:none;stroke-dashoffset:0}
/* Reading layout for the practical portfolio guide. */
.page-pricing .pricing-faq h1.page-title{font-size:clamp(38px,5vw,70px)}.pricing-faq ol{padding-left:24px;font:15px/1.85 'DM Sans',sans-serif}.pricing-faq ol li{margin-bottom:18px}.pricing-faq>p>a,.pricing-faq li a,.name-narrative a{border-bottom:1px solid currentColor}.site-footer.motion-closing nav{flex-wrap:wrap}
