@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#151315;--panel:#211c20;--text:#f7f1f4;--muted:#b2a6ae;--line:#3d333b;--lime:#f5c9df;--paper:#faf4f7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--bg);color:var(--text);font:15px 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,summary{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:5px}.wrap{width:min(1240px,88%);margin:auto}header{height:99px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 6%;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;font:800 28px/1 Manrope,sans-serif;letter-spacing:-1.6px}.brand img{width:47px;height:47px;object-fit:cover;border-radius:50%}.brand small{display:block;font:500 7px 'DM Sans',sans-serif;letter-spacing:4.8px;margin-top:8px;color:#cbbbc6}nav{display:flex;gap:35px;font-size:12px;color:#bfb1bb}nav a:hover{color:var(--lime)}.nav-cta{font-size:12px;border-bottom:1px solid #8b667e;padding:10px 0}#menu{display:none}.hero{display:grid;grid-template-columns:1.2fr 1fr;padding-top:65px;position:relative}.eyebrow,.label,.tiny{font-size:9px;font-weight:500;letter-spacing:1.6px}.eyebrow{display:flex;align-items:center;gap:9px}i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px #d0f14550;flex-shrink:0}.hero-copy{z-index:1}h1{font:600 clamp(70px,8.2vw,122px)/1.02 Manrope,Arial,sans-serif;letter-spacing:-7px;margin:30px 0 24px}em{font-style:normal;color:var(--lime)}p{margin:0}.hero-copy>p{color:var(--muted);font-size:16px;line-height:1.8}.actions{display:flex;align-items:center;gap:27px;margin-top:30px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;padding:18px 23px;font-size:12px;font-weight:600;border:0;border-radius:2px;background:var(--lime);color:#2b1a25;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#ffe0ef}.button.dark{background:var(--bg);color:var(--text)}.button.dark:hover{background:#3c2b36}.quiet{display:inline-flex;align-items:center;font-size:12px;padding:10px 0;border-bottom:1px solid transparent}.quiet:hover{border-color:currentColor}.art{height:460px;position:relative;margin-top:5px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#61742a35,transparent 65%)}.grid{position:absolute;inset:0;background-image:linear-gradient(#9dae5b0a 1px,transparent 1px),linear-gradient(90deg,#9dae5b0a 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse,#000,transparent 70%)}.ring{position:absolute;left:15%;top:9%;width:73%;height:80%;border-radius:50%;border:1px solid #94ac5770;transform:rotate(-35deg) rotateY(43deg);box-shadow:inset 8px 1px 14px #f5c9df12,2px 0 3px #f5c9df40;animation:float 8s ease-in-out infinite}.r1{border-width:12px 1px 2px 14px;border-color:#e1ffa5 #758e3f #5e7432 #b7d978;filter:drop-shadow(0 0 18px #a5c45633)}.r2{transform:rotate(30deg) rotateY(50deg);animation-delay:-2s}.r3{transform:rotate(90deg) rotateY(55deg);animation-delay:-4s}.core{position:absolute;inset:30% 0 auto;text-align:center;font:600 115px/1 Manrope,sans-serif;letter-spacing:-8px;color:#deefbb;text-shadow:0 0 65px #bded6b50}.core small{display:block;font:8px 'DM Sans',sans-serif;letter-spacing:3px;margin-top:19px;color:#bac5a7}.art-label,.art-bottom{position:absolute;font:8px/1.7 monospace;letter-spacing:1px;color:#a8b494}.art-label{top:15px;left:30px}.art-bottom{bottom:15px;right:10px}.hero-foot{grid-column:1/-1;display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding:23px 0;margin-top:49px;font-size:8px;letter-spacing:1.3px;color:var(--muted)}.hero-foot>a{color:var(--text)}.strip{border-block:1px solid var(--line);background:#1e191d;padding:26px 0}.strip>.wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:15px;letter-spacing:-.2px}.strip b{color:var(--lime);font-size:22px;font-weight:400}.section{padding:85px 0}.label{display:flex;justify-content:space-between;color:var(--muted);margin-bottom:33px}.heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:40px}h2,h3,h4{margin:0}h2{font:500 clamp(38px,4.5vw,63px)/1.1 Manrope,sans-serif;letter-spacing:-3px}h2 em{color:#b19caa}.heading>p{max-width:330px;font-size:14px;color:var(--muted);line-height:1.8}.work{background:var(--paper);color:#2b2027}.work .label,.work .heading>p{color:#786571}.work h2 em{color:#a57d95}.project{display:grid;grid-template-columns:1fr 2fr;background:#f0e0e9;border:1px solid #e4cbd9;border-radius:6px;overflow:hidden}.project-side{padding:35px 30px;display:flex;flex-direction:column;align-items:start;background:#f1dce7}.tiny{font-size:8px;color:var(--muted)}.project-side .tiny{color:#8b667d}.project-side>img{width:58px;height:58px;object-fit:contain;border-radius:13px;margin:37px 0 17px}.project-side h3{font:600 30px/1.1 Manrope,sans-serif;letter-spacing:-1.4px}.project-side>p{font-size:14px;line-height:1.7;color:#7c5d70;margin-top:13px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin:21px 0}.tags span{font-size:7px;letter-spacing:.5px;border:1px solid #d7b6c9;border-radius:20px;padding:6px 9px}.project-side>a{font-size:11px;margin-top:auto;padding-top:15px;width:100%;display:flex;justify-content:space-between}.project-image{padding:50px 27px 28px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 70% 20%,#fff8fc,#e4c2d6)}.screen-top{display:flex;align-items:center;gap:15px;background:#fff6fb;padding:12px;border:1px solid #cdaec0;border-bottom:0;border-radius:6px 6px 0 0;font:8px monospace;color:#8f7283}.screen-top>span:first-child{font-size:7px;letter-spacing:2px}.screen{overflow:hidden;aspect-ratio:1366/633;box-shadow:0 16px 25px #25351a22;border:1px solid #cdaec0;border-top:0;border-radius:0 0 4px 4px}.screen img{display:block;width:100%;height:auto;margin-top:-6.37%}.screen-caption{display:flex;justify-content:space-between;gap:10px;font:6px monospace;letter-spacing:.7px;color:#86667a;margin-top:20px}#case-study{border-bottom:1px solid #e0cad6}summary{list-style:none}summary::-webkit-details-marker{display:none}#case-study summary{padding:24px 0;display:flex;justify-content:space-between;font-size:12px}#case-study summary>span{font-size:19px}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:10px 0 30px}.case-grid h4{font-size:13px;margin-bottom:10px}.case-grid p{font-size:13px;line-height:1.8;color:#7c5d70}.case-grid a{font-size:12px;display:inline-block;margin-top:12px;text-decoration:underline;text-underline-offset:4px}.service-list>details{border-top:1px solid var(--line);padding:27px 0}.service-list>details:last-child{border-bottom:1px solid var(--line)}.service-list summary{display:grid;grid-template-columns:70px 1fr 30px;align-items:center;gap:15px}.service-list summary>span{color:var(--muted);font-size:10px}.service-list h3{font:500 30px Manrope,sans-serif;letter-spacing:-1.1px}.service-list summary>b{font-size:23px;font-weight:400;color:var(--muted)}details[open] summary>b{color:var(--lime)}.service-content{margin:22px 45px 0 85px;display:flex;gap:50px;justify-content:space-between;align-items:start}.service-content p{font-size:14px;max-width:475px;line-height:1.8;color:var(--muted)}.pills{display:flex;gap:8px;flex-wrap:wrap;max-width:330px}.pills span{border:1px solid #594050;border-radius:20px;padding:8px 12px;font-size:10px;color:#d6bbcc}.studio{background:#211b20;border-block:1px solid var(--line)}.studio-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:90px}.studio h2{font-size:50px}.location{display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:1.6px;margin-top:35px;color:#c5a9bb}.studio-copy{padding-top:40px}.large{font:500 24px/1.55 Manrope,sans-serif;letter-spacing:-.6px}.studio-copy>p+p{color:var(--muted);font-size:14px;line-height:1.8;margin-top:22px}.studio-copy .quiet{margin-top:25px;color:var(--lime)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.steps article{border-top:1px solid var(--line);padding-top:24px}.steps article>span{font:400 39px Manrope,sans-serif;color:#a38296;letter-spacing:-2px}.steps h3{font:500 22px Manrope,sans-serif;letter-spacing:-.7px;margin:25px 0 13px}.steps p{font-size:13px;color:var(--muted);line-height:1.8}.contact{background:var(--lime);color:#35202d}.contact i{background:#89556f}.contact h2{position:relative;font-size:clamp(55px,7.6vw,105px);letter-spacing:-5px;margin:30px 0}.contact h2 em{color:#a66b8d}.contact h2>span{position:absolute;right:0;top:0;font-weight:400}.contact-bottom{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-top:35px}.contact-bottom>p{font-size:15px;line-height:1.8}.contact-line{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #d5a7c0;margin-top:38px;padding-top:22px}.contact-line>span{font-size:8px;letter-spacing:1px;color:#85566f}.contact-line>a{font-size:12px}footer{display:flex;align-items:center;gap:45px;padding-block:40px}.footer-brand{font:700 43px Manrope,sans-serif;letter-spacing:-3px}footer>div{margin-left:auto}footer p{font-size:11px;color:#cebac7;margin-bottom:7px}footer div>span{font-size:9px;color:var(--muted)}footer>a:last-child{font-size:10px;color:var(--muted)}dialog{background:#211c20;color:var(--text);border:1px solid #79536b;border-radius:8px;padding:38px;width:min(550px,92vw);max-height:90vh;overflow-y:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}#brief-close{position:absolute;right:15px;top:11px;background:none;border:0;color:var(--text);font-size:28px}.intro{font-size:13px;color:var(--muted);margin:15px 0 25px}dialog h2{font-size:32px;letter-spacing:-1.3px;margin-top:15px}dialog label{display:block;font-size:12px;margin-bottom:18px}input,select,textarea{display:block;width:100%;margin-top:9px;background:#171217;border:1px solid #5d4153;color:var(--text);padding:13px;border-radius:3px;font-size:13px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:1px solid var(--lime);border-color:var(--lime)}#brief-form>.button{width:100%}#brief-result>p{font-size:12px;color:var(--muted);line-height:1.7}#brief-result .actions{gap:20px;margin:22px 0 10px}#edit-brief{background:none;border:0;color:var(--text);padding:12px 0;font-size:12px}#copy-status{min-height:20px}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -12px}}
@media(max-width:1050px){h1{font-size:85px;letter-spacing:-5px}.art{height:400px}.actions{gap:18px;flex-wrap:wrap}.hero-foot{font-size:7px;letter-spacing:.8px}.hero-copy>.eyebrow{font-size:7px}.core{font-size:95px}.project-side{padding:28px 20px}.project-image{padding:35px 20px}.project-side h3{font-size:26px}.project-side>img{margin-top:25px}.studio-grid{gap:45px}.studio h2{font-size:42px}.service-content{gap:25px}.strip>.wrap{font-size:12px;gap:14px}}
@media(max-width:700px){header{height:82px;padding-inline:6%;gap:18px;position:relative}.brand{font-size:23px}.brand img{width:37px;height:37px}.brand small{font-size:6px;letter-spacing:3.6px}.nav-cta{font-size:10px;margin-left:auto}#menu{display:block;background:none;border:0;color:var(--text);font-size:19px;padding:8px 0 8px 8px}nav{display:none;position:absolute;left:0;right:0;top:81px;background:#20251a;padding:25px 6%;z-index:10;justify-content:space-between;border-bottom:1px solid var(--line)}nav.is-open{display:flex}.hero{display:block;padding-top:37px}.hero-copy>.eyebrow{font-size:7px;letter-spacing:1px}h1{font-size:76px;letter-spacing:-4.6px;margin-top:26px}.hero-copy>p{font-size:14px}.actions{gap:22px;margin-top:25px}.button{padding:17px 20px;font-size:11px;gap:25px}.quiet{font-size:11px}.art{height:290px;margin-top:28px}.ring{left:20%;width:60%;top:4%;height:90%}.core{font-size:85px;inset:26% 0 auto}.core small{font-size:6px}.art-label{top:0;left:0;font-size:6px}.art-bottom{bottom:0;right:0;font-size:6px}.hero-foot{margin-top:28px;font-size:6px;gap:14px;letter-spacing:.8px;padding:19px 0}.hero-foot>span:nth-child(2){display:none}.strip{padding:18px 0}.strip>.wrap{flex-wrap:wrap;justify-content:center;gap:12px;font-size:10px}.strip b{font-size:13px}.strip b:last-of-type,.strip span:last-child{display:none}.section{padding:55px 0}.label{font-size:7px;letter-spacing:1px;gap:20px;margin-bottom:25px}.label>span:last-child{text-align:right}.heading{display:block;margin-bottom:28px}h2{font-size:43px;letter-spacing:-2px}.heading>p{font-size:13px;margin-top:23px}.project{grid-template-columns:1fr}.project-side{padding:24px;display:grid;grid-template-columns:49px 1fr;column-gap:14px}.project-side>.tiny{grid-column:1/-1;margin-bottom:23px}.project-side>img{width:45px;height:45px;margin:0;grid-column:1;grid-row:2/4}.project-side h3{grid-column:2;font-size:29px}.project-side>p{grid-column:2;font-size:12px;margin-top:7px}.project-side>p>br{display:none}.tags{grid-column:1/-1;margin:18px 0 12px}.project-side>a{grid-column:1/-1;padding-top:10px}.project-image{padding:25px 15px}.screen-caption{font-size:5px;letter-spacing:.1px;margin-top:16px}.screen-top{padding:9px;font-size:6px}.case-grid{grid-template-columns:1fr;gap:24px}.service-list summary{grid-template-columns:30px 1fr 20px;gap:8px}.service-list h3{font-size:22px;letter-spacing:-.8px}.service-list summary>span{font-size:9px}.service-content{margin:19px 0 0 38px;display:block}.service-content p{font-size:13px}.pills{margin-top:18px;gap:6px}.pills span{font-size:9px;padding:7px 10px}.service-list>details{padding:23px 0}.studio-grid{grid-template-columns:1fr;gap:10px}.studio h2{font-size:40px}.location{margin-top:25px}.studio-copy{padding-top:20px}.large{font-size:22px}.studio-copy>p+p{font-size:13px}.steps{grid-template-columns:repeat(2,1fr);gap:30px 24px}.steps article>span{font-size:32px}.steps h3{font-size:20px;margin:17px 0 10px}.steps p{font-size:12px}.contact h2{font-size:56px;letter-spacing:-3px;margin:28px 0}.contact h2>span{font-size:38px;top:-4px;right:-3px}.contact .eyebrow{font-size:7px;letter-spacing:1.2px}.contact-bottom{display:block;margin-top:26px}.contact-bottom>p{font-size:13px}.contact-bottom>.button{margin-top:22px;width:100%}.contact-line{align-items:start;flex-direction:column;gap:12px;margin-top:27px;padding-top:18px}.contact-line>span{font-size:7px}.contact-line>a{font-size:11px}footer{padding-block:30px;flex-wrap:wrap;gap:25px}.footer-brand{font-size:38px;width:100%}footer>div{margin-left:0}footer>a:last-child{margin-left:auto}footer p{font-size:9px}footer div>span{font-size:8px}footer>a:last-child{font-size:9px}dialog{padding:30px 23px}#brief-result .actions{gap:15px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

/* Product-focused rose identity */
.hero{grid-template-columns:1.1fr 1fr;gap:0 45px;align-items:center;padding-top:52px}.hero h1{font-size:clamp(75px,7.1vw,102px);line-height:1.02;letter-spacing:-5.5px;margin:24px 0}.hero-copy>.eyebrow{font-size:8px;letter-spacing:1.1px}.hero-copy>p{font-size:15px}.hero .actions{gap:24px;flex-wrap:wrap}.hero-foot{width:100%;margin-top:42px}.product-showcase{align-self:center;background:#f7e2ed;border:1px solid #d9aec5;border-radius:13px;color:#38232f;box-shadow:0 22px 80px #edb1d31a;padding:24px;margin-top:8px;position:relative;overflow:hidden}.showcase-top{display:flex;justify-content:space-between;align-items:center;gap:15px;font:7px monospace;letter-spacing:.6px;color:#815e73}.status-dot{display:inline-block;width:5px;height:5px;background:#9c6283;border-radius:50%;margin-right:5px}.showcase-tabs{display:flex;border-bottom:1px solid #dbb9cd;margin:22px 0 24px;gap:20px}.showcase-tabs button{border:0;background:none;color:#886f7e;font-size:10px;padding:0 0 11px;position:relative}.showcase-tabs button.active{color:#38232f;font-weight:600}.showcase-tabs button.active:after{content:'';height:2px;background:#9a567d;position:absolute;bottom:-1px;left:0;right:0}.showcase-tabs button:focus-visible{outline-color:#89556f}.showcase-tabs button>span{margin-left:8px}.preview-heading{display:flex;align-items:center;gap:10px;margin-bottom:22px}.preview-heading img{width:40px;height:40px;border-radius:10px}.preview-heading div>span{font:6px monospace;letter-spacing:.5px;color:#886277}.preview-heading h3{font:600 25px Manrope,sans-serif;letter-spacing:-1px;margin-top:4px}.preview-symbol{margin-left:auto;font-size:25px;font-weight:400;color:#9e6b88}.mini-screen{aspect-ratio:1366/633;overflow:hidden;border:1px solid #cbb2c0;border-radius:5px;box-shadow:0 12px 25px #653f551c;background:#19366d}.mini-screen img{display:block;width:100%;margin-top:-6.37%}.preview-caption{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:18px}.preview-caption>span{font:6px monospace;letter-spacing:.4px;color:#846276}.preview-caption>a{font-size:9px;border-bottom:1px solid #c4a1b5;padding-bottom:3px}.preview-caption>a:focus-visible{outline-color:#89556f}.showcase-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:32px;border-top:1px solid #dbb9cd;padding-top:18px;font:7px monospace;color:#8f657d;letter-spacing:.6px}.showcase-bottom b{font-weight:400;margin:0 12px;color:#b78ca5}.showcase-mark{font-size:19px}.code-title{display:flex;justify-content:space-between;font:8px monospace;gap:12px;color:#77556a;padding-bottom:16px;border-bottom:1px solid #dcc0d0}#developer-view pre{font:12px/1.9 Consolas,monospace;white-space:pre-wrap;color:#614457;margin:17px 0}.syntax-comment{color:#9e7a91}.syntax-key{color:#964c7b}.syntax-string{color:#8c5071}.developer-note{font-size:11px;line-height:1.8;color:#8e657d}.contact-channels{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:42px;border-top:1px solid #d5a7c0;padding-top:28px}.contact-channels>a{display:flex;flex-direction:column;gap:12px;min-width:0}.channel-type{font:8px monospace;letter-spacing:.8px;color:#85566f}.contact-channels strong{font-size:18px;letter-spacing:-.7px;font-weight:500;display:flex;justify-content:space-between;gap:10px}.contact-channels strong>span{font-size:17px}.contact-channels small{font-size:10px;color:#85566f}.contact-channels a:hover strong{text-decoration:underline;text-underline-offset:5px}.floating-contact{position:fixed;bottom:22px;right:24px;background:#f5c9df;color:#38232f;border:1px solid #c49ab1;display:flex;gap:13px;align-items:center;border-radius:50px;padding:13px 20px;box-shadow:0 4px 24px #0004;z-index:20;font-size:12px}.floating-contact:hover{background:#ffe0ef}.copy-button{background:none;border:1px solid #79536b;color:#f5c9df;border-radius:2px;padding:12px;font-size:12px}#brief-result .actions{flex-wrap:wrap}footer{padding-bottom:70px}.contact a:focus-visible,.work a:focus-visible,.work summary:focus-visible{outline-color:#89556f}
@media(max-width:1050px){.hero{gap:0 25px}.hero h1{font-size:80px}.hero-copy>.eyebrow{font-size:7px}.product-showcase{padding:20px}.showcase-top{font-size:6px}.contact-channels{gap:20px}.contact-channels strong{font-size:15px}.showcase-tabs{gap:15px}.showcase-tabs button{font-size:9px}}
@media(max-width:700px){.hero{display:block;padding-top:37px}.hero h1{font-size:72px;letter-spacing:-4px}.hero-copy>.eyebrow{font-size:7px;letter-spacing:.6px}.hero-copy>p{font-size:13px}.product-showcase{margin-top:35px;padding:20px 17px;border-radius:9px}.showcase-top{font-size:6px;letter-spacing:.3px}.showcase-tabs{margin:20px 0;gap:24px}.showcase-tabs button{font-size:9px}.preview-heading h3{font-size:24px}.preview-heading div>span{font-size:5px}.preview-heading{margin-bottom:19px}.preview-caption{margin-top:15px}.preview-caption>span{font-size:5px}.preview-caption>a{font-size:8px}.showcase-bottom{margin-top:25px;font-size:6px}.showcase-bottom b{margin:0 9px}.hero-foot{margin-top:30px}.contact-channels{grid-template-columns:1fr;gap:23px;margin-top:30px;padding-top:23px}.contact-channels>a{gap:10px;padding-bottom:21px;border-bottom:1px solid #dfb8cd}.contact-channels>a:last-child{border-bottom:0;padding-bottom:0}.contact-channels strong{font-size:21px}.contact-channels small{font-size:11px}.channel-type{font-size:8px}.floating-contact{right:15px;bottom:15px;padding:12px 17px;font-size:11px}.contact h2{font-size:52px}.studio h2{font-size:39px}#developer-view pre{font-size:11px}.hero .actions{gap:20px}footer{padding-bottom:88px}}