{
  "$schema": "/schemas/registry-item.json",
  "name": "radian-studio",
  "type": "registry:page",
  "title": "Radian Studio",
  "description": "An expressive independent design studio theme for brand systems, digital products, motion, campaigns, and creative practice portfolios.",
  "categories": [
    "agency",
    "creative",
    "portfolio"
  ],
  "dependencies": [],
  "registryDependencies": [
    "button",
    "card",
    "input",
    "carousel"
  ],
  "files": [
    {
      "path": "site/app/themes/radian-studio/preview/page.tsx",
      "type": "registry:page",
      "target": "app/radian-studio/page.tsx",
      "content": "import type { Metadata } from \"next\";\nimport ThemeIcon from \"./ThemeIcon\";\nimport { LocalTime, ProjectCard, RadianButton, RevealController, SectionLabel, ServiceSelector, TestimonialRotator } from \"./DashboardComponents\";\nimport \"./radian-studio.css\";\n\nexport const metadata: Metadata = {\n  title: \"Radian Studio — Independent Design Practice\",\n  description: \"An original black, white, and orange creative studio theme built with Coordiation components, icons, and motion utilities.\",\n};\n\nconst process = [\n  [\"01\", \"Listen\", \"Find the tension worth solving before deciding what the work should look like.\"],\n  [\"02\", \"Frame\", \"Turn research into one useful point of view, a clear brief, and an honest measure.\"],\n  [\"03\", \"Make\", \"Build the identity and experience together so every decision strengthens the whole.\"],\n  [\"04\", \"Release\", \"Launch with the system, tools, and confidence needed to keep the work moving.\"],\n];\n\nconst awards = [\n  [\"Awwwards\", \"Independent Studio of the Day\", \"2026\", \"08\"],\n  [\"CSS Design Awards\", \"Special Kudos · Aera\", \"2026\", \"03\"],\n  [\"D&AD New Blood\", \"Digital Craft shortlist\", \"2025\", \"01\"],\n  [\"Type Directors Club\", \"Brand voice commendation\", \"2025\", \"02\"],\n];\n\nexport default function RadianStudioPreview() {\n  return (\n    <main className=\"radian-studio co-overflow-hidden\" id=\"top\">\n      <RevealController />\n      <div className=\"rd-loader\" aria-hidden=\"true\"><span>R</span><i /></div>\n\n      <header className=\"rd-header co-grid co-items-center\">\n        <div className=\"rd-header-meta co-flex co-items-center\"><span>Jakarta, ID</span><LocalTime /></div>\n        <a className=\"rd-wordmark\" href=\"#top\" aria-label=\"Radian Studio home\">RADIAN<span>®</span></a>\n        <nav className=\"co-flex co-items-center co-justify-end\" aria-label=\"Radian Studio navigation\">\n          <a href=\"#work\">Work</a><a href=\"#studio\">Studio</a><a href=\"#process\">Process</a><a href=\"#contact\">Contact</a>\n        </nav>\n        <details className=\"rd-mobile-menu\">\n          <summary aria-label=\"Open navigation\"><ThemeIcon name=\"hamburger-menu\" size={22} tone=\"dark\" /></summary>\n          <div className=\"co-flex co-flex-col\"><a href=\"#work\">Work</a><a href=\"#studio\">Studio</a><a href=\"#process\">Process</a><a href=\"#awards\">Recognition</a><a href=\"#contact\">Start a project</a></div>\n        </details>\n      </header>\n\n      <section className=\"rd-hero co-relative\">\n        <div className=\"rd-hero-copy rd-reveal\"><SectionLabel index=\"001\">Independent creative practice</SectionLabel><h1><span>Radian</span><em>Design Studio</em></h1></div>\n        <figure className=\"rd-hero-image co-absolute co-overflow-hidden\"><img className=\"co-w-full co-h-full co-object-cover\" src=\"/themes/radian-studio/hero.jpg\" alt=\"Abstract black sculpture on an orange background\" /></figure>\n        <div className=\"rd-hero-bottom co-absolute co-grid co-items-end\">\n          <p>Brand, digital, and motion for people who would rather make a mark than follow one.</p>\n          <RadianButton href=\"#work\">Selected work</RadianButton>\n          <div className=\"rd-hero-code co-flex co-justify-between\"><span>RD / 11</span><span>ORIGINAL SINCE 2018</span><span>SCROLL TO EXPLORE</span></div>\n        </div>\n      </section>\n\n      <section className=\"rd-marquee co-overflow-hidden\" aria-label=\"Studio capabilities\">\n        <div className=\"rd-marquee-track co-flex\"><span>IDENTITY</span><i /><span>DIGITAL</span><i /><span>MOTION</span><i /><span>CAMPAIGNS</span><i /><span>IDENTITY</span><i /><span>DIGITAL</span><i /><span>MOTION</span><i /><span>CAMPAIGNS</span><i /></div>\n      </section>\n      <section className=\"rd-marquee is-orange co-overflow-hidden\" aria-hidden=\"true\">\n        <div className=\"rd-marquee-track is-reverse co-flex\"><span>STRANGE IDEAS</span><i /><span>USEFUL SYSTEMS</span><i /><span>BRAVE RELEASES</span><i /><span>STRANGE IDEAS</span><i /><span>USEFUL SYSTEMS</span><i /><span>BRAVE RELEASES</span><i /></div>\n      </section>\n\n      <section className=\"rd-manifesto rd-reveal co-grid\" id=\"studio\">\n        <SectionLabel index=\"002\">What we believe</SectionLabel>\n        <h2>Built to be<br /><em>recognized.</em><br />Made to stay<br />relevant.</h2>\n        <div className=\"rd-manifesto-copy\"><p>Radian is an independent design practice creating clear identities and expressive digital experiences. We look for the one idea strong enough to organize everything else.</p><p>Small senior teams. Direct conversations. No theatre between the problem and the people making the answer.</p><RadianButton href=\"#contact\" inverted>Meet the studio</RadianButton></div>\n        <div className=\"rd-orbit-mark\" aria-hidden=\"true\"><span /><i /><b>R</b></div>\n      </section>\n\n      <section className=\"rd-work\" id=\"work\">\n        <div className=\"rd-work-head rd-reveal co-grid co-items-end\"><div><SectionLabel index=\"003\" tone=\"light\">Selected work</SectionLabel><h2>Five worlds.<br />No house style.</h2></div><p>Every project begins with a different tension. The outcome should look like it belongs to the client, not the studio.</p></div>\n        <div className=\"rd-project-grid co-grid\">\n          <ProjectCard wide title=\"Orbit Civic\" type=\"Public culture\" year=\"2026\" image=\"/themes/radian-studio/project-orbit.jpg\" />\n          <ProjectCard title=\"Noise Index\" type=\"Music platform\" year=\"2026\" image=\"/themes/radian-studio/project-signal.jpg\" />\n          <ProjectCard title=\"Fold Objects\" type=\"Design edition\" year=\"2025\" image=\"/themes/radian-studio/project-table.jpg\" />\n          <ProjectCard title=\"Ribbon Type\" type=\"Type experiment\" year=\"2025\" image=\"/themes/radian-studio/project-ribbon.jpg\" />\n          <ProjectCard wide title=\"Twelve Floors\" type=\"Property identity\" year=\"2024\" image=\"/themes/radian-studio/project-facade.jpg\" />\n        </div>\n      </section>\n\n      <section className=\"rd-services rd-reveal\" id=\"services\">\n        <div className=\"rd-services-head co-grid\"><SectionLabel index=\"004\">How we help</SectionLabel><h2>One idea.<br />Every surface.</h2><p>We work from the defining thought outward, connecting strategy, identity, interface, image, and motion into one recognizable system.</p></div>\n        <ServiceSelector />\n      </section>\n\n      <section className=\"rd-process\" id=\"process\">\n        <div className=\"rd-process-head co-flex co-items-end co-justify-between\"><div><SectionLabel index=\"005\">A useful process</SectionLabel><h2>Close enough to<br />make it better.</h2></div><p>Drag horizontally</p></div>\n        <div className=\"rd-process-track co-flex co-overflow-x-auto\">\n          {process.map(([number, title, copy]) => <article className=\"rd-process-card co-flex co-flex-col co-justify-between\" key={title}><div className=\"co-flex co-items-center co-justify-between\"><span>{number}</span><ThemeIcon name={number === \"01\" ? \"eye\" : number === \"02\" ? \"layers\" : number === \"03\" ? \"code\" : \"arrow-to-top-right\"} size={28} tone=\"dark\" /></div><h3>{title}</h3><p>{copy}</p><small>RADIAN METHOD · {number}</small></article>)}\n        </div>\n      </section>\n\n      <section className=\"rd-playground\">\n        <div className=\"rd-play-head co-grid\"><SectionLabel index=\"006\">Playground</SectionLabel><h2>Experiments keep<br />the system awake.</h2><p>Loose studies, material tests, type sketches, and unfinished questions from between client projects.</p></div>\n        <div className=\"rd-play-grid co-grid\">\n          <figure className=\"rd-play-image co-relative co-overflow-hidden\"><img className=\"co-w-full co-h-full co-object-cover\" src=\"/themes/radian-studio/project-ribbon.jpg\" alt=\"Orange ribbon form study\" /><figcaption>FORM / 028</figcaption></figure>\n          <div className=\"rd-play-type co-flex co-items-center co-justify-center\"><span>R</span><i>+</i><b>?</b></div>\n          <figure className=\"rd-play-image co-relative co-overflow-hidden\"><img className=\"co-w-full co-h-full co-object-cover\" src=\"/themes/radian-studio/project-signal.jpg\" alt=\"Orange and black surface experiment\" /><figcaption>SURFACE / 113</figcaption></figure>\n          <div className=\"rd-play-orbit co-flex co-items-center co-justify-center\"><span /><i /><b /></div>\n        </div>\n      </section>\n\n      <section className=\"rd-awards\" id=\"awards\">\n        <div className=\"rd-awards-head co-grid co-items-end\"><div><SectionLabel index=\"007\" tone=\"light\">A little recognition</SectionLabel><h2>The work travelled.</h2></div><strong>14</strong></div>\n        <div className=\"rd-award-list\">{awards.map(([source, title, year, count]) => <article className=\"co-grid co-items-center\" key={title}><span>{source}</span><h3>{title}</h3><b>{year}</b><em>{count}</em></article>)}</div>\n      </section>\n\n      <section className=\"rd-proof co-grid\"><div className=\"rd-proof-image co-relative co-overflow-hidden\"><img className=\"co-w-full co-h-full co-object-cover\" src=\"/themes/radian-studio/project-table.jpg\" alt=\"Orange sculptural table in a dark interior\" /></div><div className=\"rd-proof-copy\"><SectionLabel index=\"008\" tone=\"light\">Client notes</SectionLabel><TestimonialRotator /></div></section>\n\n      <section className=\"rd-faq co-grid\">\n        <div><SectionLabel index=\"009\">Useful questions</SectionLabel><h2>Before we<br />begin.</h2><p>If your question is not here, send it anyway. Good projects often start with a question we have not heard before.</p></div>\n        <div className=\"rd-faq-list\">\n          <details open><summary className=\"co-flex co-items-center co-justify-between\">What kind of projects fit Radian?<span>01</span></summary><p>Identity, digital, and campaign projects where there is a real strategic question and the ambition to make a clear public difference.</p></details>\n          <details><summary className=\"co-flex co-items-center co-justify-between\">How early should we talk?<span>02</span></summary><p>Early is useful. We can help frame the brief, define the team, and identify which decisions should happen before design begins.</p></details>\n          <details><summary className=\"co-flex co-items-center co-justify-between\">Do you work with in-house teams?<span>03</span></summary><p>Yes. Our best work often happens beside internal brand, product, and engineering teams who will carry the system forward.</p></details>\n          <details><summary className=\"co-flex co-items-center co-justify-between\">Can you build what you design?<span>04</span></summary><p>Yes. For digital projects we can deliver production-ready responsive frontend work or collaborate directly with your engineering partner.</p></details>\n        </div>\n      </section>\n\n      <section className=\"rd-contact\" id=\"contact\">\n        <div className=\"rd-contact-head rd-reveal\"><SectionLabel index=\"010\" tone=\"light\">Start something clear</SectionLabel><h2>Bring the brief.<br /><em>Keep the edges.</em></h2></div>\n        <div className=\"rd-contact-grid co-grid\">\n          <form className=\"rd-contact-form\"><label>Name<input type=\"text\" name=\"name\" placeholder=\"How should we call you?\" /></label><label>Email<input type=\"email\" name=\"email\" placeholder=\"you@company.com\" /></label><label>Project<textarea name=\"project\" rows={3} placeholder=\"What should become possible?\" /></label><button className=\"co-flex co-items-center co-justify-between\" type=\"button\"><span>Send project note</span><ThemeIcon name=\"arrow-to-top-right\" size={17} tone=\"dark\" /></button></form>\n          <aside><p>For new work</p><a className=\"co-flex co-items-center\" href=\"mailto:hello@radian.example\"><ThemeIcon name=\"letter\" size={18} tone=\"orange\" />hello@radian.example</a><p>Studio</p><span className=\"co-flex co-items-center\"><ThemeIcon name=\"map-point\" size={18} tone=\"orange\" />Jakarta · Working worldwide</span><p>Response time</p><span>Usually within two working days.</span></aside>\n        </div>\n      </section>\n\n      <footer className=\"rd-footer\">\n        <div className=\"rd-footer-top co-grid\"><a className=\"rd-wordmark\" href=\"#top\">RADIAN<span>®</span></a><p>Independent design practice for identities, digital products, and ideas that need a clear public shape.</p><nav className=\"co-grid\"><a href=\"#work\">Work</a><a href=\"#studio\">Studio</a><a href=\"#services\">Services</a><a href=\"#contact\">Contact</a></nav><a className=\"rd-footer-up co-inline-flex co-items-center co-justify-center\" href=\"#top\" aria-label=\"Back to top\"><ThemeIcon name=\"arrow-up\" size={22} tone=\"dark\" /></a></div>\n        <div className=\"rd-footer-bottom co-flex co-items-center co-justify-between\"><span>© 2026 Coordiation. All rights reserved.</span><span>Built with Coordiation CSS</span><span>Jakarta · Worldwide</span></div>\n      </footer>\n    </main>\n  );\n}\n"
    },
    {
      "path": "site/app/themes/radian-studio/preview/radian-studio.css",
      "type": "registry:style",
      "target": "app/radian-studio/radian-studio.css",
      "content": ".radian-studio{--rd-ink:#0c0d0c;--rd-paper:#f3f2ed;--rd-white:#fff;--rd-orange:#ff4b18;--rd-line:rgba(12,13,12,.22);width:100%;min-height:100vh;background:var(--rd-paper);color:var(--rd-ink);font-family:Arial,Helvetica,sans-serif;line-height:1.5}.radian-studio *,.radian-studio *::before,.radian-studio *::after{box-sizing:border-box}.radian-studio h1,.radian-studio h2,.radian-studio h3,.radian-studio p,.radian-studio figure,.radian-studio blockquote{margin:0}.radian-studio img{display:block;max-width:100%}.radian-studio a{color:inherit;text-decoration:none}.radian-studio button,.radian-studio input,.radian-studio textarea{font:inherit}\n:where(.radian-studio.co-overflow-hidden,.radian-studio .co-overflow-hidden){overflow:hidden}:where(.radian-studio .co-flex){display:flex}:where(.radian-studio .co-inline-flex){display:inline-flex}:where(.radian-studio .co-grid){display:grid}:where(.radian-studio .co-items-center){align-items:center}:where(.radian-studio .co-items-end){align-items:flex-end}:where(.radian-studio .co-justify-between){justify-content:space-between}:where(.radian-studio .co-justify-center){justify-content:center}:where(.radian-studio .co-justify-end){justify-content:flex-end}:where(.radian-studio .co-flex-col){flex-direction:column}:where(.radian-studio .co-relative){position:relative}:where(.radian-studio .co-absolute){position:absolute}:where(.radian-studio .co-w-full){width:100%}:where(.radian-studio .co-h-full){height:100%}:where(.radian-studio .co-object-cover){object-fit:cover}:where(.radian-studio .co-overflow-x-auto){overflow-x:auto}:where(.radian-studio .co-transition){transition-property:color,background-color,border-color,opacity,filter,transform}:where(.radian-studio .co-duration-300){transition-duration:300ms}:where(.radian-studio .co-duration-500){transition-duration:500ms}:where(.radian-studio .co-ease-out){transition-timing-function:cubic-bezier(.16,1,.3,1)}\n.radian-studio footer{display:block;min-height:0;padding:0;grid-template-columns:none;align-items:initial;border-top:0;color:inherit;font-size:inherit}.rd-icon{display:block;object-fit:contain}.rd-icon-light{filter:brightness(0) invert(1)}.rd-icon-orange{filter:brightness(0) saturate(100%) invert(39%) sepia(99%) saturate(3497%) hue-rotate(354deg) brightness(102%) contrast(103%)}\n.rd-loader{position:fixed;inset:0;z-index:999;background:var(--rd-orange);display:grid;place-items:center;animation:rd-loader-away .9s cubic-bezier(.8,0,.2,1) 1.1s both;pointer-events:none}.rd-loader span{font-size:clamp(5rem,18vw,15rem);font-weight:900;line-height:.8;animation:rd-loader-mark .8s ease both}.rd-loader i{position:absolute;bottom:0;left:0;height:5px;background:var(--rd-ink);animation:rd-loader-line 1s ease both}\n.rd-header{height:76px;padding:0 clamp(20px,3.2vw,56px);grid-template-columns:1fr auto 1fr;border-bottom:1px solid var(--rd-line);position:relative;z-index:20;background:var(--rd-paper)}.rd-header-meta{gap:18px;font:700 10px/1 monospace;letter-spacing:.08em;text-transform:uppercase}.rd-wordmark{font-size:21px;font-weight:900;letter-spacing:-.06em}.rd-wordmark span{color:var(--rd-orange);font:700 8px/1 monospace;vertical-align:top;margin-left:3px}.rd-header nav{gap:28px}.rd-header nav a{font-size:12px;font-weight:700}.rd-header nav a:after{content:\"\";display:block;width:0;height:2px;background:var(--rd-orange);transition:width .25s}.rd-header nav a:hover:after{width:100%}.rd-mobile-menu{display:none}\n.rd-section-label{width:100%;padding-bottom:13px;border-bottom:1px solid var(--rd-line);font:700 10px/1.2 monospace;letter-spacing:.14em;text-transform:uppercase}.rd-section-label b{font-weight:700;color:var(--rd-orange)}.rd-section-label.is-light{border-color:rgba(255,255,255,.25);color:var(--rd-white)}\n.rd-hero{min-height:850px;padding:48px clamp(20px,3.2vw,56px) 40px}.rd-hero-copy{position:relative;z-index:2}.rd-hero-copy .rd-section-label{max-width:300px}.rd-hero h1{margin:48px 0 0;font-size:clamp(74px,13.4vw,206px);line-height:.74;letter-spacing:-.09em;text-transform:uppercase}.rd-hero h1 span,.rd-hero h1 em{display:block;font-style:normal}.rd-hero h1 em{margin-left:13.5vw;color:transparent;-webkit-text-stroke:2px var(--rd-ink)}.rd-hero-image{z-index:1;width:clamp(310px,37vw,590px);height:460px;right:8vw;top:170px;border-radius:50% 50% 4% 4%;background:var(--rd-orange);transform:rotate(3deg);animation:rd-float 7s ease-in-out infinite}.rd-hero-image img{filter:saturate(.9) contrast(1.08);transform:scale(1.08)}.rd-hero-bottom{z-index:3;left:clamp(20px,3.2vw,56px);right:clamp(20px,3.2vw,56px);bottom:38px;grid-template-columns:minmax(220px,340px) 230px 1fr;gap:28px}.rd-hero-bottom>p{margin:0;max-width:310px;font-size:14px;line-height:1.55}.rd-button{min-width:210px;height:58px;padding:0 9px 0 19px;background:var(--rd-ink);color:var(--rd-white);border:1px solid var(--rd-ink);font:700 10px/1 monospace;text-transform:uppercase;letter-spacing:.1em}.rd-button i{width:39px;height:39px;border-radius:50%;background:var(--rd-orange)}.rd-button:hover{background:var(--rd-orange);border-color:var(--rd-orange);transform:translateY(-3px)}.rd-button.is-inverted{background:var(--rd-paper);color:var(--rd-ink);border-color:var(--rd-paper)}.rd-button.is-inverted i{background:var(--rd-orange)}.rd-hero-code{align-self:end;border-top:1px solid var(--rd-line);padding-top:12px;font:700 9px/1 monospace;letter-spacing:.08em}\n.rd-marquee{height:86px;background:var(--rd-ink);color:var(--rd-white);transform:rotate(-1.5deg) scale(1.03);display:flex;align-items:center}.rd-marquee.is-orange{margin-top:-2px;background:var(--rd-orange);color:var(--rd-ink);transform:rotate(1.5deg) scale(1.03)}.rd-marquee-track{width:max-content;align-items:center;gap:28px;white-space:nowrap;animation:rd-marquee 24s linear infinite}.rd-marquee-track.is-reverse{animation-direction:reverse;animation-duration:30s}.rd-marquee span{font-size:clamp(27px,3vw,49px);font-weight:900;letter-spacing:-.05em}.rd-marquee i{width:10px;height:10px;background:var(--rd-orange)}.rd-marquee.is-orange i{background:var(--rd-ink)}\n.rd-manifesto{padding:170px clamp(20px,6vw,100px);grid-template-columns:1.45fr .7fr;gap:42px 7vw;position:relative}.rd-manifesto>.rd-section-label{grid-column:1/-1}.rd-manifesto h2{margin:20px 0 0;font-size:clamp(64px,9.2vw,145px);line-height:.82;letter-spacing:-.085em;text-transform:uppercase}.rd-manifesto h2 em{font-style:normal;color:var(--rd-orange)}.rd-manifesto-copy{align-self:end;padding-bottom:12px;position:relative;z-index:2}.rd-manifesto-copy p{font-size:15px;line-height:1.65;margin:0 0 24px}.rd-manifesto-copy .rd-button{margin-top:18px}.rd-orbit-mark{position:absolute;right:1vw;top:33%;width:300px;height:300px;border:1px solid var(--rd-line);border-radius:50%;opacity:.5;animation:rd-spin 22s linear infinite}.rd-orbit-mark span,.rd-orbit-mark i{position:absolute;border:1px solid var(--rd-line);border-radius:50%;inset:28px}.rd-orbit-mark i{inset:72px}.rd-orbit-mark b{position:absolute;inset:0;display:grid;place-items:center;font-size:74px}\n.rd-work{padding:130px clamp(20px,3.2vw,56px);background:var(--rd-ink);color:var(--rd-white)}.rd-work-head{grid-template-columns:1.4fr .6fr;gap:70px;margin-bottom:70px}.rd-work-head h2{font-size:clamp(58px,8vw,126px);line-height:.82;letter-spacing:-.075em;text-transform:uppercase;margin:38px 0 0}.rd-work-head>p{max-width:420px;margin:0 0 4px;font-size:15px;line-height:1.65;color:#aaa}.rd-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.rd-project{height:640px;background:#222}.rd-project.is-wide{grid-column:1/-1;height:min(73vw,860px)}.rd-project>img{filter:grayscale(1);transform:scale(1.01)}.rd-project:hover>img{filter:grayscale(0);transform:scale(1.055)}.rd-project-shade{inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.76))}.rd-project-meta{inset:auto 0 0;padding:28px 30px}.rd-project-meta small{font:700 9px/1 monospace;text-transform:uppercase;letter-spacing:.12em;color:#ddd}.rd-project-meta h3{font-size:clamp(32px,4.2vw,70px);line-height:.95;letter-spacing:-.06em;margin:9px 0 0}.rd-project-meta a{width:52px;height:52px;border-radius:50%;background:var(--rd-orange)}\n.rd-services{padding:150px clamp(20px,6vw,100px)}.rd-services-head{grid-template-columns:1.1fr .7fr;gap:45px 8vw}.rd-services-head>.rd-section-label{grid-column:1/-1}.rd-services-head h2{font-size:clamp(58px,7.5vw,118px);line-height:.84;letter-spacing:-.075em;text-transform:uppercase;margin:45px 0 80px}.rd-services-head>p{align-self:end;margin:0 0 88px;font-size:15px;line-height:1.65}.rd-service-selector{grid-template-columns:1fr .86fr;border-top:1px solid var(--rd-ink);border-bottom:1px solid var(--rd-ink)}.rd-service-tab{width:100%;height:86px;border:0;border-bottom:1px solid var(--rd-line);padding:0 22px;background:transparent;color:var(--rd-ink);cursor:pointer;text-align:left}.rd-service-tab:last-child{border-bottom:0}.rd-service-tab>span{gap:16px;font-size:19px;font-weight:700}.rd-service-tab>b{font:700 10px/1 monospace;color:#777}.rd-service-tab.is-active{background:var(--rd-orange)}.rd-service-tab.is-active .rd-icon{transform:rotate(12deg)}.rd-service-panel{min-height:344px;background:var(--rd-ink);color:var(--rd-white);padding:44px;animation:rd-panel-in .4s ease}.rd-service-panel>span{font:700 11px/1 monospace;color:var(--rd-orange)}.rd-service-panel h3{font-size:clamp(40px,5vw,76px);line-height:.9;letter-spacing:-.055em;margin:55px 0 25px}.rd-service-panel p{max-width:540px;color:#bbb;font-size:15px;line-height:1.65}.rd-service-panel small{display:block;margin-top:38px;padding-top:16px;border-top:1px solid #3a3a3a;font:700 9px/1 monospace;letter-spacing:.1em;text-transform:uppercase}\n.rd-process{padding:130px 0 130px clamp(20px,3.2vw,56px);background:#deded8}.rd-process-head{padding-right:clamp(20px,3.2vw,56px);margin-bottom:54px}.rd-process-head>div{width:min(680px,70%)}.rd-process-head h2{font-size:clamp(55px,7vw,105px);line-height:.84;letter-spacing:-.075em;text-transform:uppercase;margin:38px 0 0}.rd-process-head>p{font:700 10px/1 monospace;text-transform:uppercase}.rd-process-track{gap:14px;padding-right:56px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--rd-orange) transparent}.rd-process-card{flex:0 0 min(420px,82vw);height:500px;padding:30px;border:1px solid var(--rd-ink);background:var(--rd-paper);scroll-snap-align:start}.rd-process-card:nth-child(2){background:var(--rd-orange)}.rd-process-card:nth-child(3){background:var(--rd-ink);color:var(--rd-white)}.rd-process-card>div>span{font:700 10px/1 monospace}.rd-process-card h3{font-size:64px;line-height:.85;letter-spacing:-.07em;margin:auto 0 22px}.rd-process-card p{font-size:14px;line-height:1.6;min-height:90px}.rd-process-card small{padding-top:18px;border-top:1px solid currentColor;font:700 9px/1 monospace;letter-spacing:.09em}\n.rd-playground{padding:150px clamp(20px,3.2vw,56px)}.rd-play-head{grid-template-columns:1fr .65fr;gap:45px 9vw}.rd-play-head>.rd-section-label{grid-column:1/-1}.rd-play-head h2{font-size:clamp(54px,7.2vw,112px);line-height:.84;letter-spacing:-.07em;text-transform:uppercase;margin:42px 0 70px}.rd-play-head>p{align-self:end;margin:0 0 76px;font-size:15px;line-height:1.6}.rd-play-grid{grid-template-columns:1.25fr .75fr .75fr 1.25fr;grid-auto-rows:420px;gap:10px}.rd-play-grid>div,.rd-play-grid>figure{background:var(--rd-ink)}.rd-play-image img{filter:grayscale(1);transition:filter .35s,transform .55s}.rd-play-image:hover img{filter:grayscale(0);transform:scale(1.05)}.rd-play-image figcaption{position:absolute;left:15px;bottom:15px;background:var(--rd-orange);padding:8px 10px;font:700 9px/1 monospace}.rd-play-type{color:var(--rd-white);font-size:clamp(52px,6vw,100px);font-weight:900;position:relative}.rd-play-type i{color:var(--rd-orange);font-style:normal}.rd-play-type b{font-weight:900;transform:translateY(50px)}.rd-play-orbit{position:relative;overflow:hidden}.rd-play-orbit span,.rd-play-orbit i,.rd-play-orbit b{position:absolute;border:2px solid var(--rd-orange);border-radius:50%;width:260px;height:260px}.rd-play-orbit i{width:175px;height:175px}.rd-play-orbit b{width:76px;height:76px;background:var(--rd-orange);animation:rd-orbit 5s linear infinite}\n.rd-awards{padding:130px clamp(20px,6vw,100px);background:var(--rd-ink);color:var(--rd-white)}.rd-awards-head{grid-template-columns:1fr auto;margin-bottom:70px}.rd-awards-head h2{font-size:clamp(54px,7.5vw,118px);line-height:.85;letter-spacing:-.07em;text-transform:uppercase;margin:42px 0 0}.rd-awards-head>strong{color:var(--rd-orange);font-size:clamp(90px,16vw,250px);line-height:.68;letter-spacing:-.1em}.rd-award-list article{grid-template-columns:1fr 2fr .35fr .2fr;gap:22px;padding:28px 0;border-top:1px solid #353535}.rd-award-list article:last-child{border-bottom:1px solid #353535}.rd-award-list span,.rd-award-list b{font:700 10px/1 monospace;text-transform:uppercase}.rd-award-list h3{font-size:clamp(20px,2.5vw,36px);margin:0}.rd-award-list em{color:var(--rd-orange);font-size:28px;font-style:normal;font-weight:900;text-align:right}\n.rd-proof{grid-template-columns:1fr 1fr;min-height:680px;background:var(--rd-orange)}.rd-proof-image img{filter:grayscale(1);transition:filter .4s}.rd-proof-image:hover img{filter:grayscale(0)}.rd-proof-copy{padding:70px clamp(25px,5vw,80px)}.rd-proof-copy .rd-section-label{color:var(--rd-ink);border-color:rgba(12,13,12,.35)}.rd-testimonial{height:100%;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr auto;gap:0 24px}.rd-quote-mark{font:900 110px/.7 Georgia,serif}.rd-testimonial blockquote{margin:70px 0 0;align-self:center}.rd-testimonial blockquote>p{font-size:clamp(34px,4.2vw,67px);font-weight:800;line-height:.96;letter-spacing:-.055em;margin:0}.rd-testimonial blockquote footer{margin-top:40px}.rd-testimonial blockquote strong,.rd-testimonial blockquote small{display:block}.rd-testimonial blockquote small{font:700 9px/1 monospace;text-transform:uppercase;margin-top:5px}.rd-quote-controls{grid-column:2;gap:8px}.rd-quote-controls button{width:44px;height:5px;background:rgba(12,13,12,.28);border:0;cursor:pointer}.rd-quote-controls button.is-active{background:var(--rd-ink)}\n.rd-faq{padding:150px clamp(20px,6vw,100px);grid-template-columns:.7fr 1fr;gap:8vw}.rd-faq h2{font-size:clamp(56px,7vw,105px);line-height:.82;letter-spacing:-.07em;text-transform:uppercase;margin:48px 0 35px}.rd-faq>div>p{font-size:15px;line-height:1.65;max-width:380px}.rd-faq-list{border-top:1px solid var(--rd-ink)}.rd-faq-list details{border-bottom:1px solid var(--rd-ink);padding:0 4px}.rd-faq-list summary{min-height:95px;cursor:pointer;font-size:21px;font-weight:700;list-style:none}.rd-faq-list summary::-webkit-details-marker{display:none}.rd-faq-list summary span{font:700 10px/1 monospace;color:var(--rd-orange)}.rd-faq-list details p{max-width:620px;margin:0 0 35px;color:#555;font-size:14px;line-height:1.65}\n.rd-contact{padding:135px clamp(20px,6vw,100px);background:var(--rd-ink);color:var(--rd-white)}.rd-contact-head h2{font-size:clamp(65px,10vw,160px);line-height:.78;letter-spacing:-.08em;text-transform:uppercase;margin:55px 0 105px}.rd-contact-head h2 em{font-style:normal;color:var(--rd-orange)}.rd-contact-grid{grid-template-columns:1.5fr .5fr;gap:10vw}.rd-contact-form label{display:block;border-top:1px solid #3a3a3a;padding:14px 0;color:#aaa;font:700 9px/1 monospace;text-transform:uppercase;letter-spacing:.09em}.rd-contact-form input,.rd-contact-form textarea{display:block;width:100%;border:0;outline:0;background:transparent;color:var(--rd-white);padding:13px 0;font-size:24px;line-height:1.3;resize:vertical}.rd-contact-form input::placeholder,.rd-contact-form textarea::placeholder{color:#686868}.rd-contact-form button{width:100%;height:68px;padding:0 20px;border:0;background:var(--rd-orange);color:var(--rd-ink);font:700 10px/1 monospace;text-transform:uppercase;cursor:pointer}.rd-contact-grid aside{border-left:1px solid #343434;padding-left:35px}.rd-contact-grid aside p{margin:0 0 12px;color:#777;font:700 9px/1 monospace;text-transform:uppercase}.rd-contact-grid aside a,.rd-contact-grid aside span{gap:11px;margin-bottom:38px;font-size:14px;line-height:1.5}.rd-contact-grid aside a:hover{color:var(--rd-orange)}\n.rd-footer{display:block;width:100%;min-height:0;padding:80px clamp(20px,3.2vw,56px) 30px;border-top:0;background:var(--rd-white);color:var(--rd-ink);font-size:inherit}.rd-footer-top{width:100%;grid-template-columns:1fr 1.35fr .85fr auto;gap:clamp(34px,5vw,84px);align-items:start}.rd-footer-top>.rd-wordmark{font-size:38px}.rd-footer-top>p{max-width:450px;margin:0;font-size:15px;line-height:1.6}.rd-footer-top nav{grid-template-columns:1fr 1fr;gap:16px 35px}.rd-footer-top nav a{font-size:13px;font-weight:700}.rd-footer-up{width:54px;height:54px;border-radius:50%;background:var(--rd-orange)}.rd-footer-bottom{width:100%;margin-top:75px;padding-top:22px;border-top:1px solid var(--rd-line);font:700 9px/1.4 monospace;text-transform:uppercase;letter-spacing:.07em}\n.rd-reveal{opacity:0;transform:translateY(42px);transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1)}.rd-reveal.is-visible{opacity:1;transform:none}\n@keyframes rd-loader-away{to{transform:translateY(-105%);visibility:hidden}}@keyframes rd-loader-mark{from{transform:scale(.4) rotate(-22deg);opacity:0}to{transform:scale(1);opacity:1}}@keyframes rd-loader-line{from{width:0}to{width:100%}}@keyframes rd-float{0%,100%{transform:rotate(3deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-18px)}}@keyframes rd-marquee{to{transform:translateX(-50%)}}@keyframes rd-spin{to{transform:rotate(360deg)}}@keyframes rd-panel-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes rd-orbit{to{transform:rotate(360deg) translateX(100px) rotate(-360deg)}}\n@media(max-width:960px){.rd-header{grid-template-columns:1fr auto}.rd-header-meta{display:none}.rd-header nav{display:none}.rd-mobile-menu{display:block;justify-self:end}.rd-mobile-menu summary{list-style:none;cursor:pointer}.rd-mobile-menu summary::-webkit-details-marker{display:none}.rd-mobile-menu>div{position:absolute;right:20px;top:62px;width:min(310px,calc(100vw - 40px));padding:20px;background:var(--rd-ink);color:var(--rd-white);gap:0}.rd-mobile-menu a{padding:14px;border-bottom:1px solid #333;font-size:15px}.rd-hero{min-height:760px}.rd-hero-image{right:4vw;top:225px;height:360px}.rd-hero-bottom{grid-template-columns:1fr auto}.rd-hero-code{grid-column:1/-1}.rd-manifesto,.rd-services-head,.rd-play-head,.rd-faq{grid-template-columns:1fr}.rd-manifesto-copy{max-width:620px}.rd-service-selector{grid-template-columns:1fr}.rd-play-grid{grid-template-columns:1fr 1fr}.rd-proof{grid-template-columns:1fr}.rd-proof-image{height:520px}.rd-contact-grid{grid-template-columns:1fr}.rd-contact-grid aside{border-left:0;border-top:1px solid #343434;padding:35px 0 0}.rd-footer-top{grid-template-columns:1fr 1fr}.rd-footer-up{grid-column:2;justify-self:end}.rd-award-list article{grid-template-columns:1fr 1.5fr .3fr .2fr}}\n@media(max-width:640px){.rd-header{height:66px;padding:0 20px}.rd-hero{min-height:760px;padding:30px 20px}.rd-hero h1{font-size:clamp(58px,20vw,90px);margin-top:34px}.rd-hero h1 em{margin:5px 0 0;-webkit-text-stroke:1px var(--rd-ink)}.rd-hero-image{width:70vw;height:285px;right:-8vw;top:285px}.rd-hero-bottom{left:20px;right:20px;bottom:25px;grid-template-columns:1fr}.rd-hero-bottom>p{max-width:270px}.rd-hero-bottom .rd-button{width:100%}.rd-hero-code{display:none}.rd-marquee{height:66px}.rd-marquee span{font-size:25px}.rd-manifesto,.rd-work,.rd-services,.rd-playground,.rd-awards,.rd-faq,.rd-contact{padding:95px 20px}.rd-manifesto h2,.rd-work-head h2,.rd-services-head h2,.rd-process-head h2,.rd-play-head h2,.rd-awards-head h2,.rd-faq h2{font-size:clamp(48px,16vw,70px)}.rd-orbit-mark{display:none}.rd-work-head{grid-template-columns:1fr;gap:35px}.rd-project-grid{grid-template-columns:1fr}.rd-project,.rd-project.is-wide{grid-column:auto;height:118vw;max-height:600px}.rd-project-meta{padding:20px}.rd-services-head h2,.rd-play-head h2{margin-bottom:35px}.rd-services-head>p,.rd-play-head>p{margin-bottom:55px}.rd-service-tab{height:72px;padding:0 13px}.rd-service-tab>span{font-size:16px}.rd-service-panel{padding:30px 22px}.rd-process{padding:90px 0 90px 20px}.rd-process-head{display:block;padding-right:20px}.rd-process-head>div{width:100%}.rd-process-head>p{margin-top:25px}.rd-process-card{height:430px}.rd-play-grid{grid-template-columns:1fr;grid-auto-rows:330px}.rd-awards-head{grid-template-columns:1fr}.rd-awards-head>strong{margin-top:55px}.rd-award-list article{grid-template-columns:1fr auto;gap:10px;padding:24px 0}.rd-award-list h3{grid-column:1/-1;grid-row:2}.rd-award-list em{display:none}.rd-proof-image{height:95vw}.rd-proof-copy{padding:55px 20px}.rd-testimonial{grid-template-columns:1fr}.rd-quote-mark{display:none}.rd-testimonial blockquote{margin-top:60px}.rd-quote-controls{grid-column:1;margin-top:55px}.rd-faq{gap:50px}.rd-faq-list summary{min-height:82px;font-size:17px}.rd-contact-head h2{margin-bottom:70px}.rd-contact-form input,.rd-contact-form textarea{font-size:19px}.rd-footer{padding:65px 20px 24px}.rd-footer-top{grid-template-columns:1fr}.rd-footer-up{grid-column:1;justify-self:start}.rd-footer-bottom{align-items:flex-start;flex-direction:column;gap:12px}}\n@media(prefers-reduced-motion:reduce){.rd-loader{display:none}.rd-hero-image,.rd-marquee-track,.rd-orbit-mark,.rd-play-orbit b{animation:none}.rd-reveal{opacity:1;transform:none;transition:none}.rd-project>img,.rd-play-image img{transition:none}}\n"
    },
    {
      "path": "site/app/themes/radian-studio/preview/ThemeIcon.tsx",
      "type": "registry:component",
      "target": "app/radian-studio/ThemeIcon.tsx",
      "content": "const icons = {\n  \"arrow-right\": \"/icons/solar-linear/arrow-right.svg\",\n  \"arrow-to-top-right\": \"/icons/solar-linear/arrow-to-top-right.svg\",\n  \"arrow-up\": \"/icons/solar-linear/arrow-up.svg\",\n  \"hamburger-menu\": \"/icons/solar-linear/hamburger-menu.svg\",\n  \"close-circle\": \"/icons/solar-linear/close-circle.svg\",\n  \"letter\": \"/icons/solar-linear/letter.svg\",\n  \"map-point\": \"/icons/solar-linear/map-point.svg\",\n  \"phone\": \"/icons/solar-linear/phone-calling-rounded.svg\",\n  \"play-circle\": \"/icons/solar-linear/play-circle.svg\",\n  \"palette\": \"/icons/solar-linear/palette.svg\",\n  \"code\": \"/icons/solar-linear/code.svg\",\n  \"layers\": \"/icons/solar-linear/layers-minimalistic.svg\",\n  \"star\": \"/icons/solar-linear/star.svg\",\n  \"calendar\": \"/icons/solar-linear/calendar.svg\",\n  \"global\": \"/icons/solar-linear/global.svg\",\n  \"eye\": \"/icons/solar-linear/eye.svg\",\n  \"gallery\": \"/icons/solar-linear/gallery-minimalistic.svg\",\n} as const;\n\nexport type ThemeIconName = keyof typeof icons;\n\nexport default function ThemeIcon({\n  name,\n  size = 18,\n  tone = \"dark\",\n}: {\n  name: ThemeIconName;\n  size?: number;\n  tone?: \"dark\" | \"light\" | \"orange\";\n}) {\n  return (\n    <img\n      className={`rd-icon rd-icon-${tone}`}\n      src={icons[name]}\n      width={size}\n      height={size}\n      alt=\"\"\n      aria-hidden=\"true\"\n    />\n  );\n}\n"
    },
    {
      "path": "site/app/themes/radian-studio/preview/DashboardComponents.tsx",
      "type": "registry:component",
      "target": "app/radian-studio/DashboardComponents.tsx",
      "content": "\"use client\";\n\nimport { useEffect, useState, type ReactNode } from \"react\";\nimport ThemeIcon, { type ThemeIconName } from \"./ThemeIcon\";\n\nexport function RadianButton({ href, children, inverted = false }: { href: string; children: ReactNode; inverted?: boolean }) {\n  return (\n    <a className={`rd-button co-inline-flex co-items-center co-justify-between co-transition co-duration-300 co-ease-out${inverted ? \" is-inverted\" : \"\"}`} href={href}>\n      <span>{children}</span>\n      <i className=\"co-inline-flex co-items-center co-justify-center\">\n        <ThemeIcon name=\"arrow-to-top-right\" size={15} tone={inverted ? \"dark\" : \"light\"} />\n      </i>\n    </a>\n  );\n}\n\nexport function SectionLabel({ index, children, tone = \"dark\" }: { index: string; children: ReactNode; tone?: \"dark\" | \"light\" }) {\n  return <p className={`rd-section-label is-${tone} co-flex co-items-center co-justify-between`}><span>{children}</span><b>{index}</b></p>;\n}\n\nexport function ProjectCard({ title, type, year, image, wide = false }: { title: string; type: string; year: string; image: string; wide?: boolean }) {\n  return (\n    <article className={`rd-project co-relative co-overflow-hidden${wide ? \" is-wide\" : \"\"}`}>\n      <img className=\"co-w-full co-h-full co-object-cover co-transition co-duration-500 co-ease-out\" src={image} alt=\"\" />\n      <div className=\"rd-project-shade co-absolute\" />\n      <div className=\"rd-project-meta co-absolute co-flex co-items-end co-justify-between\">\n        <div><small>{type} · {year}</small><h3>{title}</h3></div>\n        <a className=\"co-inline-flex co-items-center co-justify-center\" href=\"#contact\" aria-label={`Discuss ${title}`}><ThemeIcon name=\"arrow-to-top-right\" size={17} tone=\"dark\" /></a>\n      </div>\n    </article>\n  );\n}\n\nconst services = [\n  { name: \"Brand systems\", icon: \"palette\" as ThemeIconName, number: \"01\", copy: \"Distinct identities, verbal systems, and flexible visual rules that stay coherent as the company grows.\", output: \"Strategy · Identity · Guidelines\" },\n  { name: \"Digital products\", icon: \"code\" as ThemeIconName, number: \"02\", copy: \"Useful interfaces and expressive websites designed around real decisions, not decorative screens.\", output: \"UX · Interface · Development\" },\n  { name: \"Motion direction\", icon: \"play-circle\" as ThemeIconName, number: \"03\", copy: \"Kinetic identities and motion principles that make digital brands feel alive without creating noise.\", output: \"Motion · Prototypes · Toolkits\" },\n  { name: \"Campaign worlds\", icon: \"gallery\" as ThemeIconName, number: \"04\", copy: \"Flexible campaign art direction that travels clearly across launch films, social moments, and physical space.\", output: \"Concept · Content · Rollout\" },\n];\n\nexport function ServiceSelector() {\n  const [active, setActive] = useState(0);\n  const service = services[active];\n  return (\n    <div className=\"rd-service-selector co-grid\">\n      <div className=\"rd-service-tabs\" role=\"tablist\" aria-label=\"Studio services\">\n        {services.map((item, index) => (\n          <button className={`rd-service-tab co-flex co-items-center co-justify-between${active === index ? \" is-active\" : \"\"}`} role=\"tab\" aria-selected={active === index} onClick={() => setActive(index)} key={item.name}>\n            <span className=\"co-flex co-items-center\"><ThemeIcon name={item.icon} size={21} tone=\"dark\" />{item.name}</span><b>{item.number}</b>\n          </button>\n        ))}\n      </div>\n      <article className=\"rd-service-panel\" role=\"tabpanel\" key={service.name}>\n        <span>{service.number}</span><h3>{service.name}</h3><p>{service.copy}</p><small>{service.output}</small>\n      </article>\n    </div>\n  );\n}\n\nconst testimonials = [\n  [\"Radian made a complicated product feel like one sharp idea. The identity works just as hard as the platform.\", \"Mira Adhi\", \"Founder, Aera\"],\n  [\"They found the brave answer without losing the useful one. Our team still uses the system every day.\", \"Jonas Keller\", \"Product lead, Northline\"],\n  [\"Every review moved the work forward. Nothing felt performative, and the launch finally sounded like us.\", \"Nadia Putri\", \"Director, Loom Works\"],\n];\n\nexport function TestimonialRotator() {\n  const [active, setActive] = useState(0);\n  useEffect(() => {\n    if (window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches) return;\n    const timer = window.setInterval(() => setActive((value) => (value + 1) % testimonials.length), 6500);\n    return () => window.clearInterval(timer);\n  }, []);\n  const [quote, name, role] = testimonials[active];\n  return (\n    <div className=\"rd-testimonial co-grid\">\n      <span className=\"rd-quote-mark\">“</span>\n      <blockquote key={quote}><p>{quote}</p><footer><strong>{name}</strong><small>{role}</small></footer></blockquote>\n      <div className=\"rd-quote-controls co-flex co-items-center\">\n        {testimonials.map((item, index) => <button key={item[1]} className={active === index ? \"is-active\" : \"\"} onClick={() => setActive(index)} aria-label={`Show quote ${index + 1}`} />)}\n      </div>\n    </div>\n  );\n}\n\nexport function RevealController() {\n  useEffect(() => {\n    const nodes = Array.from(document.querySelectorAll<HTMLElement>(\".rd-reveal\"));\n    if (window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches) {\n      nodes.forEach((node) => node.classList.add(\"is-visible\"));\n      return;\n    }\n    const observer = new IntersectionObserver((entries) => {\n      entries.forEach((entry) => {\n        if (entry.isIntersecting) {\n          entry.target.classList.add(\"is-visible\");\n          observer.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.14 });\n    nodes.forEach((node) => observer.observe(node));\n    return () => observer.disconnect();\n  }, []);\n  return null;\n}\n\nexport function LocalTime() {\n  const [time, setTime] = useState(\"WIB 00:00\");\n  useEffect(() => {\n    const format = () => setTime(`WIB ${new Intl.DateTimeFormat(\"en-GB\", { timeZone: \"Asia/Jakarta\", hour: \"2-digit\", minute: \"2-digit\", hour12: false }).format(new Date())}`);\n    format();\n    const timer = window.setInterval(format, 30000);\n    return () => window.clearInterval(timer);\n  }, []);\n  return <span>{time}</span>;\n}\n"
    },
    {
      "path": "site/public/icons/solar-linear/arrow-right.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/arrow-right.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-arrow-right-linear\"><path d=\"M4 12H20M14 18L20 12L14 6\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/arrow-to-top-right.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/arrow-to-top-right.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-arrow-to-top-right-linear\"><path d=\"M17 9.5L12 4.5L7 9.5M12 4.5C12 4.5 12 12.8333 12 14.5C12 16.1667 13 19.5 17 19.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/arrow-up.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/arrow-up.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-arrow-up-linear\"><path d=\"M12 20L12 4M6 10L12 4L18 10\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/hamburger-menu.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/hamburger-menu.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-hamburger-menu-linear\"><path d=\"M20 7L4 7\" stroke=\"currentColor\" stroke-linecap=\"round\"/>\n<path d=\"M20 12L4 12\" stroke=\"currentColor\" stroke-linecap=\"round\"/>\n<path d=\"M20 17L4 17\" stroke=\"currentColor\" stroke-linecap=\"round\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/close-circle.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/close-circle.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-close-circle-linear\"><circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\"/>\n<path d=\"M14.5 9.50002L9.5 14.5M9.49998 9.5L14.5 14.5\" stroke=\"currentColor\" stroke-linecap=\"round\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/letter.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/letter.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-letter-linear\"><path d=\"M2 12C2 8.22876 2 6.34315 3.17157 5.17157C4.34315 4 6.22876 4 10 4H14C17.7712 4 19.6569 4 20.8284 5.17157C22 6.34315 22 8.22876 22 12C22 15.7712 22 17.6569 20.8284 18.8284C19.6569 20 17.7712 20 14 20H10C6.22876 20 4.34315 20 3.17157 18.8284C2 17.6569 2 15.7712 2 12Z\" stroke=\"currentColor\"/>\n<path d=\"M6 8L8.1589 9.79908C9.99553 11.3296 10.9139 12.0949 12 12.0949C13.0861 12.0949 14.0045 11.3296 15.8411 9.79908L18 8\" stroke=\"currentColor\" stroke-linecap=\"round\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/map-point.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/map-point.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-map-point-linear\"><path d=\"M4 10.1433C4 5.64588 7.58172 2 12 2C16.4183 2 20 5.64588 20 10.1433C20 14.6055 17.4467 19.8124 13.4629 21.6744C12.5343 22.1085 11.4657 22.1085 10.5371 21.6744C6.55332 19.8124 4 14.6055 4 10.1433Z\" stroke=\"currentColor\"/>\n<circle cx=\"12\" cy=\"10\" r=\"3\" stroke=\"currentColor\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/phone-calling-rounded.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/phone-calling-rounded.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-phone-calling-rounded-linear\"><path d=\"M14 2C14 2 16.2 2.2 19 5C21.8 7.8 22 10 22 10\" stroke=\"currentColor\" stroke-linecap=\"round\"/>\n<path d=\"M14.207 5.53564C14.207 5.53564 15.197 5.81849 16.6819 7.30341C18.1668 8.78834 18.4497 9.77829 18.4497 9.77829\" stroke=\"currentColor\" stroke-linecap=\"round\"/>\n<path d=\"M10.0376 5.31617L10.6866 6.4791C11.2723 7.52858 11.0372 8.90533 10.1147 9.8278C10.1147 9.8278 8.99578 10.9467 11.0245 12.9755C13.0532 15.0042 14.1722 13.8853 14.1722 13.8853C15.0947 12.9628 16.4714 12.7277 17.5209 13.3134L18.6838 13.9624C20.2686 14.8468 20.4557 17.0692 19.0628 18.4622C18.2258 19.2992 17.2004 19.9505 16.0669 19.9934C14.1588 20.0658 10.9183 19.5829 7.6677 16.3323C4.41713 13.0817 3.93421 9.84122 4.00655 7.93309C4.04952 6.7996 4.7008 5.77423 5.53781 4.93723C6.93076 3.54428 9.15317 3.73144 10.0376 5.31617Z\" stroke=\"currentColor\" stroke-linecap=\"round\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/play-circle.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/play-circle.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-play-circle-linear\"><circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\"/>\n<path d=\"M15.4137 10.941C16.1954 11.4026 16.1954 12.5974 15.4137 13.059L10.6935 15.8458C9.93371 16.2944 9 15.7105 9 14.7868L9 9.21316C9 8.28947 9.93371 7.70561 10.6935 8.15419L15.4137 10.941Z\" stroke=\"currentColor\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/palette.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/palette.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-palette-linear\"><path d=\"M2 6C2 4.59987 2 3.8998 2.27248 3.36502C2.51217 2.89462 2.89462 2.51217 3.36502 2.27248C3.8998 2 4.59987 2 6 2C7.40013 2 8.1002 2 8.63498 2.27248C9.10538 2.51217 9.48783 2.89462 9.72752 3.36502C10 3.8998 10 4.59987 10 6V18C10 19.4001 10 20.1002 9.72752 20.635C9.48783 21.1054 9.10538 21.4878 8.63498 21.7275C8.1002 22 7.40013 22 6 22C4.59987 22 3.8998 22 3.36502 21.7275C2.89462 21.4878 2.51217 21.1054 2.27248 20.635C2 20.1002 2 19.4001 2 18V6Z\" stroke=\"currentColor\"/>\n<path d=\"M7 19H5\" stroke=\"currentColor\" stroke-linecap=\"round\"/>\n<path d=\"M13.3137 4.929L11.1716 7.07109C10.5935 7.64915 10.3045 7.93818 10.1522 8.30573C10 8.67327 10 9.08202 10 9.89952L10 19.5564L18.9705 10.5859C19.9606 9.59581 20.4556 9.10079 20.6411 8.52997C20.8042 8.02786 20.8042 7.48699 20.6411 6.98489C20.4556 6.41406 19.9606 5.91904 18.9705 4.929C17.9805 3.93896 17.4855 3.44394 16.9146 3.25847C16.4125 3.09532 15.8717 3.09532 15.3695 3.25847C14.7987 3.44394 14.3037 3.93896 13.3137 4.929Z\" stroke=\"currentColor\"/>\n<path d=\"M6 22L18 22C19.4001 22 20.1002 22 20.635 21.7275C21.1054 21.4878 21.4878 21.1054 21.7275 20.635C22 20.1002 22 19.4001 22 18C22 16.5999 22 15.8998 21.7275 15.365C21.4878 14.8946 21.1054 14.5122 20.635 14.2725C20.1002 14 19.4001 14 18 14L15.5 14\" stroke=\"currentColor\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/code.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/code.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-code-linear\"><path d=\"M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296\" stroke=\"currentColor\" stroke-linecap=\"round\"/>\n<path d=\"M13.9868 5L12 12.4149L10.0132 19.8297\" stroke=\"currentColor\" stroke-linecap=\"round\"/>\n<path d=\"M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296\" stroke=\"currentColor\" stroke-linecap=\"round\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/layers-minimalistic.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/layers-minimalistic.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-layers-minimalistic-linear\"><path d=\"M4.97883 9.68508C2.99294 8.89073 2 8.49355 2 8C2 7.50645 2.99294 7.10927 4.97883 6.31492L7.7873 5.19153C9.77318 4.39718 10.7661 4 12 4C13.2339 4 14.2268 4.39718 16.2127 5.19153L19.0212 6.31492C21.0071 7.10927 22 7.50645 22 8C22 8.49355 21.0071 8.89073 19.0212 9.68508L16.2127 10.8085C14.2268 11.6028 13.2339 12 12 12C10.7661 12 9.77318 11.6028 7.7873 10.8085L4.97883 9.68508Z\" stroke=\"currentColor\"/>\n<path d=\"M22 12C22 12 21.0071 12.8907 19.0212 13.6851L16.2127 14.8085C14.2268 15.6028 13.2339 16 12 16C10.7661 16 9.77318 15.6028 7.7873 14.8085L4.97883 13.6851C2.99294 12.8907 2 12 2 12\" stroke=\"currentColor\" stroke-linecap=\"round\"/>\n<path d=\"M22 16C22 16 21.0071 16.8907 19.0212 17.6851L16.2127 18.8085C14.2268 19.6028 13.2339 20 12 20C10.7661 20 9.77318 19.6028 7.7873 18.8085L4.97883 17.6851C2.99294 16.8907 2 16 2 16\" stroke=\"currentColor\" stroke-linecap=\"round\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/star.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/star.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-star-linear\"><path d=\"M9.15316 5.40838C10.4198 3.13613 11.0531 2 12 2C12.9469 2 13.5802 3.13612 14.8468 5.40837L15.1745 5.99623C15.5345 6.64193 15.7144 6.96479 15.9951 7.17781C16.2757 7.39083 16.6251 7.4699 17.3241 7.62805L17.9605 7.77203C20.4201 8.32856 21.65 8.60682 21.9426 9.54773C22.2352 10.4886 21.3968 11.4691 19.7199 13.4299L19.2861 13.9372C18.8096 14.4944 18.5713 14.773 18.4641 15.1177C18.357 15.4624 18.393 15.8341 18.465 16.5776L18.5306 17.2544C18.7841 19.8706 18.9109 21.1787 18.1449 21.7602C17.3788 22.3417 16.2273 21.8115 13.9243 20.7512L13.3285 20.4768C12.6741 20.1755 12.3469 20.0248 12 20.0248C11.6531 20.0248 11.3259 20.1755 10.6715 20.4768L10.0757 20.7512C7.77268 21.8115 6.62118 22.3417 5.85515 21.7602C5.08912 21.1787 5.21588 19.8706 5.4694 17.2544L5.53498 16.5776C5.60703 15.8341 5.64305 15.4624 5.53586 15.1177C5.42868 14.773 5.19043 14.4944 4.71392 13.9372L4.2801 13.4299C2.60325 11.4691 1.76482 10.4886 2.05742 9.54773C2.35002 8.60682 3.57986 8.32856 6.03954 7.77203L6.67589 7.62805C7.37485 7.4699 7.72433 7.39083 8.00494 7.17781C8.28555 6.96479 8.46553 6.64194 8.82547 5.99623L9.15316 5.40838Z\" stroke=\"currentColor\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/calendar.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/calendar.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-calendar-linear\"><path d=\"M2 12C2 8.22876 2 6.34315 3.17157 5.17157C4.34315 4 6.22876 4 10 4H14C17.7712 4 19.6569 4 20.8284 5.17157C22 6.34315 22 8.22876 22 12V14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14V12Z\" stroke=\"currentColor\"/>\n<path d=\"M7 4V2.5\" stroke=\"currentColor\" stroke-linecap=\"round\"/>\n<path d=\"M17 4V2.5\" stroke=\"currentColor\" stroke-linecap=\"round\"/>\n<path d=\"M2.5 9H21.5\" stroke=\"currentColor\" stroke-linecap=\"round\"/>\n<path d=\"M17 13H17.0001\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M12 13H12.0001\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M7 13H7.0001\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M17 17.0234H17.0001\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M12 17.0234H12.0001\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M7 17.0234H7.0001\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/global.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/global.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-global-linear\"><path d=\"M22 12C22 13.3132 21.7413 14.6136 21.2388 15.8268C20.7362 17.0401 19.9997 18.1425 19.0711 19.0711C18.1425 19.9997 17.0401 20.7362 15.8268 21.2388C14.6136 21.7413 13.3132 22 12 22C10.6868 22 9.38642 21.7413 8.17317 21.2388C6.95991 20.7362 5.85752 19.9997 4.92893 19.0711C4.00035 18.1425 3.26375 17.0401 2.7612 15.8268C2.25866 14.6136 2 13.3132 2 12C2 10.6868 2.25866 9.38642 2.76121 8.17316C3.26375 6.95991 4.00035 5.85752 4.92893 4.92893C5.85752 4.00035 6.95991 3.26375 8.17317 2.7612C9.38642 2.25866 10.6868 2 12 2C13.3132 2 14.6136 2.25866 15.8268 2.76121C17.0401 3.26375 18.1425 4.00035 19.0711 4.92893C19.9997 5.85752 20.7362 6.95991 21.2388 8.17317C21.7413 9.38642 22 10.6868 22 12L22 12Z\" stroke=\"currentColor\"/>\n<path d=\"M16 12C16 13.3132 15.8965 14.6136 15.6955 15.8268C15.4945 17.0401 15.1999 18.1425 14.8284 19.0711C14.457 19.9997 14.016 20.7362 13.5307 21.2388C13.0454 21.7413 12.5253 22 12 22C11.4747 22 10.9546 21.7413 10.4693 21.2388C9.98396 20.7362 9.54301 19.9997 9.17157 19.0711C8.80014 18.1425 8.5055 17.0401 8.30448 15.8268C8.10346 14.6136 8 13.3132 8 12C8 10.6868 8.10346 9.38642 8.30448 8.17316C8.5055 6.95991 8.80014 5.85752 9.17157 4.92893C9.54301 4.00035 9.98396 3.26375 10.4693 2.7612C10.9546 2.25866 11.4747 2 12 2C12.5253 2 13.0454 2.25866 13.5307 2.76121C14.016 3.26375 14.457 4.00035 14.8284 4.92893C15.1999 5.85752 15.4945 6.95991 15.6955 8.17317C15.8965 9.38642 16 10.6868 16 12L16 12Z\" stroke=\"currentColor\"/>\n<path d=\"M2 12H22\" stroke=\"currentColor\" stroke-linecap=\"round\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/eye.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/eye.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-eye-linear\"><path d=\"M3.27489 15.2957C2.42496 14.1915 2 13.6394 2 12C2 10.3606 2.42496 9.80853 3.27489 8.70433C4.97196 6.49956 7.81811 4 12 4C16.1819 4 19.028 6.49956 20.7251 8.70433C21.575 9.80853 22 10.3606 22 12C22 13.6394 21.575 14.1915 20.7251 15.2957C19.028 17.5004 16.1819 20 12 20C7.81811 20 4.97196 17.5004 3.27489 15.2957Z\" stroke=\"currentColor\"/>\n<path d=\"M15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12Z\" stroke=\"currentColor\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/gallery-minimalistic.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/gallery-minimalistic.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-gallery-minimalistic-linear\"><path d=\"M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12Z\" stroke=\"currentColor\"/>\n<circle cx=\"16\" cy=\"8\" r=\"2\" stroke=\"currentColor\"/>\n<path d=\"M5 13.307L5.81051 12.5542C6.73658 11.6941 8.18321 11.7424 9.04988 12.6623L11.6974 15.4727C12.2356 16.0439 13.1166 16.1209 13.7457 15.6516C14.6522 14.9753 15.9144 15.0522 16.7322 15.8334L19 18\" stroke=\"currentColor\" stroke-linecap=\"round\"/></svg>"
    }
  ],
  "docs": "/docs/themes#radian-studio",
  "meta": {
    "status": "stable",
    "copyright": "Coordiation",
    "framework": "Next.js App Router",
    "style": "kinetic editorial independent design studio",
    "palette": "warm white, near black and signal orange",
    "namespace": "radian-studio",
    "classPrefix": "rd-",
    "preview": "/themes/radian-studio/preview",
    "cover": "/themes/radian-studio/hero.jpg",
    "components": [
      "RadianButton",
      "SectionLabel",
      "ProjectCard",
      "ServiceSelector",
      "TestimonialRotator",
      "RevealController",
      "LocalTime",
      "ThemeIcon"
    ],
    "sections": [
      "header",
      "hero",
      "capability marquees",
      "manifesto",
      "selected work",
      "interactive services",
      "horizontal process",
      "playground",
      "recognition",
      "client notes",
      "FAQ",
      "project enquiry",
      "footer"
    ],
    "assets": [
      "/themes/radian-studio/hero.jpg",
      "/themes/radian-studio/project-orbit.jpg",
      "/themes/radian-studio/project-signal.jpg",
      "/themes/radian-studio/project-ribbon.jpg",
      "/themes/radian-studio/project-table.jpg",
      "/themes/radian-studio/project-facade.jpg"
    ],
    "frameworkName": "Coordiation CSS",
    "sourceOwnership": "open-code"
  }
}
