@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#101010;--panel:#191818;--ink:#f4efec;--muted:#aaa1a0;--lime:#ff514b;--line:#ffffff23;--mono:'Space Grotesk',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px;scrollbar-color:#644d4d var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:6px}::selection{color:var(--bg);background:var(--lime)}.topline{padding:10px 4.5%;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font:9px var(--mono);letter-spacing:1.7px;color:var(--muted)}.demo-label{color:#ff514bab}header{padding:26px 4.5%;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:30;background:#101010e8;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.wordmark{font-family:var(--mono);font-size:29px;letter-spacing:-1.8px;font-weight:700;display:flex;align-items:center;white-space:nowrap}.wordmark>span{color:var(--lime)}.wordmark svg{width:29px;margin-right:12px;fill:var(--lime)}.wordmark i{font-size:15px;align-self:flex-start;margin:3px 0 0 4px;font-style:normal;color:var(--lime)}nav{display:flex;align-items:center;gap:35px;font-size:12px}nav a{color:#dad1cd;transition:color .2s}nav a:hover{color:var(--lime)}nav .nav-cta{padding:12px 19px;border:1px solid #c3b5ae70;border-radius:3px;margin-left:10px;font-weight:600}.nav-cta span{margin-left:24px}.menu-toggle{display:none}.hero{position:relative;min-height:690px;height:calc(100svh - 128px);max-height:1000px;padding:72px 6% 90px;display:flex;align-items:center;isolation:isolate;overflow:hidden}.hero-grid{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-copy{position:relative;z-index:3;width:64%;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font:10px var(--mono);letter-spacing:1.7px;display:flex;align-items:center;gap:9px;margin:0 0 30px;color:#cec0be}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 14px #ff514b70;display:inline-block;flex-shrink:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--mono)}h1{font-size:clamp(66px,6.9vw,112px);font-weight:500;letter-spacing:-6px;line-height:1.02;margin-bottom:27px}h1>span{color:var(--lime)}.hero-intro{color:#b8aba7;font-size:16px;line-height:1.8;margin-bottom:31px}.hero-actions{display:flex;align-items:center;gap:29px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border-radius:3px;font-size:12px;font-weight:650;padding:18px 22px;border:1px solid transparent;transition:transform .2s,background .2s;text-align:left;cursor:pointer;min-height:50px}.button:hover{transform:translateY(-3px)}.primary{background:var(--lime);color:#230b0a}.primary:hover{background:#ff7169}.secondary{background:transparent;border-color:#ffffff40;color:var(--ink)}.secondary:hover{background:#ffffff0b}.button span{font-size:18px;font-weight:400}.text-link{font-size:11px;border-bottom:1px solid #aaa1a070;padding:10px 0}.text-link>span{margin-left:15px}.hero-tags{display:flex;gap:24px;margin-top:43px;font:8px var(--mono);letter-spacing:1px;color:#8e8180}.hero-tags span:before{content:'+';color:var(--lime);margin-right:8px}.visual{position:absolute;z-index:-1;right:-2%;top:0;width:60%;height:100%}#sculpture{width:100%;height:100%;display:block}.visual-coordinate{position:absolute;top:70px;right:13%;font:9px/1.8 var(--mono);letter-spacing:1.5px;color:#91807d}.visual-caption{position:absolute;bottom:132px;right:16%;font:10px/1.6 var(--mono);letter-spacing:1.2px;color:#d0b9b4}.tiny-cross{position:absolute;font-size:22px;top:0;left:-30px;color:var(--lime)}.visual-caption small{font-size:8px;color:#91807d}.hero-bottom{position:absolute;bottom:25px;left:6%;right:6%;border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;align-items:center;color:#968786;font:8px var(--mono);letter-spacing:1.4px}.hero-bottom>a>span{color:var(--lime);margin-left:12px}#motion{border:0;background:transparent;font-size:10px;display:flex;align-items:center;gap:8px;color:#bca9a5;padding:5px}.ticker{border-block:1px solid var(--line);overflow:hidden;background:var(--lime);color:#230b0a}.ticker>div{display:flex;gap:44px;align-items:center;width:max-content;padding:21px 0;animation:marquee 40s linear infinite;font:15px var(--mono);font-weight:500;letter-spacing:.7px}.ticker b{font-size:28px;font-weight:400}.section{padding:100px 6%;scroll-margin-top:0}.section-top{display:flex;align-items:start;justify-content:space-between;margin-bottom:45px}.section-top .eyebrow{color:var(--lime);margin:0}.section-note{font:8px/1.8 var(--mono);letter-spacing:1.5px;color:#968786;text-align:right}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:55px}h2{font-size:clamp(45px,4.9vw,76px);font-weight:500;line-height:1.05;letter-spacing:-3.5px;margin-bottom:0}h2>span{color:#8e8180}.section-heading>p{font-size:14px;line-height:1.9;color:var(--muted);max-width:355px;margin-bottom:4px}.service{display:grid;grid-template-columns:55px 1fr 1fr 45px;gap:20px;border-top:1px solid var(--line);padding:33px 0 24px;transition:background .3s}.service:hover{background:#ffffff03}.service-num{font:11px var(--mono);color:#817170;padding-top:5px}.service h3{font-size:25px;font-weight:500;letter-spacing:-1px;margin-bottom:9px}.service-title p{font-size:11px;color:#968786;margin-bottom:0}.service-desc{font-size:12px;line-height:1.8;color:var(--muted);max-width:420px;margin:0;padding-right:20px}.round-link{border:1px solid #ffffff35;display:grid;place-items:center;width:39px;height:39px;border-radius:50%;font-size:20px;transition:background .2s,color .2s}.round-link:hover{color:#101010;background:var(--lime);border-color:var(--lime)}.service-tags{grid-column:2/4;display:flex;gap:7px}.service-tags span{font:8px var(--mono);letter-spacing:.5px;padding:6px 9px;background:#2b1d1b;color:#ae918c;border-radius:2px}.add-ons{display:flex;gap:30px;align-items:center;border-block:1px solid var(--line);padding:24px 0;margin-top:5px}.add-ons>span{font:8px var(--mono);color:var(--lime);letter-spacing:1px;flex-shrink:0}.add-ons>p{font-size:11px;color:var(--muted);line-height:1.8;margin:0}.add-ons>a{margin-left:auto;font-size:11px;white-space:nowrap}.work{background:#191818}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px 25px}.work-card{background:transparent;border:0;padding:0;min-width:0;text-align:left}.mockup{height:335px;padding:24px;position:relative;overflow:hidden;transition:transform .5s}.work-card:hover .mockup{transform:translateY(-5px)}.mini-nav{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.mini-nav>b{font-size:20px;letter-spacing:-1px}.mini-nav>span{font:6px var(--mono);letter-spacing:1px}.mini-head{position:relative;z-index:2;font-size:38px;line-height:1.04;letter-spacing:-1.6px;margin-top:40px;font-family:Georgia,serif}.mini-button{position:relative;z-index:2;display:inline-block;font:6px var(--mono);letter-spacing:1px;margin-top:18px;padding:9px 12px;border:1px solid currentColor;border-radius:2px}.mockup-index{position:absolute;bottom:16px;left:24px;z-index:3;font:6px var(--mono);letter-spacing:1px}.landscape-mock{background:#e2e5ce;color:#263f31}.landscape-mock svg{position:absolute;bottom:0;left:0;width:100%;height:46%}.fitness-mock{background:#24212a;color:#f2eee7}.fitness-mock .mini-head{font:700 48px/.94 var(--mono);letter-spacing:-3px}.fitness-mock .mini-head i{font-style:normal;color:#d0a6ff}.fitness-mock .mini-button{background:#d0a6ff;color:#24212a;border-color:transparent}.fitness-orbit{position:absolute;right:-5%;top:12%;width:56%;height:85%;border:28px solid #9b7dc2;border-radius:50%;transform:rotate(-28deg) skewY(22deg);box-shadow:inset 7px 0 15px #0006,12px 4px 16px #0005;background:linear-gradient(145deg,#ffffff00,#ffffff09)}.work-meta{display:flex;align-items:center;justify-content:space-between;padding:20px 0 0}.work-meta h3{font-size:19px;letter-spacing:-.5px;font-weight:500;margin-bottom:7px}.work-meta p{font-size:11px;color:var(--muted);margin:0}.work-meta>span{font-size:25px}.wide-card{grid-column:1/-1}.clear-mock{height:330px;background:#dae8f1;color:#152e43;padding:26px 35px}.clear-mock .mini-nav b{font-size:23px}.clear-mock .mini-nav b span{color:#3277d4}.clear-mock .mini-head{font-family:var(--mono);font-size:53px;margin-top:37px;letter-spacing:-3px}.clear-mock .mini-head i{color:#3277d4;font-style:normal}.clear-shape{position:absolute;right:10%;top:36px;font-family:var(--mono);font-size:260px;font-weight:400;line-height:1;transform:rotate(-9deg);color:#3277d4}.clear-mock .mini-button{background:#152e43;color:#fff}.clear-mock .mockup-index{left:auto;right:35px;bottom:24px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.process-grid article{border-top:1px solid #817170;padding-top:20px}.process-grid article>span{font:12px var(--mono);color:var(--lime);display:flex;justify-content:space-between}.process-grid i{font-style:normal;color:#817170}.process-grid h3{font-size:19px;font-weight:500;letter-spacing:-.6px;margin:35px 0 13px}.process-grid p{font-size:12px;line-height:1.85;color:var(--muted);margin-bottom:0}.packages{border-top:1px solid var(--line);background:#161313}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.price-card{border:1px solid #4a302d;background:#1c1716;padding:34px;display:flex;flex-direction:column}.price-card.featured{border-color:#ca8075}.price-top{display:flex;justify-content:space-between;align-items:center;gap:15px;font:8px var(--mono);letter-spacing:1px}.price-top>span{color:#968786}.price-top b{font-weight:400;color:var(--lime);background:#ff514b0c;padding:7px 9px}.price{font:500 64px var(--mono);letter-spacing:-4px;margin:33px 0 14px}.price>span{font:12px 'DM Sans',sans-serif;color:var(--muted);letter-spacing:0;margin-left:8px}.price-card>p{font-size:13px;line-height:1.8;max-width:340px;color:var(--muted)}.price-card ul{padding:0;list-style:none;margin:20px 0 32px}.price-card li{font-size:11px;line-height:1.9;padding:7px 0;border-bottom:1px solid #ffffff0b}.price-card li:before{content:'↗';color:var(--lime);margin-right:11px}.price-card .button{margin-top:auto}.price-card small{color:#968786;font-size:9px;line-height:1.7;display:block;margin-top:15px}.price-note{font-size:11px;color:var(--muted);text-align:center;margin:27px 0 0;line-height:1.8}.price-note>a{color:var(--lime)}.faq{display:grid;grid-template-columns:1fr 1.25fr;gap:70px}.faq-intro .eyebrow{color:var(--lime);font-size:8px}.faq-list details{border-top:1px solid var(--line);padding:23px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;display:flex;justify-content:space-between;gap:20px;list-style:none;font-size:13px;line-height:1.6}summary::-webkit-details-marker{display:none}summary>span{color:var(--lime);font-size:18px;line-height:1.1;transition:transform .2s}details[open] summary>span{transform:rotate(45deg)}details p{font-size:12px;line-height:1.85;color:var(--muted);margin:18px 30px 0 0}.contact{background:#231a19;display:grid;grid-template-columns:1fr 1fr;gap:60px;overflow:hidden}.contact h2{font-size:clamp(48px,5.2vw,83px)}.contact h2>span{color:var(--lime)}.contact-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted);margin:25px 0 20px}.email-link{font-size:13px;border-bottom:1px solid #aaa1a070;padding-bottom:5px}.contact-mark{font:700 100px var(--mono);letter-spacing:-10px;line-height:1;color:#ff514b12;margin-top:45px}.brief-form{background:#160f0f;border:1px solid #ff514b25;padding:30px;align-self:start}.brief-form h3{font-size:20px;font-weight:500;letter-spacing:-.5px;margin-bottom:27px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.brief-form label{display:block;font-size:10px;color:#cbbdba;margin-bottom:21px}input,select,textarea{width:100%;display:block;background:transparent;color:var(--ink);font-size:12px;border:0;border-bottom:1px solid #ffffff30;border-radius:0;padding:12px 0;outline:none;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--lime)}input::placeholder,textarea::placeholder{color:#6c7660}select{color:#cbbdba}select>option{background:#211615}.brief-form>.button{width:100%;margin-top:3px}.form-note{font-size:9px;line-height:1.7;color:#968786;margin:14px 0 0}#brief-result{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}#brief-result p{font-size:12px;color:var(--lime)}#brief-result .button{font-size:11px;padding:12px 15px;min-height:40px}#download-brief{display:block;border:0;background:none;color:#cbbdba;font-size:10px;margin-top:15px;padding:5px 0}footer{padding:40px 6%;display:flex;align-items:center;justify-content:space-between;gap:30px}footer .wordmark{font-size:25px}footer>p{font:8px/1.8 var(--mono);letter-spacing:1px;color:#968786;margin:0}footer>div{display:flex;align-items:flex-end;flex-direction:column;gap:12px;font-size:10px}footer>div>span{font-size:8px;color:#968786}dialog{background:#171c13;color:var(--ink);padding:34px;width:min(920px,92vw);max-height:92svh;border:1px solid #596b42;overflow:auto;box-shadow:0 30px 140px #000b}dialog::backdrop{background:#050704dd;backdrop-filter:blur(10px)}.dialog-close{position:absolute;top:12px;right:18px;background:none;border:0;font-size:27px;color:var(--ink);padding:5px}.dialog-foot{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:28px}.dialog-foot h2{font-size:32px;letter-spacing:-1px}.dialog-foot p{font-size:12px;color:var(--muted);line-height:1.6;margin:12px 0 0;max-width:350px}.dialog-foot .button{font-size:10px;gap:10px}.dialog-foot+*{margin:0}#concept-preview .mockup{height:350px}#concept-preview .mini-head{font-size:58px}#concept-preview .fitness-mock .mini-head{font-size:68px}#concept-preview .clear-shape{font-size:290px}.skip{position:fixed;top:-80px;left:20px;background:var(--lime);color:#101010;padding:12px;z-index:100}.skip:focus{top:10px}.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.js .reveal.in-view{opacity:1;transform:none}.is-paused .ticker>div{animation-play-state:paused}@keyframes marquee{to{transform:translateX(-33.333%)}}@media(min-width:1700px){.section{padding-left:max(6%,calc((100vw - 1480px)/2));padding-right:max(6%,calc((100vw - 1480px)/2))}}@media(max-width:1050px){h1{font-size:76px;letter-spacing:-4.5px}.hero{min-height:650px}.hero-copy{width:69%}.hero-tags{gap:12px;font-size:7px}.hero-actions{gap:18px}.text-link{font-size:10px}.section-heading>p{max-width:310px}.service{grid-template-columns:35px 1fr 1fr 40px;gap:12px}.service h3{font-size:23px}.mockup{height:310px}.mini-head{font-size:33px}.fitness-mock .mini-head{font-size:40px}.mini-nav>span{font-size:5px}.process-grid{gap:20px}.process-grid h3{font-size:17px}.price-top{font-size:7px;gap:8px}.price-card{padding:27px}.contact{gap:35px}.brief-form{padding:24px}.contact-copy .eyebrow{font-size:8px}.add-ons{gap:20px}}
@media(max-width:760px){html{scroll-padding-top:85px}.topline{padding:9px 6%;font-size:7px;letter-spacing:1px}.topline>span:first-child{display:none}.topline>span:last-child{margin:auto}header{padding:21px 6%}.wordmark{font-size:26px}.wordmark svg{width:25px}.menu-toggle{display:flex;flex-direction:column;gap:6px;background:none;border:1px solid var(--line);padding:12px 10px;border-radius:3px}.menu-toggle span{height:1px;width:20px;background:var(--ink)}nav{display:none;position:absolute;top:100%;left:0;width:100%;background:#1c1414;border-bottom:1px solid #526442;padding:20px 6%;align-items:stretch;gap:0;flex-direction:column}nav.open{display:flex}nav>a{padding:15px 0;border-bottom:1px solid var(--line)}nav .nav-cta{margin:18px 0 0;text-align:center}nav .nav-cta span{margin-left:12px}.hero{height:auto;min-height:850px;padding:55px 6% 350px;align-items:flex-start}.hero-copy{width:100%}.hero .eyebrow{font-size:8px;letter-spacing:1.2px;gap:7px;margin-bottom:24px}h1{font-size:clamp(53px,10.3vw,76px);letter-spacing:-3.5px;line-height:1.05;margin-bottom:21px}.hero-intro{font-size:13px;line-height:1.8;margin-bottom:25px}.hero-actions{gap:19px;flex-wrap:wrap}.button{font-size:11px;gap:25px;padding:16px 18px}.text-link{font-size:10px}.hero-tags{margin-top:30px;flex-wrap:wrap;gap:9px 16px;font-size:6px}.visual{width:100%;height:385px;top:auto;bottom:40px;right:-18%}.visual-coordinate{top:32px;right:29%;font-size:7px}.visual-caption{font-size:8px;bottom:46px;right:30%}.visual-caption small{font-size:6px}.hero-bottom{bottom:18px;gap:10px;font-size:6px;letter-spacing:.7px;padding-top:18px}.hero-bottom>a{display:none}#motion{font-size:8px;padding:2px}.ticker>div{padding:15px 0;gap:25px;font-size:11px}.ticker b{font-size:21px}.section{padding:65px 6%}.section-top{margin-bottom:31px}.eyebrow{font-size:8px;letter-spacing:1.2px}.section-note{font-size:6px;letter-spacing:.8px}h2{font-size:46px;letter-spacing:-2.5px}.section-heading{align-items:flex-start;flex-direction:column;gap:25px;margin-bottom:38px}.section-heading>p{font-size:12px;max-width:100%;line-height:1.85}.service{grid-template-columns:25px 1fr 35px;gap:11px;padding:25px 0}.service h3{font-size:23px}.service-title p{font-size:10px;line-height:1.7}.service-desc{grid-column:2;grid-row:2;font-size:11px;padding-right:0}.service .round-link{grid-row:1;grid-column:3;width:32px;height:32px;font-size:17px}.service-num{font-size:9px}.service-tags{grid-column:2/4;flex-wrap:wrap;margin-top:5px}.service-tags span{font-size:6px;padding:6px}.add-ons{align-items:flex-start;flex-direction:column;gap:12px;padding-top:22px}.add-ons>p{font-size:11px}.add-ons>a{margin-left:0;font-size:11px}.work-grid{grid-template-columns:1fr;gap:30px}.mockup{height:315px;padding:22px}.mini-head{font-size:37px}.mini-nav>span{font-size:5px}.fitness-mock .mini-head{font-size:45px}.wide-card{grid-column:auto}.clear-mock .mini-head{font-size:38px;letter-spacing:-2px}.clear-shape{font-size:190px;right:-3%;top:93px;opacity:.6}.clear-mock .mockup-index{right:22px;left:22px;bottom:16px}.work-meta{padding-top:16px}.work-meta h3{font-size:18px}.work-meta p{font-size:10px}.process-grid{grid-template-columns:1fr 1fr;gap:32px 22px}.process-grid h3{font-size:17px;margin-top:23px}.process-grid p{font-size:11px}.pricing-grid{grid-template-columns:1fr;gap:20px}.price-card{padding:25px}.price-top{font-size:7px}.price{font-size:60px;letter-spacing:-3px;margin-top:26px}.price-card>p{font-size:12px}.price-card li{font-size:10px}.price-note{font-size:10px}.price-note>a{display:block}.faq{grid-template-columns:1fr;gap:35px}.faq-intro>h2 br{display:none}.faq-intro>h2>span{margin-left:10px}.faq-intro .eyebrow{margin-bottom:20px}summary{font-size:12px}.faq-list details{padding:20px 0}details p{font-size:11px;margin-right:15px}.contact{grid-template-columns:1fr;gap:35px}.contact h2{font-size:55px}.contact-mark{display:none}.contact-copy>p:not(.eyebrow){font-size:13px}.email-link{font-size:12px}.brief-form{padding:23px}.brief-form h3{font-size:19px}.form-row{gap:15px}.brief-form input,.brief-form textarea,.brief-form select{font-size:16px}.brief-form input::placeholder,.brief-form textarea::placeholder{font-size:12px}.brief-form label{font-size:10px}.form-note{font-size:9px}footer{padding:30px 6%;flex-wrap:wrap;gap:24px}footer>p{display:none}footer>div{gap:9px;font-size:9px}footer .wordmark{font-size:23px}footer>div>span{font-size:7px}dialog{padding:27px 19px;width:95vw}.dialog-foot{align-items:flex-start;flex-direction:column;gap:20px}.dialog-foot h2{font-size:27px}.dialog-foot p{font-size:11px}#concept-preview .mockup{height:330px;padding:22px}#concept-preview .mini-head{font-size:39px}#concept-preview .fitness-mock .mini-head{font-size:45px}#concept-preview .clear-shape{font-size:190px}dialog>.eyebrow{font-size:6px;margin-top:10px;margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker>div{animation:none}*,*::before,*::after{transition:none!important}.js .reveal{opacity:1;transform:none}}
/* A continuous background, with a camera orbit tied to the whole page. */
body{isolation:isolate}.visual{position:fixed;inset:0;right:0;width:100%;height:100svh;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 72% 45%,#42191755,transparent 65%)}.topline,header,main,footer{position:relative}.topline{z-index:2;background:#10101088}header{position:sticky}main{z-index:1}.hero{isolation:auto;background:linear-gradient(90deg,#10101080,transparent 75%)}.hero-grid{z-index:-1}.visual-coordinate{top:22%;right:7%;opacity:var(--intro,1)}.visual-caption{bottom:16%;right:9%;opacity:var(--intro,1)}.hero-bottom{right:9%}.services,.process,.faq{background:linear-gradient(90deg,#101010eb 0%,#101010c9 50%,#101010b3 100%)}.work{background:#191818c9}.packages{background:#161313d9}.contact{background:#231a19e8}.price-card{background:#1c1716ed}.brief-form{background:#160f0ff2}footer{background:#101010e0}#motion{position:fixed;right:22px;bottom:18px;z-index:45;padding:10px 13px;border:1px solid #92696966;background:#101010e8;border-radius:3px;font-size:9px;backdrop-filter:blur(10px)}.orbit-track{position:fixed;bottom:0;left:0;right:0;height:2px;background:#ffffff0b;z-index:46;pointer-events:none}.orbit-track>span{display:block;width:100%;height:100%;transform-origin:left;transform:scaleX(var(--travel,0));background:var(--lime);box-shadow:0 0 12px #ff514b80}@media(max-width:760px){.visual{position:fixed;inset:0;width:100%;height:100svh;right:0}.hero{background:linear-gradient(#10101000 25%,#10101055 60%,#10101000);min-height:850px}.visual-coordinate{top:67%;right:8%;font-size:6px}.visual-caption{bottom:10%;right:10%;font-size:7px}.visual-caption small{font-size:6px}.hero-bottom{right:6%}#motion{right:14px;bottom:12px;font-size:8px;padding:8px 10px}.services,.process,.faq{background:#101010d4}.work{background:#191818d9}}

@media(min-width:761px){.services,.process,.faq{background:linear-gradient(90deg,#101010ee 0%,#101010c9 45%,#10101080 100%)}.work{background:#191818c9}.packages{background:#161313c9}.visual-coordinate{top:20%}}
/* Stronger ring silhouette through every stage of the scroll. */
#sculpture{filter:drop-shadow(0 0 2px #ff514b50)}
.services,.process,.faq{background:linear-gradient(90deg,#101010e0 0%,#101010a6 45%,#10101040 100%)}
.work{background:#191818a6}.packages{background:#161313a6}.contact{background:#231a19b8}
@media(max-width:760px){.services,.process,.faq{background:#101010a6}.work{background:#191818b3}.packages{background:#161313b3}.contact{background:#231a19c2}}
/* A restrained finishing pass: warmer light, tactile surfaces, clearer depth. */
h1>span{background:linear-gradient(110deg,#ffb5a0 -8%,#ff6555 32%,#ff3b43 90%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 24px #ff34251a)}
.hero-copy .eyebrow{padding:9px 12px;border:1px solid #ff79652a;background:linear-gradient(90deg,#ff514b0e,transparent);border-radius:30px;width:fit-content;letter-spacing:1.4px}
.hero-intro{color:#c4b7b3}.hero-tags{color:#a18d88}
.hero-grid{background-size:96px 96px;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px)}
.button{position:relative;overflow:hidden;isolation:isolate;transition:transform .25s,background .25s,box-shadow .25s,border-color .25s}
.button.primary{background:linear-gradient(125deg,#ff725b,#ff4549);border-top-color:#ffad9670;box-shadow:0 7px 30px #ff39201c,inset 0 1px #ffffff20}
.button.primary:before{content:'';position:absolute;inset:-100% auto -100% -65%;width:40%;background:linear-gradient(90deg,transparent,#fff3,transparent);transform:skewX(-20deg);transition:left .6s;pointer-events:none}
.button.primary:hover:before{left:130%}.button.primary:hover{box-shadow:0 9px 36px #ff3c3438,inset 0 1px #ffffff30}.button>span{transition:transform .25s}.button:hover>span{transform:translate(2px,-2px)}
.service{position:relative;border-top-color:#ffffff26;transition:background .3s}.service:before{content:'';position:absolute;left:0;top:0;width:3px;height:0;background:var(--lime);box-shadow:0 0 15px #ff514b55;transition:height .3s}.service:hover{background:linear-gradient(90deg,#ff514b09,transparent 75%)}.service:hover:before{height:100%}
.work-card .mockup{border-radius:6px;border:1px solid #ffffff15;box-shadow:0 12px 35px #0002;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}.work-card:hover .mockup{box-shadow:0 18px 45px #0006;transform:translateY(-6px)}
.work-meta>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid #ffffff2b;border-radius:50%;font-size:20px;transition:color .25s,background .25s,transform .25s}.work-card:hover .work-meta>span{background:var(--lime);border-color:var(--lime);color:#260b09;transform:rotate(8deg)}
.price-card{position:relative;border-radius:5px;background:linear-gradient(145deg,#2c1d19ed,#171414f5 70%);box-shadow:0 15px 50px #0002}.price-card.featured{border-color:#ff7c6180}.price-card.featured:before{content:'';position:absolute;top:-1px;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,#ffc4a7,transparent);box-shadow:0 0 15px #ff795580}.price{letter-spacing:-3px}.brief-form{border-radius:5px;box-shadow:0 15px 50px #0003;border-top-color:#ff90734d}.brief-form:focus-within{border-color:#ff79634d}
.section-top .eyebrow:before{content:'';width:18px;height:1px;background:#ff6757;display:block}.section-note{color:#9e8c86}header{box-shadow:0 8px 30px #00000012}.visual:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 72% 45%,transparent 25%,#08080832 100%);pointer-events:none}
@media(max-width:760px){.hero-copy .eyebrow{font-size:7px;padding:8px 10px;letter-spacing:.9px}.hero-tags{font-size:7px}.service:before{display:none}.work-card .mockup{border-radius:4px}.section-note{font-size:6px}}
@media(prefers-reduced-motion:reduce){.button.primary:before{display:none}.button:hover,.work-card:hover .mockup{transform:none}.button:hover>span,.work-card:hover .work-meta>span{transform:none}}
/* Keep scrolling native and composite the graphic without full-screen filters. */
html{scroll-behavior:auto}
.visual{contain:strict;background:radial-gradient(ellipse at 73% 53%,#ff3e3a2e,transparent 65%)}
#sculpture{filter:none;contain:strict;transform:translateZ(0)}
.visual:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 42%,#ff625b55 0 1px,transparent 2px),radial-gradient(circle at 87% 27%,#ff625b66 0 1px,transparent 2px),radial-gradient(circle at 62% 76%,#ff625b44 0 1px,transparent 2px)}
header{backdrop-filter:none;background:#101010f5}
#motion{backdrop-filter:none}
.ticker>div{will-change:transform}
/* Small clarity pass: useful symbols, reading contrast, and section orientation. */
.service-title h3{display:flex;align-items:center;gap:12px}
.service-icon{width:23px;height:23px;flex:0 0 23px;fill:none;stroke:#ff7965;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.section-heading h2>span,.faq h2>span{color:#b4a5a0}
.service-desc{background:linear-gradient(90deg,#10101080,transparent);border-radius:3px}
nav>a{position:relative}
nav>a:not(.nav-cta):after{content:'';position:absolute;left:0;right:0;bottom:-10px;height:2px;background:#ff6657;transform:scaleX(0);transform-origin:left;transition:transform .2s}
nav>a.is-current{color:#ff8a75}
nav>a.is-current:after{transform:scaleX(1)}
nav>.nav-cta.is-current{border-color:#ff796577;background:#ff514b0c}
@media(max-width:760px){.service-title h3{gap:9px;font-size:22px}.service-icon{width:20px;height:20px;flex-basis:20px}.service-desc{background:#10101040}nav>a:not(.nav-cta):after{bottom:6px;width:24px;right:auto}}
/* The supplied SidraVox artwork is the source of truth for the brand. */
:root{--bg:#080808;--panel:#111111;--ink:#f4f5f7;--muted:#a8a9ae;--line:#ffffff26}
body{background:#080808;color:var(--ink)}header{background:#080808f7;border-bottom-color:#ffffff21}
.brand-lockup{display:inline-flex;align-items:center;gap:14px;letter-spacing:0;min-width:0;line-height:1}
.brand-lockup>span{display:block;position:relative;overflow:hidden;flex-shrink:0;color:inherit;isolation:isolate}
.brand-lockup .brand-emblem{width:32px;height:43px}
.brand-lockup .brand-name{width:166px;height:29px}
.brand-lockup img{position:absolute;display:block;max-width:none;object-fit:contain;mix-blend-mode:screen}
.brand-lockup .brand-emblem img{width:58px;height:58px;left:-13px;top:-1px}
.brand-lockup .brand-name img{width:182px;height:182px;left:-8px;top:-138px}
.brand-star{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.6}
.ticker{background:#e9eaed;color:#090909}.ticker>div{gap:40px}.ticker b{display:flex;align-items:center}
h1>span{background:linear-gradient(105deg,#fff 5%,#e3e5ea 48%,#91959f 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:none}
h2>span,.section-heading h2>span,.faq h2>span{color:#a5a8b0}.contact h2>span{color:#f4f5f7}
.hero-intro{color:#b6b8be}.hero-tags{color:#95989f}.hero-copy .eyebrow{border-color:#ffffff2a;background:linear-gradient(90deg,#ffffff0c,transparent);color:#c6c8cd;border-radius:2px}.status-dot{background:#f4f5f7;box-shadow:none}
.hero{background:linear-gradient(90deg,#080808a6,transparent 75%)}.hero-bottom{color:#8b8e95}.visual-coordinate,.visual-caption{color:#a4a6ad}.visual-caption small{color:#787b83}
.button.primary{background:linear-gradient(125deg,#fff,#d9dce2);color:#090909;border:1px solid #fff9;box-shadow:0 5px 24px #0005,inset 0 1px #fff;border-radius:1px}
.button.primary:hover{background:#fff;box-shadow:0 8px 30px #ffffff14}.button.primary:before{background:linear-gradient(90deg,transparent,#fff9,transparent)}
.button.secondary,.nav-cta{border-radius:1px}.secondary{border-color:#ffffff40}
nav>a.is-current{color:#fff}nav>.nav-cta.is-current{border-color:#ffffff80;background:#ffffff09}
.services,.process,.faq{background:linear-gradient(90deg,#080808e8 0%,#080808b3 45%,#08080855 100%)}.work{background:#101010b8}.packages{background:#0d0d0db8}.contact{background:#101010d6}
.service-icon{stroke:#e3e5eb}.service-tags span{background:#ffffff0a;color:#a4a7af;border:1px solid #ffffff0d}.service-desc{background:linear-gradient(90deg,#08080870,transparent)}.service-title p{color:#90939b}.service-num{color:#747780}.section-note{color:#9a9da5}
.service:hover{background:linear-gradient(90deg,#ffffff05,transparent 75%)}.service:before{background:#e3e5eb;box-shadow:none}
.round-link:hover{background:#f3f4f6;color:#080808;border-color:#f3f4f6}.work-card:hover .work-meta>span{background:#f3f4f6;border-color:#f3f4f6;color:#080808}
.price-card{border-radius:2px;border-color:#ffffff25;background:linear-gradient(145deg,#222327ed,#101012f5 70%)}.price-card.featured{border-color:#d4d8e06b}.price-card.featured:before{background:linear-gradient(90deg,transparent,#f2f4fa,transparent);box-shadow:none}.price-top b{background:#ffffff08;color:#d8dbe3}.price-card li:before{color:#c9ccd4}
.brief-form{background:#09090bf0;border-radius:2px;border-color:#ffffff29;border-top-color:#ffffff66}.brief-form:focus-within{border-color:#ffffff66}.brief-form label{color:#c7c9cf}input,select,textarea{color:#f3f4f6}input::placeholder,textarea::placeholder{color:#737680}select>option{background:#101012;color:#f3f4f6}
.contact-mark{display:block;font-size:0;line-height:0;letter-spacing:0;margin:30px 0 0;color:inherit}.contact-mark img{display:block;width:170px;height:170px;object-fit:contain;mix-blend-mode:screen;opacity:.85}
footer{background:#080808ed}footer .brand-lockup{font-size:0}.section-top .eyebrow{color:#d7dae1}.section-top .eyebrow:before{background:#cbd0db}
#motion{background:#080808ed;border-color:#ffffff35;color:#c5c7ce}
@media(max-width:760px){header{padding-top:17px;padding-bottom:17px}.brand-lockup{gap:10px}.brand-lockup .brand-emblem{width:27px;height:37px}.brand-lockup .brand-emblem img{width:50px;height:50px;left:-11px;top:-1px}.brand-lockup .brand-name{width:142px;height:26px}.brand-lockup .brand-name img{width:156px;height:156px;left:-7px;top:-118px}.contact-mark{display:none}.hero{background:linear-gradient(#08080800 25%,#08080855 60%,#08080800)}.services,.process,.faq{background:#080808ba}.work{background:#101010c2}.packages{background:#0d0d0dc2}.contact{background:#101010dc}.service-desc{background:#08080840}.ticker>div{gap:28px}.brand-star{width:18px;height:18px}}
.brand-lockup>span{isolation:auto}
.brand-lockup .brand-name{width:200px;height:35px}
.brand-lockup .brand-name img{width:220px;height:220px;left:-10px;top:-167px}
@media(max-width:760px){.brand-lockup .brand-name{width:180px;height:32px}.brand-lockup .brand-name img{width:198px;height:198px;left:-9px;top:-150px}}
/* Use the available desktop header space for a larger, readable logo. */
@media(min-width:1000px){header{padding-top:20px;padding-bottom:20px}header .brand-lockup{gap:16px}header .brand-lockup .brand-emblem{width:39px;height:53px}header .brand-lockup .brand-emblem img{width:71px;height:71px;left:-16px;top:-1px}header .brand-lockup .brand-name{width:340px;height:60px}header .brand-lockup .brand-name img{width:374px;height:374px;left:-17px;top:-284px}header nav{gap:27px}header nav .nav-cta{margin-left:0}}
@media(min-width:761px) and (max-width:999px){header .brand-lockup .brand-name{width:225px;height:40px}header .brand-lockup .brand-name img{width:248px;height:248px;left:-11px;top:-188px}header nav{gap:20px}header nav .nav-cta{margin-left:0;padding-left:15px;padding-right:15px}}
/* Lightweight website showcase: real screenshots, full-page destinations. */
.showcase{background:linear-gradient(135deg,#0d0e11e8,#131317d6)}
.showcase .section-heading{align-items:flex-start}.showcase h2{font-size:clamp(38px,4.5vw,68px);letter-spacing:-3px}.showcase .section-heading>p{max-width:310px;padding-top:8px}
.showcase-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:34px 22px}.showcase-card{grid-column:span 2;display:block;min-width:0}.showcase-featured{grid-column:span 3}.showcase-media{position:relative;border:1px solid #ffffff25;background:#0b0c0f;overflow:hidden;border-radius:6px;transition:border-color .25s,transform .25s;box-shadow:0 16px 35px #0003}.showcase-card:hover .showcase-media{border-color:#ff6d6580;transform:translateY(-4px)}.showcase-browser{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#9c9da7;background:#17181c;font:7px var(--mono);letter-spacing:1.2px}.showcase-dots{display:flex;gap:4px;width:38px}.showcase-dots i{width:4px;height:4px;background:#606168;border-radius:50%}.showcase-browser>span:last-child{width:38px;text-align:right;color:#c3c4ce;font-size:12px}.showcase-media>img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}.showcase-launch{position:absolute;right:12px;bottom:12px;background:#f3f4f6;color:#0e0e10;font-size:9px;font-weight:600;padding:11px 13px;display:flex;align-items:center;gap:24px;box-shadow:0 5px 20px #0003}.showcase-launch b{font-size:14px;font-weight:400;transition:transform .2s}.showcase-card:hover .showcase-launch b{transform:translate(2px,-2px)}.showcase-info{padding:21px 2px 0}.showcase-category{display:block;font:7px var(--mono);letter-spacing:1.3px;color:#c48c86;margin-bottom:11px}.showcase-info h3{font-size:23px;letter-spacing:-.7px;font-weight:500;margin-bottom:10px}.showcase-info p{font-size:11px;line-height:1.8;color:#a6a7b0;margin:0;max-width:390px}.showcase-featured .showcase-info h3{font-size:28px}.showcase-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:38px;border-top:1px solid #ffffff1c;padding-top:24px}.showcase-bottom p{font-size:10px;color:#8f929c;line-height:1.8;margin:0}.showcase-bottom a{white-space:nowrap}
@media(max-width:999px){.showcase-card,.showcase-featured{grid-column:span 3}.showcase h2{font-size:46px}.showcase .section-heading>p{max-width:270px}}@media(max-width:760px){.showcase-grid{grid-template-columns:minmax(0,1fr);gap:32px}.showcase-card,.showcase-featured{grid-column:auto}.showcase h2{font-size:43px;letter-spacing:-2.4px}.showcase .section-heading>p{max-width:none;padding-top:0}.showcase-media>img{aspect-ratio:16/10}.showcase-info{padding-top:17px}.showcase-info h3,.showcase-featured .showcase-info h3{font-size:24px}.showcase-info p{font-size:11px}.showcase-bottom{flex-direction:column;align-items:flex-start;gap:13px}.showcase-browser{font-size:7px}.showcase-category{font-size:7px}}
