@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#080a10;--panel:#10121c;--text:#f1f2f8;--muted:#8a8c9e;--cyan:#16e1ee;--blue:#176dff;--violet:#9b28fa;--pink:#f04bdd;--line:rgba(224,232,255,.1);--mono:'DM Mono',monospace;--sans:'Space Grotesk',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.16) .6px,transparent .6px);background-size:28px 28px;opacity:.12}.ambient{position:absolute;pointer-events:none;z-index:-1;border-radius:50%;filter:blur(1px)}.ambient-one{width:550px;height:550px;top:10px;right:-230px;background:radial-gradient(circle,rgba(72,39,208,.17),transparent 68%)}.ambient-two{width:450px;height:450px;top:900px;left:-290px;background:radial-gradient(circle,rgba(0,185,213,.09),transparent 68%)}a{color:inherit;text-decoration:none}.section-wrap,.site-header{width:min(1160px,calc(100% - 80px));margin-inline:auto}.site-header{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:flex;width:max-content;min-width:194px;height:61px;align-items:center;gap:11px;overflow:visible}.brand img{width:43px;height:43px;object-fit:contain;flex:none;filter:drop-shadow(0 0 11px rgba(27,189,255,.3))}.brand>span{font-size:19px;font-weight:700;letter-spacing:-.065em;color:#f0f3ff;white-space:nowrap}.brand-domain{color:#176dff}.brand-i{position:relative;display:inline-block}.brand-i:after{content:"";position:absolute;left:50%;top:.08em;width:.16em;height:.16em;transform:translateX(-50%);border-radius:50%;background:#16e1ee;box-shadow:0 0 8px rgba(22,225,238,.72)}.brand-i-pink:after{background:#f04bdd;box-shadow:0 0 8px rgba(240,75,221,.72)}.main-nav{display:flex;align-items:center;gap:40px;margin-left:auto;margin-right:44px}.main-nav a,.header-contact{font-size:13px;color:#b7b9c8;transition:color .2s}.main-nav a:hover,.text-link:hover,.header-contact:hover{color:white}.header-contact{border:1px solid rgba(220,226,250,.2);padding:11px 15px;border-radius:4px;color:var(--text);display:flex;gap:22px;align-items:center}.header-contact span:last-child,.text-link span span{color:var(--cyan)}.menu-toggle{display:none;background:none;border:0}.hero{min-height:690px;position:relative;display:grid;grid-template-columns:1.06fr .94fr;align-items:center;padding-top:30px;padding-bottom:80px}.hero-copy{padding-top:3px;position:relative;z-index:2}.eyebrow,.section-kicker,.floating-tag,.art-index,.scroll-cue,.hero-note,.project-tag,.project-num,.mise-caption,.footer-copy,.back-top,.copyright,.contact-side-note{font-family:var(--mono);font-size:10px;letter-spacing:.11em}.eyebrow{color:#a2a4b3;display:flex;align-items:center;gap:10px}.status-dot,.tag-bottom i{width:7px;height:7px;border-radius:50%;background:#36edb1;box-shadow:0 0 12px rgba(54,237,177,.7);display:inline-block}.eyebrow-location{color:#666b7c;margin-left:2px}h1{font-size:clamp(68px,8.5vw,108px);line-height:.94;letter-spacing:-.085em;margin:39px 0 26px;font-weight:600} .gradient-text{background:linear-gradient(102deg,#20deeb 0%,#1e87ff 38%,#8436fa 73%,#e349df 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.mobile-break{display:none}.hero-description{max-width:410px;color:#a2a4b3;font-size:16px;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:29px;margin-top:31px}.button{height:49px;padding:0 19px;display:inline-flex;align-items:center;justify-content:center;gap:30px;font-size:13px;font-weight:600;border-radius:3px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(105deg,#18ccd9,#3467f9 58%,#a329ed);box-shadow:0 8px 30px rgba(57,80,226,.22)}.button-primary span{font-size:17px}.text-link{font-size:12px;color:#9a9cac;line-height:1.8}.text-link>span{display:block;color:#f1f2f8}.hero-note{margin-top:52px;color:#6c7181;display:flex;align-items:center;gap:12px;letter-spacing:.06em}.note-line{width:24px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent)}.hero-art{height:500px;position:relative;display:grid;place-items:center;isolation:isolate}.art-halo{position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(26,125,251,.2),rgba(107,27,225,.09) 48%,transparent 72%);filter:blur(7px)}.art-grid{position:absolute;inset:8% 0;background:linear-gradient(90deg,transparent 49.8%,rgba(164,178,255,.08) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(164,178,255,.08) 50%,transparent 50.2%);background-size:70px 70px;mask-image:radial-gradient(ellipse,black,transparent 70%);opacity:.6}.art-ring{position:absolute;border:1px solid rgba(137,155,255,.19);border-radius:50%;transform:rotate(-28deg)}.ring-outer{width:425px;height:275px}.ring-middle{width:350px;height:227px;transform:rotate(33deg);border-color:rgba(9,200,239,.17)}.ring-inner{width:300px;height:190px;transform:rotate(-52deg);border-color:rgba(204,57,247,.21)}.art-card{position:relative;width:298px;height:298px;display:grid;place-items:center;border:1px solid rgba(186,196,255,.16);border-radius:23px;overflow:hidden;background:linear-gradient(145deg,rgba(25,31,49,.78),rgba(12,13,24,.94));box-shadow:0 35px 100px #000,0 0 70px rgba(36,70,215,.14);transform:rotate(-5deg)}.art-card:before{content:"";position:absolute;inset:0;background:linear-gradient(140deg,rgba(15,207,226,.1),transparent 38%,rgba(184,40,242,.14));}.art-card img{width:90%;height:90%;object-fit:contain;position:relative;filter:drop-shadow(0 14px 32px rgba(19,73,255,.15))}.floating-tag{position:absolute;z-index:2;padding:10px 12px;border:1px solid rgba(198,208,255,.14);background:rgba(10,12,20,.86);color:#d5d5e2;font-size:9px}.tag-top{top:70px;right:3px}.tag-bottom{bottom:82px;left:8px;display:flex;align-items:center;gap:8px}.tag-bottom i{width:6px;height:6px}.art-index{position:absolute;bottom:34px;right:34px;font-size:9px;color:#707487}.art-index span{color:var(--pink)}.scroll-cue{position:absolute;bottom:25px;left:0;color:#656a7a;display:flex;gap:12px;align-items:center;font-size:9px}.scroll-wheel{width:15px;height:21px;border:1px solid #505567;border-radius:9px;position:relative}.scroll-wheel:after{content:"";position:absolute;width:2px;height:4px;background:var(--cyan);top:4px;left:6px;border-radius:2px;animation:scroll 1.4s infinite}@keyframes scroll{to{transform:translateY(7px);opacity:0}}.intro{padding-block:106px 130px;border-top:1px solid var(--line)}.section-kicker{color:#83889a;display:flex;gap:15px;align-items:center;font-size:9px}.section-kicker>span:first-child{color:var(--cyan)}.kicker-rule{height:1px;width:41px;background:linear-gradient(90deg,rgba(26,218,230,.6),transparent)}.intro-content{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:52px}.intro h2,.section-heading h2,.services h2,.contact h2{font-size:clamp(48px,6vw,72px);line-height:1.01;letter-spacing:-.075em;margin:0;font-weight:600}.intro-side{padding-top:1px;max-width:490px}.large-copy{font-size:23px;line-height:1.48;color:#aeb0bf;margin:0 0 24px}.bright{color:#f4f4fb}.body-copy{font-size:14px;line-height:1.85;color:#85899a;margin:0;max-width:460px}.arrow-link{display:inline-flex;gap:18px;align-items:center;margin-top:29px;font-size:12px;color:#dedfea}.arrow-link span{color:var(--cyan);font-size:15px}.work{padding-block:12px 136px}.kicker-right{margin-left:auto;color:#666c7a;font-size:9px}.kicker-right span{margin-left:8px;color:var(--pink)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:47px 0 42px}.section-heading h2{font-size:61px}.muted-heading{color:#747889}.section-heading>p{font-size:13px;line-height:1.75;color:#7e8292;margin:0 38px 6px 0}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.project-card{display:block;border:1px solid rgba(216,225,255,.11);background:#0d0f17;transition:transform .3s,border-color .3s}.project-card:hover{transform:translateY(-5px);border-color:rgba(90,163,255,.42)}.project-visual{height:280px;position:relative;overflow:hidden;background:#111421}.project-pocket .project-visual{background:radial-gradient(ellipse at 50% 65%,#1d1555,#12142c 45%,#10111a 78%)}.project-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,5,12,.1),transparent 45%,rgba(4,5,10,.38));pointer-events:none}.project-num{position:absolute;top:17px;left:19px;color:#c3c7d8;font-size:9px;z-index:2}.project-open{position:absolute;right:17px;top:14px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.22);z-index:2}.survivor-scene{position:absolute;inset:0;overflow:hidden;background-image:radial-gradient(rgba(112,125,236,.2) 1px,transparent 1px);background-size:25px 25px}.scene-ring{position:absolute;left:50%;top:55%;width:245px;height:245px;border:1px solid rgba(179,98,255,.45);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 60px rgba(116,54,251,.27),inset 0 0 48px rgba(108,74,255,.22)}.scene-ring:before,.scene-ring:after{content:"";position:absolute;inset:24px;border:1px dashed rgba(46,221,241,.38);border-radius:50%}.scene-ring:after{inset:53px;border-style:solid;border-color:rgba(196,83,255,.35)}.scene-character{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);width:75px;height:75px;border-radius:21px;background:linear-gradient(140deg,#58f0e2,#498dff 55%,#c344fa);display:grid;place-items:center;color:white;font-size:46px;box-shadow:0 0 56px rgba(69,106,255,.68);border:4px solid rgba(255,255,255,.2)}.scene-orb{position:absolute;border-radius:50%;width:13px;height:13px;background:#ed56ec;box-shadow:0 0 18px #d445ec}.orb-one{top:30%;left:30%}.orb-two{top:67%;right:25%;background:#1ce5ec;box-shadow:0 0 18px #1ce5ec}.scene-star{position:absolute;color:#d8c5ff}.star-a{top:27%;right:29%;font-size:22px}.star-b{left:31%;bottom:22%;font-size:26px}.scene-pixels{position:absolute;bottom:18%;width:100%;text-align:center;color:rgba(50,223,241,.48);font-size:13px}.project-mise .project-visual{background:radial-gradient(ellipse at 55% 51%,#1b3462,#121928 42%,#0f121b 76%)}.mise-scene{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}.mise-glow{position:absolute;width:235px;height:155px;background:radial-gradient(ellipse,rgba(23,190,218,.25),rgba(68,67,190,.17) 48%,transparent 72%);filter:blur(9px)}.mise-arc{position:absolute;width:290px;height:185px;border:1px solid rgba(91,218,238,.37);border-radius:50%}.arc-a{transform:rotate(-23deg)}.arc-b{transform:rotate(31deg);width:340px;height:212px;border-color:rgba(182,93,248,.36)}.mise-orbit-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:#25e5e5;box-shadow:0 0 17px #25e5e5;transform:translate(142px,-70px)}.mise-wordmark{font-size:83px;font-weight:600;letter-spacing:-.09em;color:#f1f4ff;text-shadow:0 0 40px rgba(66,178,240,.22)}.mise-wordmark span{color:#34dce6}.mise-caption{position:absolute;bottom:27%;font-size:8px;color:#a3b5cf;letter-spacing:.25em}.mise-grid-mark{position:absolute;right:25%;top:27%;font-size:21px;color:#d64be5}.project-info{display:flex;justify-content:space-between;padding:23px 23px 25px;min-height:148px}.project-tag{font-size:8px;color:#51d9dc}.project-info h3{font-size:21px;letter-spacing:-.04em;margin:11px 0 7px}.project-info p{font-size:12px;line-height:1.65;color:#828696;margin:0;max-width:390px}.project-arrow{font-size:17px;color:#9296a6}.services{padding-block:30px 138px;border-top:1px solid var(--line)}.services-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;margin-top:55px}.services h2{font-size:59px}.services-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:45px 1fr 34px;gap:15px;align-items:start;padding:22px 0 24px;border-bottom:1px solid var(--line)}.service-number{font-family:var(--mono);font-size:10px;color:var(--cyan);padding-top:5px}.service-row h3{font-size:16px;margin:0 0 8px}.service-row p{font-size:12px;line-height:1.7;color:#85899a;margin:0;max-width:410px}.service-icon{color:#a952f5;font-size:19px;text-align:right}.contact{padding-bottom:90px}.contact-card{min-height:390px;position:relative;overflow:hidden;padding:60px 68px;background:linear-gradient(112deg,#111b30,#15102b 55%,#241036);border:1px solid rgba(158,145,255,.23)}.contact-card:before{content:"";position:absolute;inset:0;background:linear-gradient(118deg,rgba(27,207,221,.1),transparent 36%,rgba(199,43,231,.18));pointer-events:none}.contact-orb{position:absolute;width:390px;height:390px;border-radius:50%;right:8%;top:-100px;border:1px solid rgba(104,151,255,.19);box-shadow:0 0 0 38px rgba(133,92,255,.035),0 0 0 80px rgba(30,186,234,.025);background:radial-gradient(circle,rgba(61,82,226,.13),transparent 68%)}.contact-card>*:not(.contact-orb){position:relative}.contact-card .eyebrow{margin:0 0 26px}.contact h2{font-size:63px}.contact-card>p:not(.eyebrow){font-size:13px;color:#a3a6b6;margin:17px 0 24px}.button-light{background:#f2f4ff;color:#111522}.button-light span{color:#5555e5}.contact-side-note{position:absolute!important;right:65px;bottom:54px;color:#8986a2;line-height:1.9;font-size:8px;letter-spacing:.16em}.site-footer{min-height:100px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;align-items:center;border-top:1px solid var(--line)}.footer-brand{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600}.footer-brand img{width:28px;height:28px;object-fit:contain}.footer-dot{color:var(--pink)}.footer-copy,.copyright{font-size:8px;color:#666b7b;letter-spacing:.08em}.back-top{font-size:8px;color:#a2a4b3;justify-self:center}.back-top span{color:var(--cyan);margin-left:8px}.copyright{justify-self:end}.menu-toggle{display:none}
@media(min-width:1440px){.hero{min-height:760px}.hero-art{height:570px}.art-card{width:330px;height:330px}}
@media(max-width:900px){.section-wrap,.site-header{width:calc(100% - 52px)}.hero{min-height:640px;grid-template-columns:1fr .88fr}.hero-art{transform:scale(.85);transform-origin:center}.hero h1{font-size:78px}.main-nav{gap:25px;margin-right:28px}.intro-content{gap:38px}.services-layout{gap:35px}.section-heading h2{font-size:54px}}
@media(max-width:680px){html{scroll-padding-top:70px}.section-wrap,.site-header{width:calc(100% - 40px)}.site-header{height:73px}.brand{min-width:0;height:50px;gap:7px}.brand img{width:35px;height:35px}.brand>span{font-size:16px}.header-contact{margin-left:auto;margin-right:12px;padding:9px 11px;gap:12px;font-size:11px}.main-nav{display:none;position:absolute;top:72px;left:-20px;right:-20px;background:#0b0d15;border-bottom:1px solid var(--line);padding:19px 23px;gap:22px;justify-content:center;margin:0}.main-nav.open{display:flex}.main-nav a{font-size:12px}.menu-toggle{display:grid;gap:5px;padding:8px;cursor:pointer}.menu-toggle span{width:18px;height:1px;background:#dce0f2}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:69px;padding-bottom:75px;min-height:0}.hero-copy{order:1}.eyebrow{font-size:8px;gap:7px;letter-spacing:.08em}.eyebrow-location{font-size:8px}.hero h1{font-size:clamp(63px,15vw,86px);margin:31px 0 21px;letter-spacing:-.09em}.mobile-break{display:inline}.hero-description{font-size:14px;max-width:355px}.hero-actions{gap:18px;margin-top:24px}.button{height:46px;padding:0 14px;gap:18px;font-size:12px}.text-link{font-size:11px}.hero-note{margin-top:28px;font-size:8px}.hero-art{order:2;height:370px;margin-top:15px;transform:scale(.8);transform-origin:center}.art-card{width:245px;height:245px;border-radius:18px}.ring-outer{width:350px;height:225px}.ring-middle{width:300px;height:190px}.ring-inner{width:255px;height:165px}.art-halo{width:290px;height:290px}.tag-top{top:43px;right:0}.tag-bottom{bottom:55px;left:0}.art-index{bottom:11px;right:9px;font-size:8px}.scroll-cue{bottom:20px;font-size:8px}.intro{padding-block:75px 86px}.intro-content{grid-template-columns:1fr;gap:25px;margin-top:36px}.intro h2,.section-heading h2,.services h2{font-size:55px}.large-copy{font-size:20px}.body-copy{font-size:13px}.work{padding-block:3px 86px}.section-heading{align-items:start;flex-direction:column;gap:17px;margin:37px 0 27px}.section-heading h2{font-size:48px}.section-heading>p{margin:0;font-size:12px}.project-grid{grid-template-columns:1fr;gap:16px}.project-visual{height:248px}.project-info{min-height:132px;padding:19px}.project-info h3{font-size:19px}.project-info p{font-size:11px;max-width:310px}.services{padding-block:14px 82px}.services-layout{grid-template-columns:1fr;gap:32px;margin-top:36px}.services h2{font-size:49px}.service-row{grid-template-columns:31px 1fr 25px;gap:10px;padding-block:18px}.service-row h3{font-size:15px}.service-row p{font-size:11px}.contact{padding-bottom:52px}.contact-card{padding:42px 27px 46px;min-height:368px}.contact h2{font-size:56px}.contact-card .eyebrow{font-size:8px}.contact-card>p:not(.eyebrow){font-size:12px;max-width:280px;line-height:1.7}.contact-orb{right:-215px;top:-100px}.contact-side-note{right:25px;bottom:25px;font-size:7px}.site-footer{grid-template-columns:1fr 1fr;gap:19px 10px;padding-block:23px}.footer-copy{font-size:7px;justify-self:end;text-align:right}.back-top{justify-self:start}.copyright{font-size:7px}.kicker-right{font-size:0}.kicker-right span{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
/* Focused landing-page refinements */
.art-card{width:min(440px,calc(100% - 34px));height:auto;min-height:286px;padding:0;display:block;overflow:hidden;border-radius:12px;transform:rotate(-2deg);box-shadow:0 35px 100px #000,0 0 70px rgba(36,70,215,.2)}
.art-card:before{background:linear-gradient(140deg,rgba(15,207,226,.07),transparent 38%,rgba(184,40,242,.1));pointer-events:none}
.editor-window{position:relative;z-index:1;min-height:286px;background:linear-gradient(145deg,rgba(15,19,34,.98),rgba(8,11,22,.98));font-family:var(--mono);}
.editor-topbar{height:44px;display:flex;align-items:center;gap:12px;padding:0 15px;border-bottom:1px solid rgba(208,218,255,.09);background:rgba(255,255,255,.018)}
.editor-lights{display:flex;gap:5px}.editor-lights i{width:7px;height:7px;border-radius:50%;background:#f1668d}.editor-lights i:nth-child(2){background:#f4bd5d}.editor-lights i:nth-child(3){background:#50d9aa}
.editor-file{color:#a8aec2;font-size:10px;letter-spacing:.02em}.editor-pill{margin-left:auto;font-size:7px;letter-spacing:.08em;color:#8993ac;border:1px solid rgba(184,196,255,.12);padding:5px 7px;border-radius:3px}
.editor-code{padding:19px 12px 12px;font-size:clamp(8px,1vw,10px);line-height:2.05;color:#c4c9da;white-space:nowrap;overflow:hidden}.editor-code>div:not(.editor-output){display:flex;gap:14px}.line-number{width:15px;text-align:right;color:#515a71;flex:none}.code-purple{color:#c18bff}.code-cyan{color:#45dfea}.code-blue{color:#7198ff}.code-pink{color:#ed72d7}.editor-output{margin:13px 0 0 29px;color:#93a0b7;font-size:8px}.output-prompt{color:#48e1c0}.cursor-block{display:inline-block;width:6px;height:11px;vertical-align:-2px;margin-left:5px;background:#35d9e7;animation:cursor-blink 1s steps(2,start) infinite}@keyframes cursor-blink{to{visibility:hidden}}
.editor-status{height:28px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(208,218,255,.08);font-size:7px;letter-spacing:.07em;color:#79839b}.editor-status span:first-child{display:flex;align-items:center;gap:6px}.editor-status i{width:5px;height:5px;border-radius:50%;background:#49dfb4;box-shadow:0 0 8px rgba(73,223,180,.65)}
.project-grid{grid-template-columns:minmax(0,1fr)}
.project-card.project-mise{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(300px,.94fr);min-height:350px;border-radius:8px;overflow:hidden;background:linear-gradient(115deg,#0c101a,#10121b);}
.project-card.project-mise:hover{transform:translateY(-3px)}
.mise-preview{position:relative;min-height:350px;overflow:hidden;padding:23px 28px 28px;background:radial-gradient(ellipse at 25% 25%,rgba(22,113,171,.22),transparent 54%),linear-gradient(135deg,#111b2a,#101521 68%,#171124);border-right:1px solid rgba(216,225,255,.09)}
.mise-preview:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(197,216,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(197,216,255,.035) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(140deg,#000,transparent 78%);pointer-events:none}
.mise-app-top,.mise-app-body,.mise-note{position:relative;z-index:1}.mise-app-top{display:flex;align-items:center;justify-content:space-between}.mise-app-brand{font-size:18px;letter-spacing:-.07em;font-weight:600}.mise-app-brand span{color:#44dbe4}.mise-app-avatar{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#1bc7d8,#8452f3);font-size:10px;font-weight:600}
.mise-app-body{display:grid;grid-template-columns:.82fr 1.18fr;gap:19px;align-items:center;max-width:570px;margin:28px auto 0}.mise-app-sidebar{height:205px;display:flex;flex-direction:column;padding:17px 11px;border:1px solid rgba(220,231,255,.1);border-radius:7px;background:rgba(7,11,20,.5)}.sidebar-label,.sidebar-foot,.recipe-overline,.recipe-meta,.recipe-scale>span,.mise-note{font-family:var(--mono);letter-spacing:.1em}.sidebar-label{font-size:7px;color:#77869b;margin:2px 0 13px 4px}.sidebar-item{display:flex;align-items:center;gap:7px;padding:8px 7px;border-radius:4px;font-size:9px;color:#9ba7b8}.sidebar-item i{font-style:normal;color:#64dce5}.sidebar-item.active{background:rgba(48,174,197,.13);color:#e0f4f5}.sidebar-foot{margin:auto 0 0 4px;color:#65768d;font-size:6px}.recipe-sheet{position:relative;min-height:224px;padding:18px 18px 12px;border:1px solid rgba(238,228,197,.15);border-radius:6px;background:linear-gradient(145deg,#f0eadc,#dfd5c4);color:#303c3d;box-shadow:0 18px 42px rgba(0,0,0,.2);transform:rotate(1deg)}.recipe-overline{font-size:6px;color:#788987}.recipe-sheet h3{font-family:var(--sans);font-size:clamp(20px,2.6vw,29px);line-height:.98;letter-spacing:-.06em;margin:9px 0 8px;color:#253538}.recipe-meta{font-size:7px;color:#788987}.recipe-meta i{font-style:normal;color:#2ebac1}.recipe-rule{height:1px;background:rgba(51,76,75,.16);margin:10px 0 5px}.recipe-ingredient{display:flex;align-items:center;gap:7px;padding:4px 0;font-size:8px;color:#546361}.recipe-ingredient i{width:4px;height:4px;border-radius:50%;background:#3caaa9}.recipe-ingredient span{margin-left:auto;color:#77827c}.recipe-scale{display:flex;align-items:center;justify-content:space-between;margin-top:7px;padding-top:7px;border-top:1px solid rgba(51,76,75,.15)}.recipe-scale>span{font-size:6px;color:#788987}.recipe-scale strong{font-size:8px;color:#385252;font-weight:500}.mise-note{position:absolute;left:29px;bottom:13px;font-size:7px;color:#7e8c9e}
.project-info{min-height:350px;align-items:center;padding:38px clamp(24px,4vw,55px)}.project-info>div{max-width:410px}.project-tag{color:#55d9dc}.project-info h3{font-size:clamp(26px,3vw,36px);line-height:1.08;letter-spacing:-.055em;margin:17px 0 12px}.project-info p{font-size:13px;line-height:1.8;color:#9299aa;max-width:355px}.project-arrow{align-self:flex-start;color:#7c89a0}.mise-cta{display:inline-flex;align-items:center;gap:12px;margin-top:23px;color:#eef3ff;font-size:11px;font-weight:600}.mise-cta span{color:#3de0e5;font-size:16px;transition:transform .2s}.project-card:hover .mise-cta span{transform:translate(3px,-3px)}
.footer-brand img{display:none}
@media(min-width:1440px){.art-card{width:460px}.editor-window{min-height:306px}.editor-code{padding-top:23px;font-size:11px}.project-card.project-mise,.project-info,.mise-preview{min-height:380px}.mise-app-body{margin-top:34px}.mise-app-sidebar{height:225px}.recipe-sheet{min-height:244px}}
@media(max-width:900px){.art-card{width:min(405px,calc(100% - 28px))}.project-card.project-mise{grid-template-columns:minmax(0,1fr) minmax(260px,.92fr)}.mise-preview{padding-inline:19px}.mise-app-body{gap:12px}.project-info{padding:28px 23px}.project-info h3{font-size:27px}}
@media(max-width:680px){.hero-art{transform:scale(.9);height:365px}.art-card{width:min(390px,calc(100% - 30px));transform:rotate(-1.5deg)}.editor-window{min-height:274px}.editor-code{font-size:8px;padding:17px 9px 10px}.editor-topbar{height:40px;padding-inline:11px}.editor-output{font-size:7px;margin-left:28px}.project-card.project-mise{grid-template-columns:1fr}.mise-preview{min-height:302px;border-right:0;border-bottom:1px solid rgba(216,225,255,.09);padding:18px 20px 27px}.mise-app-body{margin-top:21px;gap:11px}.mise-app-sidebar{height:192px;padding:14px 8px}.recipe-sheet{min-height:211px;padding:15px 13px 10px}.recipe-sheet h3{font-size:24px}.recipe-overline{font-size:5px}.recipe-meta{font-size:6px}.recipe-ingredient{font-size:7px}.mise-note{left:20px;bottom:9px;font-size:6px}.project-info{min-height:unset;padding:25px 22px 27px}.project-info h3{font-size:27px}.project-info p{font-size:12px}.project-arrow{font-size:15px}}
@media(prefers-reduced-motion:reduce){.cursor-block{animation:none}}