:root{
--bg:#f7f8fc;--bg2:#eef2ff;--panel:#ffffff;--panel2:#f4f1ff;--text:#17182a;--muted:#6f7485;
--orange:#6c63ff;--orange2:#58c8e8;--accent:#ffb5a7;--line:rgba(31,35,68,.10);--light:#fbfcff;
--darkText:#17182a;--shadow:0 24px 70px rgba(65,72,120,.13);--radius:28px;--max:1480px
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.55;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 88% 7%,rgba(108,99,255,.14),transparent 25%),radial-gradient(circle at 8% 38%,rgba(88,200,232,.12),transparent 24%),radial-gradient(circle at 80% 78%,rgba(255,181,167,.12),transparent 22%)}
a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}button,input,select,textarea{font:inherit}::selection{background:#6c63ff;color:#fff}
.site-header{position:sticky;top:12px;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:22px;width:min(94%,1480px);margin:auto;padding:12px 14px 12px 18px;background:rgba(255,255,255,.82);backdrop-filter:blur(24px) saturate(145%);border:1px solid rgba(255,255,255,.78);border-radius:20px;box-shadow:0 12px 40px rgba(58,64,104,.10)}
.brand{display:flex;align-items:center;gap:11px;font-size:1.04rem;font-weight:850;letter-spacing:-.025em;white-space:nowrap}.brand img{width:38px;height:38px;object-fit:contain}.brand strong,.footer span,.contact-card span{color:var(--orange)}
.nav{display:flex;align-items:center;gap:clamp(12px,1.7vw,25px);font-weight:760;font-size:.91rem}.nav a{color:#34374c;position:relative;transition:.2s ease}.nav a:not(.nav-cta)::after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;border-radius:3px;background:linear-gradient(90deg,var(--orange),var(--orange2));transition:right .2s ease}.nav a:hover,.nav a.active{color:var(--orange)}.nav a:hover::after,.nav a.active::after{right:0}
.nav-cta{background:#17182a;padding:11px 18px;border-radius:12px;color:#fff!important;box-shadow:0 10px 24px rgba(23,24,42,.15)}.menu-btn{display:none;border:1px solid var(--line);background:#fff;color:var(--text);border-radius:12px;width:44px;height:44px;cursor:pointer}
.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:var(--orange);font-weight:950;font-size:.74rem;margin:0 0 12px}.hero h1,.page-hero h1{font-size:clamp(2.8rem,6vw,6.25rem);line-height:.94;margin:0 0 24px;letter-spacing:-.065em}.hero h1 span,.page-hero h1 span{background:linear-gradient(100deg,var(--orange),#4baed8);-webkit-background-clip:text;background-clip:text;color:transparent}.section h2,.about-copy h1{font-size:clamp(2.15rem,4vw,3.7rem);line-height:1.02;margin:0 0 14px;letter-spacing:-.05em}.lead,.page-hero p{font-size:clamp(1rem,1.5vw,1.15rem);color:var(--muted);max-width:690px}.seo-line{font-size:.87rem;color:#888da0;max-width:680px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin:32px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:13px;padding:13px 20px;font-weight:900;border:1px solid transparent;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-3px)}.primary{background:#17182a;color:#fff;box-shadow:0 12px 30px rgba(23,24,42,.15)}.ghost{border-color:rgba(108,99,255,.25);color:var(--text);background:rgba(255,255,255,.72)}.ghost-dark{border-color:rgba(108,99,255,.24);color:var(--text);background:#fff}.text-link{display:inline-flex;margin-top:10px;color:var(--orange);font-weight:900}
.hero{min-height:min(880px,88vh);display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(38px,6vw,88px);align-items:center;padding:clamp(72px,8vw,116px) max(5vw,22px);background:radial-gradient(circle at 83% 24%,rgba(108,99,255,.15),transparent 28%),radial-gradient(circle at 65% 80%,rgba(88,200,232,.12),transparent 25%),linear-gradient(180deg,#fbfcff,#f4f6ff)}.hero>*,.page-hero>*{min-width:0}.hero-media{position:relative;padding:10px}.hero-media img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;border-radius:30px;background:#fff;border:1px solid rgba(31,35,68,.08);box-shadow:0 32px 90px rgba(65,72,120,.17);transform:rotate(.5deg);transition:transform .45s ease}.hero-media:hover img{transform:rotate(0) translateY(-7px)}.glow{position:absolute;inset:-7%;background:radial-gradient(circle,rgba(108,99,255,.19),transparent 58%);filter:blur(30px);z-index:-1}.floating-card{position:absolute;right:1rem;bottom:-.8rem;background:rgba(255,255,255,.88);color:var(--text);padding:12px 16px;border-radius:14px;font-weight:900;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.85);backdrop-filter:blur(12px);animation:floaty 4s ease-in-out infinite}.trust-row{display:flex;gap:10px;margin-top:28px;flex-wrap:wrap}.trust-row div{min-width:120px;background:rgba(255,255,255,.72);border:1px solid rgba(31,35,68,.08);padding:11px 14px;border-radius:15px}.trust-row strong{display:block;color:var(--text)}.trust-row small{color:var(--muted)}
.section,.process,.testimonials{padding:clamp(68px,8vw,110px) max(5vw,22px)}.light{background:#fff;color:var(--text)}.dark,.pricing-band,.testimonials{background:linear-gradient(145deg,#f1efff,#eef9fc);color:var(--text);position:relative}.dark::before,.pricing-band::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 5% 10%,rgba(108,99,255,.09),transparent 22%)}.section-head{position:relative;margin-bottom:38px;z-index:1}.section-head.row{display:flex;align-items:end;justify-content:space-between;gap:24px}.section-head p,.dark .section-head p,.pricing-band .section-head p{color:var(--muted)}
.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.card,.project-card,.price-card,.contact-card,.quote-form,.steps>div,.client-proof{border-radius:24px;box-shadow:0 18px 55px rgba(65,72,120,.08)}.card{background:#fff;border:1px solid rgba(31,35,68,.08);padding:26px;transition:.25s ease}.card:hover{transform:translateY(-7px);border-color:rgba(108,99,255,.22);box-shadow:0 28px 70px rgba(65,72,120,.14)}.card .icon{font-size:1.9rem;color:var(--orange);font-weight:950}.card h3{margin:13px 0 8px}.card p,.card li{color:#626779}.card ul{padding-left:18px}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;position:relative;z-index:1}.portfolio-grid.large{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card{background:rgba(255,255,255,.9);border:1px solid rgba(31,35,68,.08);overflow:hidden;transition:.28s ease}.project-card:hover{transform:translateY(-7px);box-shadow:0 30px 75px rgba(65,72,120,.15)}.project-card>img,.project-card>video,.project-media video{width:100%;height:clamp(260px,34vw,470px);object-fit:contain;object-position:center;background:#f6f7fb;border:0}.project-card>div{padding:22px}.project-card h3{margin:.1rem 0 .55rem}.project-card p,.light .project-card p{color:#666b7c;margin:.25rem 0}.project-media{position:relative;margin:0;background:#f6f7fb;border-bottom:1px solid var(--line);overflow:hidden}.project-media video{height:clamp(260px,34vw,470px)}.media-chip{position:absolute;left:14px;bottom:14px;padding:8px 11px;border-radius:999px;background:rgba(23,24,42,.82);font-size:.74rem;font-weight:950;letter-spacing:.05em;color:#fff;backdrop-filter:blur(12px)}
.about-split{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:clamp(34px,6vw,78px);align-items:center;background:#fff;color:var(--text)}.media-card{border-radius:30px;overflow:hidden;background:#f2f3f8;border:1px solid var(--line);box-shadow:var(--shadow)}.founder-media-card{position:relative;width:min(100%,520px);aspect-ratio:3/4;justify-self:center}.founder-media-card img{width:100%;height:100%;object-fit:contain;object-position:center;background:#f2f3f8}.creator-badge{position:absolute;left:15px;bottom:15px;padding:9px 13px;border-radius:999px;background:rgba(23,24,42,.84);color:#fff;font-size:.8rem;font-weight:950;backdrop-filter:blur(12px)}.about-copy p{color:#606577}.mini-features{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.mini-features span{padding:9px 12px;border-radius:999px;background:#f1efff;border:1px solid #e6e2ff;font-weight:850;font-size:.9rem}
.creator-showcase,.creator-profile{position:relative}.creator-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start;position:relative;z-index:1}.creator-mini-grid>img,.creator-mini-grid>video{width:100%;height:auto;object-fit:contain;border-radius:22px;border:1px solid var(--line);box-shadow:var(--shadow);background:#fff}.creator-mini-grid>video.creator-portrait-video{aspect-ratio:9/16}.creator-mini-grid>video.creator-work-video{aspect-ratio:4/3}.creator-gallery{columns:3 280px;column-gap:18px;position:relative;z-index:1}.creator-tile{position:relative;display:block;margin:0 0 18px;break-inside:avoid;border-radius:24px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}.creator-tile img,.creator-tile video{position:static;width:100%;height:auto;object-fit:contain;background:#fff}.creator-tile figcaption{position:absolute;left:12px;right:12px;bottom:12px;padding:9px 11px;border-radius:12px;background:rgba(23,24,42,.78);color:#fff;font-weight:900;font-size:.82rem;backdrop-filter:blur(10px)}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;position:relative;z-index:1}.price-card{position:relative;background:rgba(255,255,255,.9);border:1px solid rgba(31,35,68,.08);padding:30px}.price-card.featured{border-color:rgba(108,99,255,.35);box-shadow:0 25px 70px rgba(108,99,255,.12)}.price-card>span{position:absolute;right:20px;top:-14px;background:linear-gradient(135deg,var(--orange),var(--orange2));color:#fff;padding:7px 12px;border-radius:999px;font-weight:950;font-size:.76rem}.price-card strong{display:flex;align-items:baseline;gap:8px;color:var(--orange);font-size:clamp(2rem,4vw,2.65rem);margin:12px 0;line-height:1}.price-card strong small{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#8b90a1}.price-card ul{padding-left:20px}.price-card li{margin:8px 0;color:#5f6476}.pricing-note{position:relative;z-index:1;max-width:800px;margin:26px auto 0;text-align:center;padding:14px 18px;border-radius:16px;background:rgba(255,255,255,.7);border:1px solid var(--line);color:#686d7e}
.contact-preview{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:34px;background:#fff;color:var(--text)}.contact-list{list-style:none;padding:0;margin:20px 0}.contact-list li{margin:10px 0;font-weight:800}.quote-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:#fff;border:1px solid rgba(31,35,68,.09);padding:26px;box-shadow:0 20px 60px rgba(65,72,120,.10)}.quote-form h2{grid-column:1/-1;margin:0}.quote-form input,.quote-form select,.quote-form textarea{width:100%;border:1px solid #dfe2ed;border-radius:13px;padding:13px 14px;background:#fafbff;color:var(--text);outline:none;transition:.2s}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:var(--orange);box-shadow:0 0 0 4px rgba(108,99,255,.09)}.quote-form textarea{min-height:125px;grid-column:1/-1;resize:vertical}.quote-form .btn{grid-column:1/-1;border:0}.wide{grid-column:auto}.checkboxes{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.contact-card{background:linear-gradient(145deg,#f1efff,#edf9fc);color:var(--text);padding:32px;border:1px solid var(--line)}.contact-card small{color:var(--muted)}
.page-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(34px,6vw,76px);align-items:center;padding:clamp(72px,8vw,108px) max(5vw,22px);background:radial-gradient(circle at 82% 20%,rgba(108,99,255,.14),transparent 30%),linear-gradient(180deg,#fbfcff,#f4f6ff);color:var(--text)}.page-hero>img,.page-hero>video{width:100%;height:clamp(300px,36vw,500px);object-fit:contain;border-radius:28px;box-shadow:var(--shadow);border:1px solid var(--line);background:#fff}.local-seo-title{font-size:1.05rem;color:#626779;margin-top:-5px}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px}.steps>div{border:1px solid var(--line);background:#fff;padding:24px}.steps b{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:linear-gradient(135deg,var(--orange),var(--orange2));color:#fff;margin-bottom:12px}.steps h3{margin:.3rem 0}.steps p,.light .steps p{margin:.2rem 0;color:#686d7e}.client-proof{max-width:820px;margin-top:24px;padding:26px;background:#fff;border:1px solid var(--line)}.client-proof h3{margin:0 0 8px;color:var(--text)}.client-proof p{margin:0;color:#666b7c}.client-proof strong{color:var(--orange)}.proof-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px}.proof-note{color:#777c8e;font-size:.88rem;font-weight:750}
.footer{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:24px;padding:44px max(5vw,22px);background:#17182a;color:#cfd2df}.footer h3,.footer h4{color:#fff;margin-top:0}.footer a{display:block;color:#cfd2df;margin:6px 0}.footer a:hover{color:#a9a3ff}
.reveal{opacity:0;transform:translateY(28px) scale(.99);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}.route-progress{position:fixed;left:0;top:0;height:3px;width:0;z-index:9999;background:linear-gradient(90deg,var(--orange),var(--orange2),var(--accent));opacity:0;transition:width .24s ease,opacity .2s ease}.route-progress.loading{width:72%;opacity:1}.route-progress.done{width:100%;opacity:0;transition:width .15s ease,opacity .35s ease .12s}video{cursor:pointer}video:focus-visible{outline:3px solid rgba(108,99,255,.55);outline-offset:3px}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(max-width:1100px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-grid.five,.service-grid.seven{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.site-header{top:8px;padding:11px 14px}.menu-btn{display:grid;place-items:center}.nav{display:none;position:absolute;left:0;right:0;top:68px;background:rgba(255,255,255,.97);padding:16px;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:7px}.nav.open{display:flex}.nav a{padding:10px 12px;border-radius:10px}.nav a:not(.nav-cta)::after{display:none}.nav a.active{background:#f1efff}.hero,.page-hero,.about-split,.contact-preview{grid-template-columns:1fr}.hero{min-height:auto}.page-hero>img,.page-hero>video{height:auto;max-height:560px}.founder-media-card{width:min(100%,500px)}.pricing-grid,.steps,.footer{grid-template-columns:1fr 1fr}.creator-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-gallery{columns:2 260px}.section-head.row{display:block}.floating-card{position:static;margin-top:12px;display:inline-block}.hero-media img{transform:none}}@media(max-width:680px){.brand span{font-size:.9rem}.hero h1,.page-hero h1{font-size:clamp(2.55rem,13vw,4.1rem)}.hero,.page-hero,.section,.process,.testimonials{padding-left:18px;padding-right:18px}.portfolio-grid,.portfolio-grid.large,.pricing-grid,.steps,.footer,.service-grid.five,.service-grid.seven,.creator-mini-grid{grid-template-columns:1fr}.creator-gallery{columns:1}.project-card>img,.project-card>video,.project-media video{height:auto;max-height:520px}.founder-media-card{width:100%;max-width:460px}.quote-form{grid-template-columns:1fr}.checkboxes{grid-template-columns:1fr}.proof-actions{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
/* 2026 studio editorial homepage */
body{background:#f6f0e6;color:#191b1d}body::before{background:radial-gradient(circle at 86% 7%,rgba(238,169,92,.17),transparent 27%),radial-gradient(circle at 9% 39%,rgba(105,160,176,.10),transparent 25%)}
.site-header{background:rgba(250,246,238,.88)}.brand strong,.footer span,.contact-card span,.eyebrow,.text-link{color:#d97a20}
.nav a:hover,.nav a.active{color:#d97a20}.nav a:not(.nav-cta)::after{background:#d97a20}
.hero{background:radial-gradient(circle at 84% 20%,rgba(244,185,112,.22),transparent 30%),linear-gradient(180deg,#fbf7ef,#f4ede2);min-height:88vh}
.hero h1 span{background:linear-gradient(100deg,#d97a20,#e6a23e);-webkit-background-clip:text;background-clip:text;color:transparent}
.primary{background:#1c2023}.ghost{border-color:rgba(28,32,35,.18);background:rgba(255,255,255,.45)}
.build-visual{position:relative;min-height:570px;perspective:1200px}.build-window{position:absolute;border-radius:22px;border:1px solid rgba(28,32,35,.12);box-shadow:0 28px 70px rgba(55,43,29,.16);overflow:hidden;transition:transform .4s ease}.build-window>span{display:block;padding:10px 14px;background:rgba(255,255,255,.9);font-size:.72rem;font-weight:900;letter-spacing:.08em}.design-window{width:62%;height:330px;left:1%;top:40px;background:#e9dfd1;transform:rotateY(10deg) rotate(-4deg);animation:stageA 8s ease-in-out infinite}.code-window{width:65%;height:350px;left:18%;top:100px;background:#202327;color:#f5d4aa;transform:rotateY(-8deg) rotate(1deg);animation:stageB 8s ease-in-out infinite}.code-window pre{padding:32px;font:600 1rem/1.8 ui-monospace,SFMono-Regular,monospace}.live-window{width:67%;height:360px;right:0;top:165px;background:#fff;transform:rotateY(-9deg) rotate(2deg);animation:stageC 8s ease-in-out infinite}.live-dot{color:#188b5c!important}.mini-site{padding:48px 34px;background:linear-gradient(135deg,#f9f3e8,#f1e5d4);height:100%}.mini-site b{font-size:.9rem}.mini-site h3{font-size:clamp(2rem,4vw,3.5rem);line-height:.95;margin:55px 0 25px;letter-spacing:-.05em}.mini-site button{border:0;background:#1c2023;color:#fff;border-radius:999px;padding:11px 18px}.wire{padding:40px}.wire i{display:block;height:42px;background:rgba(255,255,255,.65);border-radius:10px;margin:16px}.wire i:nth-child(2){height:105px}.build-status{position:absolute;bottom:0;left:10%;right:5%;display:flex;align-items:center;justify-content:center;gap:13px;padding:13px;background:rgba(255,255,255,.78);border:1px solid rgba(28,32,35,.09);border-radius:999px;backdrop-filter:blur(12px);font-size:.82rem}.build-status i{color:#d97a20}.orbit{position:absolute;border:1px dashed rgba(217,122,32,.35);border-radius:50%;animation:spin 18s linear infinite}.orbit-one{width:300px;height:300px;right:-30px;top:0}.orbit-two{width:180px;height:180px;left:0;bottom:15px;animation-direction:reverse}
.studio-strip{display:flex;gap:38px;overflow:hidden;white-space:nowrap;padding:16px max(5vw,22px);border-top:1px solid rgba(28,32,35,.09);border-bottom:1px solid rgba(28,32,35,.09);background:#efe4d4;font-size:.72rem;font-weight:900;letter-spacing:.13em;color:#5f574d}.studio-strip span{flex:1;text-align:center}
.intro-section{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:end;background:#fbf7ef}.section-intro{font-size:1.16rem;color:#68625a;max-width:650px}
.work-stage{background:#f4ede2}.case-study{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(28px,5vw,72px);align-items:center;padding:48px 0;border-top:1px solid rgba(28,32,35,.11)}.case-study.reverse{grid-template-columns:.72fr 1.28fr}.case-study.reverse .case-copy{order:2}.case-study.reverse .case-media{order:1}.case-number{font-size:.72rem;font-weight:900;letter-spacing:.12em;color:#8a7763}.case-copy h3{font-size:clamp(2.2rem,4vw,4.2rem);line-height:.95;letter-spacing:-.055em;margin:16px 0}.case-copy p{color:#68625a;font-size:1.05rem}.case-tags{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.case-tags span{padding:7px 11px;border:1px solid rgba(28,32,35,.13);border-radius:999px;font-size:.78rem;font-weight:800}.case-media{position:relative;border-radius:28px;overflow:hidden;background:#191c1f;box-shadow:0 28px 70px rgba(55,43,29,.14)}.case-media video,.case-media img{width:100%;height:min(540px,48vw);object-fit:contain;background:#191c1f}.media-label{position:absolute;z-index:2;left:16px;top:16px;padding:8px 11px;border-radius:999px;background:#24272a;color:#fff;font-size:.7rem;font-weight:900;letter-spacing:.08em}.media-label.live{background:#fff;color:#188b5c}
.services-editorial{background:#fbf7ef}.service-list{border-top:1px solid rgba(28,32,35,.13)}.service-list a{display:grid;grid-template-columns:60px .8fr 1.2fr 40px;gap:20px;align-items:center;padding:24px 5px;border-bottom:1px solid rgba(28,32,35,.13);transition:.2s}.service-list a:hover{padding-left:14px;background:#f3eadc}.service-list b{color:#d97a20}.service-list h3{font-size:1.35rem;margin:0}.service-list p{color:#6e685f}.service-list span{font-size:1.4rem}
.process-showcase{padding:clamp(68px,8vw,110px) max(5vw,22px);background:#1d2022;color:#f8f2e9}.process-showcase .eyebrow{color:#eaa04e}.process-track{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin-top:45px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.13)}.process-track>div{background:#1d2022;padding:26px;min-height:220px}.process-track b{color:#eaa04e}.process-track h3{margin:45px 0 8px;font-size:1.35rem}.process-track p{color:#bcb7b0}
.about-editorial{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(38px,6vw,85px);align-items:center;background:#f6f0e6}.about-portrait{border-radius:28px;overflow:hidden;background:#e8ded0}.about-portrait img{width:100%;max-height:620px;object-fit:contain}.big-copy{font-size:clamp(1.2rem,2vw,1.65rem);color:#57524b;max-width:800px}
.project-cta{text-align:center;padding:clamp(90px,12vw,170px) max(5vw,22px);background:radial-gradient(circle at 50% 0,rgba(235,160,77,.18),transparent 38%),#fbf7ef}.project-cta h2{max-width:1000px;margin:0 auto 34px;font-size:clamp(2.8rem,6vw,6rem);line-height:.96;letter-spacing:-.06em}.project-cta>div{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
@keyframes stageA{0%,100%{transform:rotateY(10deg) rotate(-4deg) translateY(0)}50%{transform:rotateY(8deg) rotate(-2deg) translateY(-10px)}}@keyframes stageB{0%,100%{transform:rotateY(-8deg) rotate(1deg) translateY(0)}50%{transform:rotateY(-5deg) rotate(0) translateY(8px)}}@keyframes stageC{0%,100%{transform:rotateY(-9deg) rotate(2deg) translateY(0)}50%{transform:rotateY(-5deg) rotate(1deg) translateY(-12px)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:980px){.build-visual{min-height:520px}.intro-section,.case-study,.case-study.reverse,.about-editorial{grid-template-columns:1fr}.case-study.reverse .case-copy,.case-study.reverse .case-media{order:initial}.process-track{grid-template-columns:1fr 1fr}.service-list a{grid-template-columns:42px 1fr 35px}.service-list p{grid-column:2/3;margin:0}.studio-strip{gap:25px}.studio-strip span{flex:none}}
@media(max-width:680px){.build-visual{min-height:420px;margin-top:15px}.design-window{width:70%;height:230px;top:15px}.code-window{width:72%;height:250px;top:65px}.code-window pre{font-size:.72rem;padding:20px}.live-window{width:75%;height:260px;top:115px}.mini-site{padding:25px 18px}.mini-site h3{margin:30px 0 18px}.build-status{left:2%;right:2%;font-size:.68rem}.orbit{display:none}.case-media video,.case-media img{height:auto;max-height:480px}.process-track{grid-template-columns:1fr}.process-track>div{min-height:0}.process-track h3{margin:20px 0 6px}.service-list a{grid-template-columns:32px 1fr 25px;gap:10px}.service-list h3{font-size:1.15rem}.project-cta h2{font-size:clamp(2.5rem,12vw,4rem)}}

/* full-site studio polish */
.page-hero{background:radial-gradient(circle at 84% 16%,rgba(234,160,78,.18),transparent 29%),linear-gradient(180deg,#fbf7ef,#f4ede2)}.page-hero h1 span,.about-hero h1 span,.contact-hero h1 span{color:#d97a20}.page-hero>img,.page-hero>video{background:#eee3d5;border-color:rgba(28,32,35,.1)}
.light,.dark,.pricing-band,.testimonials{background:#f6f0e6}.dark::before,.pricing-band::before{background:radial-gradient(circle at 5% 10%,rgba(217,122,32,.08),transparent 22%)}
.card,.project-card,.price-card,.quote-form,.client-proof{background:#fbf7ef;border-color:rgba(28,32,35,.1);box-shadow:0 18px 55px rgba(55,43,29,.08)}.card:hover,.project-card:hover{border-color:rgba(217,122,32,.25);box-shadow:0 28px 70px rgba(55,43,29,.13)}.card .icon,.price-card strong{color:#d97a20}.price-card.featured{border-color:rgba(217,122,32,.42);box-shadow:0 25px 70px rgba(217,122,32,.10)}.price-card>span{background:#1d2022}.pricing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pricing-note{background:#eee4d7;border-color:rgba(28,32,35,.1);color:#5d574f}.custom-price{background:#1d2022;color:#f8f2e9}.custom-price p,.custom-price li{color:#c7c0b7}.custom-price strong{color:#eca04a}.custom-price .text-link{color:#eca04a}
.about-hero{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(38px,7vw,100px);align-items:center;padding:clamp(72px,9vw,125px) max(5vw,22px);background:#f4ede2}.about-hero h1,.contact-hero h1{font-size:clamp(3rem,7vw,7rem);line-height:.92;letter-spacing:-.065em;margin:0 0 25px}.about-story{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,7vw,100px);background:#fbf7ef}.about-story>div:last-child{font-size:1.1rem;color:#625c54}.creator-showcase{background:#f1e7da}.creator-mini-grid>img,.creator-mini-grid>video{background:#e8ded0;border-color:rgba(28,32,35,.1)}
.contact-hero{padding:clamp(90px,11vw,155px) max(5vw,22px) 70px;background:#f4ede2}.contact-hero p{max-width:700px;font-size:1.1rem;color:#655f57}.contact-studio{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(35px,6vw,90px);background:#fbf7ef}.contact-side{position:sticky;top:120px;align-self:start}.contact-direct{display:grid;gap:7px;margin-top:40px}.contact-direct span{margin-top:18px;font-size:.7rem;letter-spacing:.13em;font-weight:900;color:#9a8064}.contact-direct a{font-size:1.1rem;font-weight:800}.project-form h2{grid-column:1/-1;font-size:1rem;margin:20px 0 0;padding-top:16px;border-top:1px solid rgba(28,32,35,.1)}.project-form h2:first-child{margin-top:0;padding-top:0;border:0}.project-form small{grid-column:1/-1;color:#81796f}.quote-form input,.quote-form select,.quote-form textarea{background:#f6f0e6;border-color:#ded3c5}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:#d97a20;box-shadow:0 0 0 4px rgba(217,122,32,.09)}
.footer{background:#1d2022;color:#c8c2ba}.footer a:hover{color:#eca04a}
@media(max-width:1100px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.about-hero,.about-story,.contact-studio{grid-template-columns:1fr}.contact-side{position:static}.about-hero .about-portrait{max-width:520px}.page-hero{padding-top:90px}}
@media(max-width:680px){.pricing-grid{grid-template-columns:1fr}.about-hero,.contact-hero{padding-left:18px;padding-right:18px}.about-hero h1,.contact-hero h1{font-size:clamp(2.7rem,13vw,4.2rem)}.project-form h2{margin-top:12px}}

/* animated project enquiry + cross-site motion */
.project-wizard{display:block;position:relative;overflow:hidden;min-height:560px;padding:34px}.wizard-progress{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 46px}.wizard-line{position:absolute;left:16.66%;right:16.66%;top:17px;height:2px;background:#ded3c5;overflow:hidden}.wizard-line i{display:block;width:0;height:100%;background:#d97a20;transition:width .55s cubic-bezier(.2,.8,.2,1)}.wizard-dot{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;border:0;background:transparent;color:#91877c;cursor:pointer}.wizard-dot b{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e8ded0;border:1px solid #d8cbbb;font-size:.72rem;transition:.35s ease}.wizard-dot small{font-size:.72rem;font-weight:850}.wizard-dot.active,.wizard-dot.complete{color:#191b1d}.wizard-dot.active b{background:#1d2022;color:#fff;transform:scale(1.12);box-shadow:0 8px 22px rgba(29,32,34,.2)}.wizard-dot.complete b{background:#d97a20;color:#fff;border-color:#d97a20}.wizard-step{display:none;opacity:0;transform:translateX(45px);animation:wizardIn .48s cubic-bezier(.2,.8,.2,1) forwards}.wizard-step.active{display:block}.wizard-step.step-exit-left{animation:wizardOutLeft .38s ease forwards}.wizard-step.step-exit-right{animation:wizardOutRight .38s ease forwards}.step-kicker{margin:0 0 8px;color:#d97a20;font-size:.72rem;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.project-wizard .wizard-step h2{font-size:clamp(1.9rem,3.5vw,3rem);line-height:1;margin:0;border:0;padding:0;letter-spacing:-.04em}.step-copy{color:#756d64;max-width:560px;margin:13px 0 28px}.wizard-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wizard-fields input,.wizard-fields select{min-height:56px}.wizard-step textarea{width:100%;min-height:210px}.wizard-actions{display:flex;justify-content:flex-end;gap:11px;margin-top:26px}.wizard-actions .btn span{transition:transform .2s ease}.wizard-actions .btn:hover span{transform:translateX(4px)}.wizard-back{margin-right:auto}.send-enquiry{background:#d97a20}.project-wizard small{display:block;margin-top:14px;color:#81796f}
.motion-item{transition:transform .45s cubic-bezier(.2,.8,.2,1) var(--motion-delay,0ms),box-shadow .45s ease,border-color .35s ease}.motion-item:hover{transform:translateY(-6px)}.service-list a.motion-item:hover{transform:translateX(8px)}.process-track>div.motion-item:hover{transform:translateY(-7px);background:#25282a}.nav-cta{position:relative;overflow:hidden}.nav-cta::before{content:"";position:absolute;inset:0;transform:translateX(-115%);background:linear-gradient(110deg,transparent,rgba(255,255,255,.22),transparent);transition:transform .55s ease}.nav-cta:hover::before{transform:translateX(115%)}.btn{overflow:hidden;position:relative}.case-media img,.case-media video{transition:transform .7s cubic-bezier(.2,.8,.2,1)}.case-study:hover .case-media img,.case-study:hover .case-media video{transform:scale(1.018)}
@keyframes wizardIn{from{opacity:0;transform:translateX(45px)}to{opacity:1;transform:none}}@keyframes wizardOutLeft{to{opacity:0;transform:translateX(-45px)}}@keyframes wizardOutRight{to{opacity:0;transform:translateX(45px)}}
@media(max-width:680px){.project-wizard{padding:22px 17px;min-height:610px}.wizard-progress{margin-bottom:36px}.wizard-dot small{font-size:.64rem}.wizard-fields{grid-template-columns:1fr}.wizard-actions{flex-wrap:wrap}.wizard-actions .btn{flex:1}.wizard-back{margin-right:0}}
@media(prefers-reduced-motion:reduce){.wizard-step{animation:none!important;opacity:1;transform:none}.motion-item:hover,.service-list a.motion-item:hover,.process-track>div.motion-item:hover{transform:none}}

/* pressable interactive motion — all pages */
.pressable-visual,.pressable-build{cursor:pointer;outline:none}.pressable-visual.visual-pop{animation:visualPop .7s cubic-bezier(.2,.8,.2,1)}.pressable-build:focus-visible{box-shadow:0 0 0 4px rgba(217,122,32,.32),0 28px 70px rgba(55,43,29,.16)}.build-window.build-active{z-index:8!important;animation:buildPress .75s cubic-bezier(.2,.8,.2,1)!important;box-shadow:0 35px 90px rgba(217,122,32,.25)}.press-animate{animation:pressWave .8s cubic-bezier(.2,.8,.2,1)!important}.is-pressed{transform:scale(.965)!important;transition-duration:.1s!important}
@keyframes sparkSpin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(190deg) scale(1.35)}100%{transform:rotate(360deg) scale(1)}}@keyframes visualPop{0%,100%{transform:scale(1)}45%{transform:scale(.975) rotate(-.4deg)}70%{transform:scale(1.018)}}@keyframes buildPress{0%,100%{transform:translateY(0) scale(1)}45%{transform:translateY(-18px) scale(1.045)}70%{transform:translateY(-8px) scale(1.02)}}@keyframes pressWave{0%,100%{transform:translateY(0);filter:none}45%{transform:translateY(-10px);filter:saturate(1.18)}70%{transform:translateY(-3px)}}

@media(prefers-reduced-motion:reduce){.press-animate,.visual-pop,.build-active{animation:none!important}}

/* secure enquiry confirmation */
.enquiry-success{display:flex;align-items:center;gap:12px;margin-top:18px;padding:0 16px;max-height:0;overflow:hidden;opacity:0;transform:translateY(12px);border:1px solid rgba(24,139,92,.18);border-radius:16px;background:#eef8f2;transition:max-height .45s ease,padding .45s ease,opacity .35s ease,transform .45s ease}.enquiry-success.show{max-height:110px;padding:14px 16px;opacity:1;transform:none}.enquiry-success>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#188b5c;color:#fff;font-weight:950;animation:successPop .5s cubic-bezier(.2,.8,.2,1)}.enquiry-success b{color:#173d2e}.enquiry-success p{margin:2px 0 0;color:#537064;font-size:.84rem}@keyframes successPop{0%{transform:scale(.35) rotate(-20deg)}70%{transform:scale(1.16) rotate(4deg)}100%{transform:scale(1)}}


/* real Spirit2k5 workflow animation */
.work-flow-animation{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(32px,6vw,84px);align-items:center;padding:clamp(58px,7vw,94px) max(5vw,22px);background:#efe4d4;border-top:1px solid rgba(28,32,35,.09);border-bottom:1px solid rgba(28,32,35,.09);overflow:hidden}
.flow-copy h2{font-size:clamp(2.1rem,4.5vw,4.5rem);line-height:.96;letter-spacing:-.055em;margin:0 0 18px}.flow-status{min-height:3em;max-width:540px;color:#6a6259;font-size:1.05rem}
.flow-visual{position:relative;min-width:0}.flow-browser{width:min(100%,720px);margin:0 auto 34px;border:1px solid rgba(28,32,35,.12);border-radius:22px;overflow:hidden;background:#fbf7ef;box-shadow:0 28px 70px rgba(55,43,29,.15);transform:perspective(1200px) rotateY(-3deg);transition:transform .45s ease}.flow-browser:hover{transform:perspective(1200px) rotateY(0) translateY(-4px)}
.flow-browser-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;background:#1d2022;color:#c7c0b8;font-size:.72rem}.flow-browser-bar i{width:8px;height:8px;border-radius:50%;background:#d97a20}.flow-browser-bar i:nth-child(2){opacity:.65}.flow-browser-bar i:nth-child(3){opacity:.35}.flow-browser-bar span{margin-left:7px;letter-spacing:.04em}
.flow-screen{position:relative;min-height:220px;padding:36px;background:linear-gradient(135deg,#fffaf3,#f2e7d8);overflow:hidden}.flow-screen::before{content:"";position:absolute;width:230px;height:230px;border:1px dashed rgba(217,122,32,.26);border-radius:50%;right:-60px;top:-70px;animation:flowOrbit 13s linear infinite}.flow-screen-label{font-size:.72rem;font-weight:950;letter-spacing:.15em;color:#d97a20}.flow-screen strong{display:block;margin:14px 0 22px;font-size:clamp(2.1rem,4vw,3.8rem);line-height:.95;letter-spacing:-.05em}.flow-lines{display:grid;gap:9px;width:min(72%,390px)}.flow-lines i{height:10px;border-radius:999px;background:#d9cbbb}.flow-lines i:nth-child(2){width:72%}.flow-lines i:nth-child(3){width:48%}.flow-check{position:absolute;right:30px;bottom:28px;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#188b5c;color:#fff;font-weight:950;box-shadow:0 10px 28px rgba(24,139,92,.24)}
.flow-screen-change{animation:flowScreenChange .65s cubic-bezier(.2,.8,.2,1)}.flow-track{position:absolute;left:5.5%;right:5.5%;bottom:47px;height:3px;background:#d6c8b7;overflow:hidden}.flow-progress{display:block;width:0;height:100%;background:#d97a20;transition:width .55s cubic-bezier(.2,.8,.2,1)}
.flow-steps{position:relative;z-index:2;display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.flow-step{display:flex;flex-direction:column;align-items:center;gap:7px;border:0;background:transparent;color:#776f65;cursor:pointer;font:inherit;transition:transform .25s ease,color .25s ease}.flow-step b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e4d7c6;border:1px solid #cdbda9;font-size:.7rem;transition:.35s ease}.flow-step span{font-size:.69rem;font-weight:850;text-align:center}.flow-step.active{color:#191b1d;transform:translateY(-3px)}.flow-step.active b{background:#1d2022;color:#fff;border-color:#1d2022;box-shadow:0 8px 24px rgba(29,32,34,.18);animation:flowNodePulse 1.8s ease-in-out infinite}.flow-step.done b{background:#d97a20;color:#fff;border-color:#d97a20}
@keyframes flowScreenChange{0%{opacity:.45;transform:translateX(28px) scale(.985)}55%{opacity:1;transform:translateX(-4px) scale(1.008)}100%{opacity:1;transform:none}}@keyframes flowOrbit{to{transform:rotate(360deg)}}@keyframes flowNodePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}

/* pricing package detail pages */
.package-hero{display:grid;grid-template-columns:1fr .8fr;gap:clamp(38px,7vw,100px);align-items:center;padding:clamp(82px,9vw,126px) max(5vw,22px);background:radial-gradient(circle at 85% 18%,rgba(234,160,78,.18),transparent 30%),#f4ede2}.package-hero h1{font-size:clamp(3rem,7vw,6.7rem);line-height:.93;letter-spacing:-.065em;margin:0 0 20px}.package-hero h1 span{color:#d97a20}.package-price{display:block;margin:24px 0;font-size:clamp(2rem,5vw,4rem);font-weight:950;color:#d97a20}.package-summary{color:#655e55;font-size:1.08rem;max-width:690px}.package-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:28px}
.package-visual{position:relative;min-height:390px}.package-window{position:absolute;border-radius:22px;border:1px solid rgba(28,32,35,.12);box-shadow:0 25px 70px rgba(55,43,29,.14);overflow:hidden}.package-window span{display:block;padding:10px 13px;background:#1d2022;color:#fff;font-size:.7rem;font-weight:900;letter-spacing:.1em}.package-wire{background:#fbf7ef;width:76%;height:275px;left:0;top:10px;transform:rotate(-4deg);animation:packageFloatA 5.8s ease-in-out infinite}.package-live{background:#fff;width:78%;height:285px;right:0;bottom:5px;transform:rotate(3deg);animation:packageFloatB 6.4s ease-in-out infinite}.package-wire i,.package-live i{display:block;margin:18px;height:22px;border-radius:8px;background:#e4d7c6}.package-wire i:nth-child(2){height:82px}.package-live i:nth-child(2){height:100px;background:#efe2d1}.package-live i:nth-child(3){width:45%;background:#d97a20}
.package-detail{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(34px,6vw,84px);padding:clamp(68px,8vw,108px) max(5vw,22px);background:#fbf7ef}.package-detail h2{font-size:clamp(2.2rem,4vw,4rem);line-height:.98;letter-spacing:-.05em;margin:0}.package-list{display:grid;gap:12px}.package-list div{padding:18px 20px;border:1px solid rgba(28,32,35,.1);border-radius:16px;background:#f6f0e6}.package-list b{display:block;margin-bottom:4px}.package-list p{margin:0;color:#6e675f}.package-payment{padding:clamp(68px,8vw,108px) max(5vw,22px);background:#1d2022;color:#f8f2e9}.package-payment h2{font-size:clamp(2.2rem,4.5vw,4.4rem);line-height:.98;letter-spacing:-.05em;margin:0 0 24px}.package-payment p{max-width:900px;color:#c8c0b7;font-size:1.1rem}.package-payment strong{color:#eca04a}
.package-link{cursor:pointer}.package-link:focus-visible{outline:3px solid rgba(217,122,32,.45);outline-offset:4px}
@keyframes packageFloatA{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-10px)}}@keyframes packageFloatB{0%,100%{transform:rotate(3deg) translateY(0)}50%{transform:rotate(1deg) translateY(9px)}}
@media(max-width:980px){.work-flow-animation,.package-hero,.package-detail{grid-template-columns:1fr}.package-visual{min-height:350px}.flow-browser{transform:none}}@media(max-width:720px){.flow-steps{grid-template-columns:repeat(3,1fr);row-gap:20px}.flow-track{display:none}.flow-screen{min-height:190px;padding:26px}.work-flow-animation{padding-left:18px;padding-right:18px}.package-hero,.package-detail,.package-payment{padding-left:18px;padding-right:18px}.package-visual{min-height:310px}.package-window{width:82%}}
@media(prefers-reduced-motion:reduce){.flow-screen::before,.flow-step.active b,.package-wire,.package-live{animation:none!important}}


/* workflow stage scenes — each animation mirrors real Spirit2k5 work */
.flow-stage-art{position:relative;min-height:118px;margin-top:-6px}.flow-stage-art>div{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(10px) scale(.985);transition:opacity .25s ease,transform .35s ease,visibility .25s}
.flow-screen[data-scene="brief"] .art-brief,.flow-screen[data-scene="design"] .art-design,.flow-screen[data-scene="code"] .art-code,.flow-screen[data-scene="test"] .art-test,.flow-screen[data-scene="review"] .art-review,.flow-screen[data-scene="pay"] .art-pay,.flow-screen[data-scene="deploy"] .art-deploy,.flow-screen[data-scene="domain"] .art-domain,.flow-screen[data-scene="wordpress"] .art-wordpress{opacity:1;visibility:visible;transform:none}

/* brief / scope */
.art-brief{display:flex;align-items:center}.brief-card{width:min(78%,420px);padding:16px 18px;border-radius:14px;border:1px solid #d6c7b5;background:rgba(255,255,255,.66);box-shadow:0 10px 30px rgba(55,43,29,.08);animation:briefArrive .55s cubic-bezier(.2,.8,.2,1)}.brief-card b{display:block;font-size:.68rem;letter-spacing:.12em;color:#d97a20;margin-bottom:12px}.brief-card i{display:block;height:8px;border-radius:999px;background:#dacdbd;margin:8px 0;transform-origin:left;animation:briefLine .65s ease both}.brief-card i:nth-of-type(2){width:76%;animation-delay:.1s}.brief-card i:nth-of-type(3){width:52%;animation-delay:.2s}.brief-card span{display:block;margin-top:12px;font-size:.72rem;font-weight:900;color:#188b5c}

/* design */
.art-design{padding:4px 0;width:min(82%,460px)}.wireframe-nav{height:17px;border-radius:6px;background:#cfbfac;width:62%;animation:wireGrow .6s ease both}.wireframe-hero{height:54px;border:2px dashed #c9b79f;border-radius:9px;margin:10px 0;animation:wireReveal .7s ease both}.wireframe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.wireframe-grid i{height:31px;border-radius:7px;background:#ddd0c0;animation:wireCard .55s ease both}.wireframe-grid i:nth-child(2){animation-delay:.12s}.wireframe-grid i:nth-child(3){animation-delay:.24s}

/* code / build */
.art-code{width:min(86%,500px);padding:13px 16px;border-radius:12px;background:#202327;color:#f5d4aa;font:700 .72rem/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;box-shadow:0 12px 32px rgba(29,32,34,.16)}.art-code span{display:block;opacity:0;transform:translateX(-7px);animation:codeLineIn .3s ease forwards}.art-code span:nth-child(2){animation-delay:.12s}.art-code span:nth-child(3){animation-delay:.24s}.art-code span:nth-child(4){animation-delay:.36s}.art-code span:nth-child(5){animation-delay:.48s}.art-code span:nth-child(6){animation-delay:.6s}.art-code b{display:inline-block;width:7px;height:14px;margin-top:5px;background:#eaa04e;animation:codeCursor .75s steps(1) infinite}

/* responsive testing */
.art-test{display:flex;align-items:flex-end;gap:13px;padding:4px 0}.device{position:relative;border:2px solid #25282a;background:#fff;border-radius:8px;box-shadow:0 8px 22px rgba(29,32,34,.12);animation:deviceRise .55s cubic-bezier(.2,.8,.2,1) both}.device i{position:absolute;inset:9px 7px;background:linear-gradient(#eadfce 0 23%,#d97a20 23% 29%,#f0e7da 29%);border-radius:3px}.device.desktop{width:146px;height:88px}.device.tablet{width:70px;height:92px;animation-delay:.12s}.device.phone{width:42px;height:82px;border-radius:10px;animation-delay:.24s}.test-check{align-self:center;margin-left:5px;padding:7px 10px;border-radius:999px;background:#e9f6ef;color:#188b5c;font-size:.68rem;font-weight:950;animation:testPass .65s .45s both}

/* client review */
.art-review{position:relative}.review-site{width:min(72%,390px);height:92px;padding:14px;border-radius:12px;background:#fff;border:1px solid #d9ccbc;box-shadow:0 10px 28px rgba(55,43,29,.08)}.review-site i{display:block;height:9px;border-radius:999px;background:#ded1c1;margin-bottom:10px}.review-site i:nth-child(2){width:75%}.review-site i:nth-child(3){width:52%;background:#e6a23e}.review-comment{position:absolute;padding:7px 10px;border-radius:9px;font-size:.66rem;font-weight:900;box-shadow:0 8px 22px rgba(55,43,29,.12);animation:commentPop .55s cubic-bezier(.2,.8,.2,1) both}.review-comment.one{right:7%;top:3px;background:#1d2022;color:#fff}.review-comment.two{right:2%;bottom:2px;background:#e9f6ef;color:#188b5c;animation-delay:.35s}

/* payment after approval */
.art-pay{display:grid;place-items:start}.payment-card{width:min(72%,360px);padding:17px 20px;border-radius:15px;background:#1d2022;color:#fff;box-shadow:0 16px 36px rgba(29,32,34,.18);animation:paymentApprove .7s cubic-bezier(.2,.8,.2,1)}.payment-card small{display:block;color:#eaa04e;font-size:.62rem;letter-spacing:.13em;font-weight:900}.payment-card b{display:block;font-size:1.35rem;margin:7px 0}.payment-card span{color:#75d2a7;font-size:.75rem;font-weight:900}

/* deploy */
.art-deploy{display:flex;align-items:center;gap:10px;padding-top:22px;font-size:.69rem;font-weight:950}.deploy-code,.deploy-cloud,.deploy-live{display:grid;place-items:center;height:58px;padding:0 14px;border-radius:12px;border:1px solid #cdbca7;background:#fff;box-shadow:0 8px 22px rgba(55,43,29,.09)}.deploy-code{animation:deployNode .55s ease both}.deploy-cloud{animation:deployNode .55s .28s ease both}.deploy-live{background:#e9f6ef;color:#188b5c;border-color:#b8dfca;animation:deployNode .55s .56s ease both,liveGlow 1.8s 1.1s ease-in-out infinite}.deploy-arrow{color:#d97a20;font-size:1.2rem;animation:arrowTravel .8s ease-in-out infinite}

/* domain */
.art-domain{display:flex;align-items:center;gap:8px;padding-top:23px;font-size:.65rem;font-weight:950}.domain-chip,.domain-server,.domain-live{padding:11px 13px;border-radius:10px;border:1px solid #cfbfac;background:#fff;white-space:nowrap}.domain-chip{animation:domainNode .5s ease both}.domain-server{background:#1d2022;color:#fff;animation:domainNode .5s .3s ease both}.domain-live{color:#188b5c;background:#e9f6ef;border-color:#b8dfca;animation:domainNode .5s .6s ease both,liveGlow 1.8s 1.1s ease-in-out infinite}.dns-line{width:42px;height:2px;background:#d97a20;transform-origin:left;animation:dnsConnect .55s ease both}.dns-line:nth-of-type(1){animation-delay:.15s}.dns-line:nth-of-type(2){animation-delay:.45s}

/* real-work micro motion around the rest of the site */
.case-media::after{content:"";position:absolute;z-index:3;left:0;right:0;top:-18%;height:16%;background:linear-gradient(180deg,transparent,rgba(234,160,78,.12),transparent);pointer-events:none;animation:qaScan 6.2s ease-in-out infinite}.case-study:nth-of-type(2n) .case-media::after{animation-delay:1.1s}.case-study:nth-of-type(3n) .case-media::after{animation-delay:2.2s}
.service-list a::before{content:"";width:0;height:2px;position:absolute;left:0;bottom:-1px;background:#d97a20;transition:width .45s cubic-bezier(.2,.8,.2,1)}.service-list a{position:relative}.service-list a:hover::before{width:100%}
.price-card::after{content:"";position:absolute;left:30px;right:30px;bottom:18px;height:2px;transform:scaleX(0);transform-origin:left;background:#d97a20;transition:transform .45s cubic-bezier(.2,.8,.2,1);pointer-events:none}.price-card:hover::after,.price-card:focus-visible::after{transform:scaleX(1)}
.package-list div{transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.package-list div:hover{transform:translateX(7px);border-color:rgba(217,122,32,.28);box-shadow:0 10px 26px rgba(55,43,29,.07)}

@keyframes briefArrive{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}@keyframes briefLine{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes wireGrow{from{width:0;opacity:.4}to{width:62%;opacity:1}}@keyframes wireReveal{from{opacity:0;transform:scaleY(.6)}to{opacity:1;transform:none}}@keyframes wireCard{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes codeLineIn{to{opacity:1;transform:none}}@keyframes codeCursor{0%,48%{opacity:1}49%,100%{opacity:0}}@keyframes deviceRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes testPass{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes commentPop{from{opacity:0;transform:translateY(8px) scale(.88)}to{opacity:1;transform:none}}@keyframes paymentApprove{0%{opacity:0;transform:translateY(12px) rotate(-1deg)}60%{transform:translateY(-4px) rotate(.5deg)}100%{opacity:1;transform:none}}@keyframes deployNode{from{opacity:0;transform:translateX(-12px) scale(.9)}to{opacity:1;transform:none}}@keyframes arrowTravel{0%,100%{transform:translateX(0);opacity:.45}50%{transform:translateX(4px);opacity:1}}@keyframes liveGlow{0%,100%{box-shadow:0 8px 22px rgba(24,139,92,.08)}50%{box-shadow:0 8px 30px rgba(24,139,92,.28)}}@keyframes domainNode{from{opacity:0;transform:scale(.86)}to{opacity:1;transform:none}}@keyframes dnsConnect{from{transform:scaleX(0);opacity:.3}to{transform:scaleX(1);opacity:1}}@keyframes qaScan{0%,18%{transform:translateY(0);opacity:0}25%{opacity:1}55%{transform:translateY(720%);opacity:.75}65%,100%{transform:translateY(720%);opacity:0}}

@media(max-width:680px){.flow-stage-art{min-height:105px}.art-test{gap:7px}.device.desktop{width:112px;height:70px}.device.tablet{width:53px;height:73px}.device.phone{width:33px;height:65px}.test-check{display:none}.art-deploy,.art-domain{gap:5px;transform:scale(.86);transform-origin:left center}.deploy-code,.deploy-cloud,.deploy-live{height:50px;padding:0 9px}.dns-line{width:18px}.domain-chip,.domain-server,.domain-live{padding:9px 8px}.review-comment{font-size:.58rem}.brief-card{width:92%}}
@media(prefers-reduced-motion:reduce){.flow-stage-art *,.case-media::after{animation:none!important}.service-list a::before,.price-card::after{transition:none!important}}


/* WordPress & WooCommerce service */
.wordpress-hero{overflow:hidden}.wp-hero-visual{position:relative;min-height:500px;perspective:1300px}.wp-window{position:absolute;overflow:hidden;border:1px solid rgba(28,32,35,.12);border-radius:22px;box-shadow:0 28px 70px rgba(55,43,29,.16)}.wp-window>span{display:block;padding:10px 14px;background:#1d2022;color:#fff;font-size:.68rem;font-weight:950;letter-spacing:.1em}.wp-dashboard{width:72%;height:360px;left:0;top:35px;background:#f7f3ec;transform:rotateY(8deg) rotate(-3deg);animation:wpDashFloat 6s ease-in-out infinite}.wp-theme{width:62%;height:270px;right:2%;top:150px;background:#fffaf4;transform:rotateY(-7deg) rotate(3deg);animation:wpThemeFloat 6.6s ease-in-out infinite}.wp-live{width:66%;height:285px;right:0;bottom:5px;background:#fff;transform:rotateY(-5deg) rotate(1.5deg);animation:wpLiveFloat 7.2s ease-in-out infinite}.wp-live>span{color:#8fe0b5}
.wp-dash-body{display:grid;grid-template-columns:72px 1fr;height:calc(100% - 38px)}.wp-dash-body aside{background:#26292c;padding:16px 12px}.wp-dash-body aside b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#d97a20;color:#fff;margin-bottom:18px}.wp-dash-body aside i{display:block;height:7px;border-radius:5px;background:#62676b;margin:10px 0;animation:wpMenuPulse 2.6s ease-in-out infinite}.wp-dash-body aside i:nth-of-type(2){animation-delay:.2s}.wp-dash-body aside i:nth-of-type(3){animation-delay:.4s}.wp-dash-body aside i:nth-of-type(4){animation-delay:.6s}.wp-dash-body aside i:nth-of-type(5){animation-delay:.8s}.wp-dash-body section{padding:24px}.wp-dash-body small{display:block;color:#887f75;font-weight:800}.wp-dash-body strong{display:block;font-size:2rem;letter-spacing:-.04em;margin:5px 0}.wp-dash-body em{font-style:normal;color:#188b5c;font-size:.72rem;font-weight:900}.wp-editor-blocks{display:grid;gap:10px;margin-top:22px}.wp-editor-blocks i{height:34px;border-radius:8px;background:#e8ddce;transform-origin:left;animation:wpBlockBuild 2.5s ease-in-out infinite}.wp-editor-blocks i:nth-child(2){width:78%;animation-delay:.3s}.wp-editor-blocks i:nth-child(3){width:58%;animation-delay:.6s}
.wp-theme-body{padding:24px}.wp-theme-body>i{display:block;height:18px;border-radius:7px;background:#ded1c1;margin-bottom:18px}.wp-theme-body>b{display:block;font-size:1.7rem;letter-spacing:-.04em;margin:18px 0}.wp-theme-body>i:nth-of-type(2){height:60px;background:#f1e5d5;animation:wpThemeSweep 3s ease-in-out infinite}.wp-theme-body>i:nth-of-type(3){width:52%;background:#d97a20}
.wp-live-body{padding:26px}.wp-live-body>b{font-size:.78rem}.wp-live-body h3{font-size:2rem;line-height:.96;letter-spacing:-.045em;margin:42px 0 24px}.wp-live-body>div{display:flex;gap:8px}.wp-live-body i{display:block;width:56px;height:10px;border-radius:999px;background:#d8cbbb}.wp-live-body i:last-child{background:#188b5c;animation:wpLiveGlow 2s ease-in-out infinite}
.wordpress-services{background:#fbf7ef}.wp-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.wp-service-grid article{padding:24px;border:1px solid rgba(28,32,35,.1);border-radius:20px;background:#f6f0e6;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.wp-service-grid article:hover{transform:translateY(-7px);border-color:rgba(217,122,32,.28);box-shadow:0 18px 44px rgba(55,43,29,.09)}.wp-service-grid article>b{color:#d97a20;font-size:.72rem}.wp-service-grid h3{margin:10px 0 7px}.wp-service-grid p{margin:0;color:#6b645c}
.wp-build-strip{overflow:hidden;padding:18px max(5vw,22px);background:#1d2022;color:#f8f2e9}.wp-build-strip>div{display:flex;align-items:center;gap:15px;white-space:nowrap;width:max-content;animation:wpProcessMove 18s linear infinite}.wp-build-strip span{font-size:.72rem;font-weight:950;letter-spacing:.12em}.wp-build-strip i{color:#eaa04e;font-style:normal}
/* WordPress scene in shared workflow */
.art-wordpress{display:flex;align-items:center}.wp-admin-mini{display:grid;grid-template-columns:55px 1fr;width:min(86%,470px);height:112px;border-radius:12px;overflow:hidden;border:1px solid #cdbca7;background:#fff;box-shadow:0 12px 32px rgba(55,43,29,.1);animation:wpAdminIn .6s cubic-bezier(.2,.8,.2,1)}.wp-side{background:#26292c;padding:10px}.wp-side b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#d97a20;color:#fff;font-size:.65rem}.wp-side i{display:block;height:5px;border-radius:4px;background:#62676b;margin:8px 0}.wp-main-mini{padding:12px}.wp-main-mini>span{display:block;font-size:.6rem;color:#8d8378;font-weight:900}.wp-main-mini>strong{display:inline-block;font-size:1.15rem;margin:2px 8px 6px 0}.wp-main-mini>em{font-style:normal;color:#188b5c;font-size:.58rem;font-weight:900}.wp-blocks{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.wp-blocks i{height:34px;border-radius:6px;background:#e9ddce;animation:wpMiniBlock .6s ease both}.wp-blocks i:nth-child(2){animation-delay:.14s}.wp-blocks i:nth-child(3){animation-delay:.28s}

@keyframes wpDashFloat{0%,100%{transform:rotateY(8deg) rotate(-3deg) translateY(0)}50%{transform:rotateY(5deg) rotate(-2deg) translateY(-10px)}}@keyframes wpThemeFloat{0%,100%{transform:rotateY(-7deg) rotate(3deg) translateY(0)}50%{transform:rotateY(-4deg) rotate(2deg) translateY(8px)}}@keyframes wpLiveFloat{0%,100%{transform:rotateY(-5deg) rotate(1.5deg) translateY(0)}50%{transform:rotateY(-3deg) rotate(.5deg) translateY(-9px)}}@keyframes wpMenuPulse{0%,100%{opacity:.4;transform:scaleX(.8)}50%{opacity:1;transform:scaleX(1)}}@keyframes wpBlockBuild{0%,100%{transform:scaleX(.55);opacity:.55}50%{transform:scaleX(1);opacity:1}}@keyframes wpThemeSweep{0%,100%{transform:scaleY(.8);opacity:.65}50%{transform:scaleY(1);opacity:1}}@keyframes wpLiveGlow{0%,100%{box-shadow:0 0 0 rgba(24,139,92,0)}50%{box-shadow:0 0 18px rgba(24,139,92,.32)}}@keyframes wpProcessMove{from{transform:translateX(0)}to{transform:translateX(-35%)}}@keyframes wpAdminIn{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}@keyframes wpMiniBlock{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:980px){.wp-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wp-hero-visual{min-height:440px}}@media(max-width:680px){.wp-service-grid{grid-template-columns:1fr}.wp-hero-visual{min-height:360px}.wp-dashboard{width:78%;height:285px}.wp-theme{width:69%;height:220px;top:112px}.wp-live{width:72%;height:225px}.wp-dash-body{grid-template-columns:52px 1fr}.wp-dash-body section{padding:16px}.wp-dash-body strong{font-size:1.4rem}.wp-live-body h3{font-size:1.45rem;margin:28px 0 18px}}
@media(prefers-reduced-motion:reduce){.wp-dashboard,.wp-theme,.wp-live,.wp-build-strip>div,.wp-dash-body aside i,.wp-editor-blocks i,.wp-theme-body>i,.wp-live-body i,.wp-admin-mini,.wp-blocks i{animation:none!important}}