@import url("/motion.css");
@import url("/valid.css");
@import url("/project-showcase.css");
:root{--paper:#f6f5f0;--white:#fffefa;--ink:#242522;--muted:#6f716a;--line:#dedfd6;--gold:#c5b28a;--gold-dark:#76633f;--dark:#191c19;--blue:#76633f;--bg:var(--paper);--soft:#eceee6;--radius:8px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12;letter-spacing:-.045em;font-weight:500}h1{font-size:clamp(2.8rem,5.1vw,4.8rem)}h2{font-size:clamp(2rem,3.1vw,2.9rem)}h3{font-size:1.22rem;letter-spacing:-.025em}p{color:var(--muted)}a{color:inherit;text-decoration:none}a:hover{color:var(--gold-dark)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}img{max-width:100%;height:auto}svg{flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:2px solid #9d824b;outline-offset:5px}::selection{background:#d9c8a5;color:#191c19}[hidden]{display:none!important}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.icon{width:23px;height:23px}.section{padding-block:96px}.section-first{padding-top:0}.section-tint{background:#eeefe8}.section-dark{background:#222720;color:#f6f5f0}.eyebrow{font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--gold-dark);margin-bottom:20px;line-height:1.6}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:44px}.section-heading h2{max-width:680px}.section-heading p:not(.eyebrow){margin-top:16px;max-width:580px;font-size:14px}.section-heading>.text-link{flex-shrink:0;margin-bottom:5px}.text-link{display:inline-flex;align-items:center;gap:13px;font-size:12px;font-weight:600;line-height:1.4}.text-link .icon{width:17px;height:17px;transition:transform .2s}.text-link:hover .icon{transform:translateX(3px)}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:15px 23px;min-height:49px;border:1px solid var(--gold);border-radius:4px;background:var(--gold);color:#1b201b;font-size:12px;font-weight:600;line-height:1.4;white-space:normal;transition:background .2s,transform .2s}.button .icon{width:18px;height:18px}.button:hover{color:#171b17;background:#d6c7a8;border-color:#d6c7a8;transform:translateY(-2px)}.button.secondary{background:transparent;border-color:#cfd0c6;color:var(--ink)}.button.secondary:hover{background:#e9e9df}.button.outline-light{background:transparent;border-color:#4a5047;color:#f2f2eb}.button.outline-light:hover{background:#2c332c}.button.small{min-height:40px;padding:11px 16px;font-size:11px;gap:14px}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.skip{position:fixed;z-index:100;inset-block-start:-100px;inset-inline-start:20px;background:var(--paper);padding:10px 20px}.skip:focus{inset-block-start:10px}.sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
/* Shared navigation */
.site-header{position:sticky;top:0;background:#191c19;color:#e6e8df;border-bottom:1px solid #353a31;z-index:30}.site-header .nav-wrap{height:78px;display:flex;align-items:center;gap:30px}.brand{display:inline-flex;align-items:center;gap:9px;font-size:21px;font-weight:650;letter-spacing:-1px;white-space:nowrap;flex-shrink:0}.brand-symbol{color:var(--gold);font-family:Georgia,serif;font-style:italic;font-size:35px;line-height:.8;letter-spacing:-3px;margin-inline-end:3px}.brand-symbol>span{font-size:17px;vertical-align:top;margin-inline-start:0}.brand-period{color:var(--gold);margin-inline-start:-8px}.main-nav{display:flex;gap:24px;margin-inline-start:auto;margin-left:0;align-items:center}.main-nav a{font-size:11px;font-weight:450;color:#c3c8be;white-space:nowrap}.main-nav a:hover,.main-nav a[aria-current]{color:var(--gold)}.nav-actions{display:flex;align-items:center;gap:22px;margin-inline-start:auto}.signin-link{font-size:11px;white-space:nowrap}.language-control{display:flex;flex-direction:row;align-items:center;gap:4px;color:inherit;margin:0;font-weight:400}.language-control>.icon{height:15px;width:15px}.language-control select{border:0;background:transparent;color:inherit;width:auto;font-size:10px;padding:5px 0;min-height:32px;max-width:72px}.language-control option{background:#20251e;color:#f6f5f0}.menu-toggle{display:none;width:34px;height:40px;border:0;background:transparent;padding:8px;color:inherit}.menu-toggle span{display:block;height:1px;background:currentColor;margin:6px 0;width:20px}.mobile-signin{display:none!important}
/* Hero: a working system, rendered as lightweight HTML and SVG. */
.hero{display:block;padding:0;background:radial-gradient(ellipse at 82% 50%,#2b3326 0,#191c19 60%);color:#f5f5ef;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding-block:84px 72px;min-height:660px}.hero-copy{max-width:none;padding:0}.hero .eyebrow{color:var(--gold);display:flex;gap:12px;align-items:center;font-size:9px;margin-bottom:29px}.status-dot{display:inline-block;height:5px;width:5px;background:var(--gold);border-radius:100%}.hero h1{font-size:clamp(2.8rem,5vw,4.75rem);letter-spacing:-.06em;line-height:1.1;font-weight:450}.hero h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--gold);letter-spacing:-.045em}.hero-description{color:#b3baad;font-size:14px;max-width:390px;margin-top:24px;line-height:1.8}.hero .button-row{margin-top:31px}.hero-footnote{display:flex;gap:9px;align-items:center;color:#929b89;font-size:10px;margin-top:28px}.hero-footnote>span{width:14px;height:1px;background:#788365}.hero-visual{position:relative;padding-block:15px}.hero-art{position:relative;background:transparent!important;height:auto!important;overflow:visible!important;padding:0!important;perspective:1000px}.hero-art .workspace{transform:rotateY(-4deg) rotateX(3deg);box-shadow:0 35px 80px #0005,0 0 0 1px #b6bc9a0a;max-width:none;width:100%;min-height:350px}.visual-caption{display:flex;justify-content:space-between;gap:16px;color:#8b9582;font-size:8px;letter-spacing:.07em;margin-top:55px;padding:0}.hero-bottom{display:flex;justify-content:space-between;gap:20px;padding-block:22px;border-top:1px solid #3b4135;color:#929b89;font-size:10px;letter-spacing:.015em}.floating-note{position:absolute;bottom:-23px;inset-inline-end:-14px;display:flex;gap:12px;align-items:center;background:#eff0e7;border:1px solid #c9cdbb;padding:14px 19px;border-radius:6px;color:#353c2c;box-shadow:0 15px 30px #0002}.floating-note .icon{padding:5px;box-sizing:content-box;background:#e2e5d6;border-radius:5px;width:17px;height:17px}.floating-note strong{display:block;font-size:11px;font-weight:550}.floating-note span{font-size:9px;color:#7a816d;display:block;margin-top:3px}
.workspace{display:grid;grid-template-columns:44px 1fr;border:1px solid #414a39;border-radius:9px;overflow:hidden;background:#262d23;color:#e4e9dc;font-size:10px;direction:ltr;width:100%;max-width:410px}.workspace-sidebar{border-right:1px solid #404937;display:flex;flex-direction:column;align-items:center;padding-block:14px;gap:23px;background:#242b21}.workspace-sidebar>.icon{width:14px;height:14px;color:#8c9a7c}.workspace-sidebar>.icon:nth-child(2){color:#d0b984}.workspace-logo{font-family:Georgia,serif;font-style:italic;font-size:24px;color:#c5b28a;margin-bottom:7px}.sidebar-bottom{margin-top:auto;color:#81936e}.sidebar-bottom .icon{width:15px;height:15px}.workspace-main{padding:17px 17px 16px;min-width:0}.workspace-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;padding-bottom:17px;border-bottom:1px solid #3b4434}.dim{color:#8c9a7b}.avatar{background:#434a38;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;font-size:8px;color:#d7d3b2}.workspace-title{margin-block:20px 15px;display:flex;align-items:center;justify-content:space-between}.mini-kicker{display:block;font-size:7px;color:#9ca88e;font-weight:400}.workspace-title strong{display:block;font-size:15px;letter-spacing:-.03em;line-height:1.5;font-weight:450;margin-top:4px}.live-dot{width:5px;height:5px;border-radius:50%;background:#b1c788;box-shadow:0 0 0 4px #98ad6e15}.workspace-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.workspace-metrics>div{border:1px solid #455039;background:#303829;border-radius:4px;padding:11px 10px}.workspace-metrics>div>span{font-size:7px;color:#a9b29e}.workspace-metrics b{display:block;font-size:23px;font-weight:450;line-height:1.5;letter-spacing:-.04em}.workspace-metrics b span{font-size:12px;color:#a6b284;float:right;font-weight:400}.workspace-metrics small{font-size:6px;color:#8e9f7a}.workspace-chart{margin-top:16px;padding:13px;border:1px solid #3f4b32;border-radius:4px}.workspace-chart>div:first-child{display:flex;justify-content:space-between;font-size:8px}.workspace-chart small{color:#97a486;font-size:6px}.workspace-chart svg{display:block;width:100%;height:auto;margin-top:12px}.chart-grid{stroke:#4a553b;stroke-width:.5;stroke-dasharray:3 3}.chart-line{stroke:#c2bf8c;stroke-width:2}.chart-area{fill:#c2bf8c0b}.chart-labels{display:flex;justify-content:space-between;color:#94a082;font-size:6px}.workspace-task{margin-top:14px;display:flex;align-items:center;gap:9px}.workspace-task .icon{width:17px;height:17px;padding:3px;color:#c4bf91;background:#45513a;border-radius:50%}.workspace-task strong{font-weight:450;font-size:8px;display:block}.workspace-task div>span{font-size:6px;color:#94a483;display:block;margin-top:2px}.workspace-task>span{margin-inline-start:auto;color:#a9b689}
/* Cards and portfolio */
.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.service-card{padding:29px 25px 26px;border:1px solid var(--line);border-radius:5px;background:var(--white);display:flex;flex-direction:column;min-height:267px;transition:box-shadow .2s,transform .2s}.service-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px #242e1710}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:39px;color:#5d654c}.card-top>span{font-size:10px;color:#8b907e}.service-card h3{font-size:17px;margin-bottom:13px}.service-card p{font-size:12px;line-height:1.8;margin:0 0 25px}.service-card .text-link{margin-top:auto;font-size:10px}.service-card .icon{color:#657150;width:24px;height:24px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.portfolio-card{min-width:0}.project-image{display:block;border-radius:6px;overflow:hidden;position:relative;border:1px solid #d2d6c8}.project-image img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.project-art{height:255px;padding:24px;display:flex;align-items:center;justify-content:center;background:#dfe4d4;overflow:hidden;position:relative;color:var(--ink)}.project-art .workspace{transform:translateY(14px);transition:transform .4s}.project-image:hover .workspace,.project-image:hover .mini-browser{transform:translateY(3px)}.project-art .workspace-main{padding:11px}.project-art .workspace-sidebar{gap:17px;padding-top:9px}.project-art .workspace-title{margin-block:13px}.project-art .workspace-title strong{font-size:11px}.project-art .workspace-top{padding-bottom:10px}.project-art .workspace-metrics>div{padding:8px 6px}.project-art .workspace-metrics b{font-size:18px}.project-art .workspace-chart{margin-top:8px;padding:7px}.project-art .workspace-task{margin-top:8px}.project-art .workspace-metrics>div>span{font-size:6px}.hero-art .workspace{transform:rotateY(-4deg) rotateX(3deg)}.hero-art .workspace-main{padding:20px}.hero-art .workspace-sidebar{padding-top:20px;gap:24px}.hero-art .workspace-title{margin-block:24px 18px}.hero-art .workspace-title strong{font-size:19px}.hero-art .workspace-top{padding-bottom:16px}.hero-art .workspace-metrics>div{padding:14px 10px}.hero-art .workspace-metrics b{font-size:26px}.hero-art .workspace-metrics>div>span{font-size:8px}.hero-art .workspace-chart{margin-top:14px;padding:14px}.hero-art .workspace-task{margin-top:17px}.hero-art .workspace-task strong{font-size:9px}.hero-art .workspace-task div>span{font-size:7px}.hero-art .mini-kicker{font-size:8px}.project-open{position:absolute;inset-inline-end:14px;bottom:14px;width:29px;height:29px;border-radius:50%;background:#f8f7ee;border:1px solid #d7dccd;display:grid;place-items:center;font-size:16px}.project-info{padding:23px 0 0;background:none}.project-meta{display:flex;justify-content:space-between;gap:10px;margin-bottom:13px;line-height:1.5;font-size:9px;color:#686f5b;text-transform:uppercase;letter-spacing:.07em}.project-meta>span:last-child{color:#838979;text-transform:none;letter-spacing:0}.project-info h3{font-size:20px;margin-bottom:11px}.project-info>p{font-size:12px;line-height:1.8;max-width:360px}.technology-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:17px}.technology-list span{font-size:8px;line-height:1.5;border:1px solid #d4d8c9;border-radius:3px;color:#747e67;padding:4px 7px}.project-info .text-link{margin-top:19px;font-size:10px}.section-note{margin-top:30px;font-size:11px;color:#767e6b}.mini-browser{border:1px solid #ded6c4;border-radius:6px;background:#f7f3e8;width:100%;box-shadow:0 15px 22px #1f281b10;overflow:hidden;transform:translateY(12px);transition:transform .4s}.browser-line{display:flex;align-items:center;gap:3px;border-bottom:1px solid #ddd8c8;padding:10px 11px}.browser-line>span{width:3px;height:3px;border-radius:100%;background:#c4b69e}.browser-line small{margin-inline-start:auto;font-size:7px;letter-spacing:.1em}.mini-web{position:relative;padding:28px 20px 36px;min-height:178px;overflow:hidden}.mini-web .mini-kicker{color:#727959;font-size:6px;position:relative;z-index:1}.mini-web strong{font-family:Georgia,serif;font-size:29px;line-height:1.05;font-weight:400;display:block;margin-top:13px;color:#404c33;position:relative;z-index:1;letter-spacing:-.035em}.mini-web strong em{font-weight:400}.mini-web-button{display:inline-block;background:#414b34;padding:6px 8px;color:#f3f0e1;font-size:6px;margin-top:12px;position:relative;z-index:1}.art-orb{position:absolute;width:147px;height:147px;border:1px solid #aba27c66;inset-inline-end:-37px;top:17px;border-radius:50%;box-shadow:0 0 0 14px #b4aa8212,0 0 0 15px #b4aa8233,0 0 0 30px #b4aa8208,0 0 0 31px #b4aa8233,0 0 0 45px #b4aa8206,0 0 0 46px #b4aa8222}.restaurant{background:#e8e1d1}.website{background:#dae0d6}.website .mini-browser{background:#ebefe7}.website .mini-web strong{font-family:inherit;font-size:26px}.art-caption{position:absolute;bottom:13px;inset-inline-start:22px;color:#929984;font-size:6px;letter-spacing:.05em;text-transform:uppercase}.automation{background:#e3e7da;padding:22px}.automation-nodes{width:100%;max-width:260px}.node{display:flex;align-items:center;gap:10px;background:#f4f5ee;border:1px solid #c7ceba;padding:12px;border-radius:5px;font-size:9px;color:#576049}.node>.icon{width:17px;height:17px}.node>i{margin-inline-start:auto;font-size:7px;font-style:normal;color:#8c957e}.node.gold{background:#c7ba97;border-color:#b6a680;color:#343a2c}.node-connector{height:21px;width:1px;background:#a9b299;margin-inline:auto}.node-branches{display:flex;gap:13px}.node-branches>.node{flex:1;font-size:7px;padding:10px 7px;gap:5px;line-height:1.2}.node-branches .icon{height:12px;width:12px}.mini-calendar{padding:22px}.mini-calendar>strong{font-weight:450;font-size:15px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:15px;font-size:8px;text-align:center}.calendar-grid>span{padding:3px}.calendar-grid>.selected{background:#606c4d;color:white;border-radius:4px}.calendar-times{display:flex;gap:8px;margin-top:15px;font-size:8px}.calendar-times>span{border:1px solid #d7d8c7;padding:5px 13px;border-radius:3px}
/* Business, process and pricing */
.problems-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 55px}.problems-grid article{border-top:1px solid var(--line);padding-top:23px}.problems-grid .icon{width:20px;color:#798268;margin-bottom:23px}.problems-grid h3{font-size:17px;margin-bottom:11px}.problems-grid p{font-size:12px}.industries-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.section-dark .eyebrow{color:#b8be9f}.section-dark .section-heading{margin-bottom:20px}.section-dark p{color:#a3ad95;font-size:13px}.section-dark .text-link{color:#d6c59e;margin-top:24px}.industry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.industry-card{display:flex;align-items:center;gap:16px;border:1px solid var(--line);background:transparent;padding:21px;border-radius:5px}.industry-card>.icon{width:19px;height:19px;color:#777f64;margin:0}.industry-card h3{font-size:12px;letter-spacing:0}.industry-card p{font-size:11px;margin-top:8px}.industry-card>span{margin-inline-start:auto;color:#858e75;font-size:15px}.industry-card:hover{background:#dfe3d6;color:inherit;border-color:#8f9a7c}.section-dark .industry-card{border-color:#3e4834;background:#2a3225;color:#e1e5d9}.section-dark .industry-card:hover{background:#333e2b}.section-dark .industry-card>.icon{color:#a0ad87}.process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;list-style:none;padding:0;margin:0}.process-grid li{border-top:1px solid var(--line);padding-top:21px}.process-grid li>span{display:inline-block;color:#878c7e;font-size:10px}.process-grid h3{font-size:16px;margin-top:29px}.process-grid p{font-size:11px;margin-top:12px}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pricing-card{position:relative;background:#f7f8f0;border:1px solid #d8dccd;border-radius:5px;padding:32px;display:flex;flex-direction:column}.pricing-card.featured{background:#283023;border-color:#283023;color:#f2f3e9}.pricing-card h3{font-size:19px;margin-bottom:13px}.pricing-card>p{font-size:11px}.pricing-card.featured p{color:#b4be9f}.plan-badge{position:absolute;top:-12px;inset-inline-end:22px;background:#c5b28a;color:#283023;border-radius:3px;padding:4px 11px;font-size:9px}.price{display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin-top:32px}.price>span{font-size:10px;color:#7b826e}.price>div{display:flex;align-items:baseline;gap:4px}.price strong{font-size:48px;font-weight:450;letter-spacing:-.06em;line-height:1.1}.price small{font-size:10px;color:#838a76}.price .ils{font-size:10px;margin-top:6px}.featured .price>span,.featured .price small{color:#afb998}.pricing-card ul{list-style:none;padding:25px 0;margin:20px 0 10px;border-top:1px solid #d5dbc7}.pricing-card li{display:flex;gap:9px;align-items:center;font-size:11px;margin-bottom:10px}.pricing-card li .icon{width:14px;height:14px;color:#86946e}.pricing-card.featured ul{border-color:#465137}.pricing-card .button{width:100%;margin-top:auto;font-size:11px;min-height:45px;padding:12px}.support-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding-block:26px;margin-top:26px;border-top:1px solid #d6dccc;border-bottom:1px solid #d6dccc}.support-strip>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.support-strip strong{font-size:12px;font-weight:500}.support-strip>div>span{font-size:11px}.support-strip small{display:block;color:#828a75;font-size:9px}.support-strip .text-link{font-size:11px}.pricing-note{font-size:10px;line-height:1.8;color:#7a826d;max-width:850px;margin-top:20px}.about-teaser{display:grid;grid-template-columns:1fr 1fr;column-gap:85px;align-items:start}.about-teaser>.eyebrow{grid-column:1/-1}.about-teaser h2{max-width:500px}.about-teaser>div>p{font-size:14px;margin-bottom:26px}.cta-band{background:#e5e7da;border-top:1px solid #dce0cc;padding-block:65px}.cta-band>.wrap{display:flex;justify-content:space-between;gap:35px;align-items:center}.cta-band h2{font-size:clamp(2rem,3.2vw,3rem)}.cta-band p:not(.eyebrow){font-size:12px;margin-top:15px}.cta-band .eyebrow{margin-bottom:16px}.cta-band .button{flex-shrink:0;background:#2b3325;color:#f2f2e9;border-color:#2b3325}.cta-band .button:hover{background:#3a4731}
/* Interior pages */
.page-intro{padding-block:84px 62px}.page-intro h1{max-width:900px;font-size:clamp(2.6rem,5vw,4.3rem)}.intro-copy{font-size:16px;max-width:630px;margin-top:23px;line-height:1.75}.benefit-strip{display:flex;gap:35px;flex-wrap:wrap;border-block:1px solid var(--line);padding:25px 0;margin-bottom:75px}.benefit-strip>span{display:flex;gap:11px;align-items:center;font-size:13px}.benefit-strip .icon{color:#7f8b65;width:19px}.build-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.build-grid article{border:1px solid var(--line);background:var(--white);padding:28px;border-radius:5px}.build-grid article>span{font-size:10px;color:#959d86;display:block;margin-bottom:36px}.build-grid h3{font-size:19px}.example-callout{margin-top:30px;padding:30px;background:#e9ecdf;border-inline-start:2px solid #b6b38b}.example-callout>.eyebrow{display:block;margin-bottom:14px}.example-callout p{font-size:17px;max-width:760px;color:#505d3e}.portfolio-grid:has(>.portfolio-card:only-child){grid-template-columns:minmax(0,550px)}.portfolio-grid:has(>.portfolio-card:only-child) .project-art{height:330px}.portfolio-grid:has(>.portfolio-card:only-child) .workspace{max-width:360px}.work-toolbar{margin-bottom:36px}.work-toolbar>p{font-size:13px;margin-bottom:20px}.work-filters{display:flex;flex-wrap:wrap;gap:8px}.work-filters button{border:1px solid #d6dccc;background:transparent;color:#67705a;border-radius:4px;padding:9px 13px;font-size:11px;min-height:40px}.work-filters button[aria-pressed=true]{background:#2d3626;border-color:#2d3626;color:#f1f3e9}.work-toolbar~.portfolio-grid{row-gap:55px}.project-detail{padding-bottom:80px}.project-showcase .project-art{height:470px}.project-showcase .workspace,.project-showcase .mini-browser{max-width:600px}.project-showcase .automation-nodes{max-width:390px}.project-showcase .node{padding:23px;font-size:15px}.project-showcase .node-branches .node{font-size:12px;padding:20px 15px}.project-showcase .mini-web{padding:45px;height:340px}.project-showcase .mini-web strong{font-size:58px}.project-showcase .art-orb{width:240px;height:240px;inset-inline-end:0;top:35px}.project-showcase .mini-web .mini-kicker{font-size:10px}.project-story{display:grid;grid-template-columns:1.6fr 1fr;gap:90px;padding-top:55px}.project-story h2{font-size:30px;margin-bottom:20px}.project-story p{font-size:14px;max-width:650px}.project-story .form-note{font-size:11px;margin-top:20px}.project-story aside{border-inline-start:1px solid var(--line);padding-inline-start:35px}.project-story aside h3{font-size:15px;margin-bottom:10px}.project-story aside h3:not(:first-child){margin-top:30px}.project-screenshot{display:block;width:100%;margin-top:30px;border-radius:6px}.pricing-faq{max-width:850px;margin:60px auto 0}.pricing-faq details{padding:21px 0;border-bottom:1px solid var(--line)}.pricing-faq summary{cursor:pointer;font-size:14px}.pricing-faq details p{font-size:13px;margin-top:17px}.about-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:75px;align-items:center}.about-brand{position:relative;display:flex;align-items:center;justify-content:center;height:360px;background:#262e21;color:#c6b38c;font-size:190px;font-family:Georgia,serif;font-style:italic;line-height:1;border-radius:5px;overflow:hidden}.about-brand>span{color:#8b9678}.about-brand>small{position:absolute;bottom:30px;font-family:Arial,sans-serif;letter-spacing:.22em;font-size:8px;font-style:normal;color:#929e7e}.about-layout h2{margin-bottom:24px}.about-layout p{font-size:14px}.values-list{list-style:none;margin:30px 0 0;padding:0}.values-list li{display:flex;align-items:center;gap:13px;font-size:12px;margin-top:18px}.values-list .icon{color:#85916f;width:17px}.legal{max-width:800px;padding-bottom:85px}.legal h2{font-size:22px;margin-top:35px;margin-bottom:15px}.legal p{font-size:14px;line-height:1.85}.legal a{display:inline-block;margin-top:18px;color:#645533}
/* Forms and real account UI */
.contact-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:75px;align-items:start}.lead-form{border:1px solid var(--line);background:var(--white);border-radius:6px;padding:35px;display:flex;flex-direction:column;gap:24px}.form-heading h2{font-size:24px}.form-heading p{font-size:11px;margin-top:11px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.premium label{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:500;min-width:0}.premium label>span[aria-hidden]{display:contents}.premium input,.premium select,.premium textarea{width:100%;min-width:0;border:1px solid #d5d9cb;padding:12px;background:#fafbf5;border-radius:4px;min-height:46px;font-size:14px;color:#333d29;font-weight:400}.premium textarea{resize:vertical}.premium .language-control{flex-direction:row;font-size:10px}.premium .language-control select{width:auto;border:0;background:transparent;color:inherit;font-size:10px;padding:0;min-height:35px}.premium .checkbox{flex-direction:row;align-items:flex-start;gap:12px;font-size:11px;font-weight:400}.checkbox input{width:16px;height:16px;min-height:16px;flex-shrink:0;margin-top:3px;accent-color:#586a3e}.checkbox a{text-decoration:underline;text-underline-offset:3px}.form-note{font-size:10px;line-height:1.8}.form-status{font-size:12px;color:#6d5832;overflow-wrap:anywhere}.form-status:empty{display:none}.form-status[data-error=true]{color:#9e3d31}.lead-form .button{align-self:flex-start}.contact-aside{padding-top:20px;position:sticky;top:115px}.contact-aside h2{font-size:38px;max-width:360px;margin-bottom:24px}.contact-aside>p:not(.eyebrow){font-size:13px;max-width:335px}.email-link{display:flex;align-items:center;gap:15px;max-width:350px;font-size:15px;color:#6b603f;margin-top:30px}.email-link .icon{width:17px}.contact-aside hr{border:0;border-top:1px solid var(--line);margin-block:35px}.contact-monogram{font-family:Georgia,serif;font-size:140px;color:#d2d6c5;line-height:1;margin-top:40px;font-style:italic}.contact-monogram span{color:#bcb595}.honeypot{display:none}.auth-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:75px 100px;align-items:start;max-width:1100px}.auth-story h1{font-size:52px;max-width:440px}.auth-story>p:not(.eyebrow){font-size:14px;margin-top:22px}.auth-art{position:relative;width:270px;height:210px;margin-top:45px;overflow:hidden;display:grid;place-items:center}.auth-art>div{position:absolute;width:175px;height:175px;border:1px solid #b4bba2;border-radius:50%}.auth-art>div:nth-child(1){transform:translateX(-37px)}.auth-art>div:nth-child(2){transform:translateX(37px)}.auth-art>div:nth-child(3){width:120px;height:120px;border-color:#c8b792}.auth-art>span{font-family:Georgia,serif;font-style:italic;font-size:60px;color:#6d7757;z-index:1}.auth-story>.auth-footnote{font-size:11px!important;color:#8e957f;margin-top:15px!important}.auth-panel{background:var(--white);border:1px solid var(--line);border-radius:7px;padding:37px}.auth-icon{width:44px;height:44px;background:#eef0e5;border:1px solid #d8dec8;border-radius:6px;display:grid;place-items:center;color:#7d8b64;margin-bottom:25px}.auth-panel h2{font-size:25px;margin-bottom:24px}.auth-panel>.form-status{margin-bottom:22px}.auth-form fieldset{padding:0;margin:0;border:0;min-width:0;display:flex;flex-direction:column;gap:20px}.auth-form .form-note{margin-top:-12px}.auth-form .button{width:100%;margin-top:3px}.password-field{display:flex;border:1px solid #d5d9cb;border-radius:4px;background:#fafbf5}.password-field input{border:0;background:none}.password-field button{border:0;background:none;color:#6d785b;font-size:10px;padding-inline:12px}.password-field:focus-within{outline:2px solid #9d824b;outline-offset:2px}.password-field input:focus-visible{outline:0}.auth-links{display:flex;flex-direction:column;gap:23px;margin-top:23px}.auth-links>.text-link{font-size:11px;align-self:flex-start}.auth-links>p{font-size:11px;padding-top:20px;border-top:1px solid var(--line)}.auth-links>p a{margin-inline-start:5px;font-size:11px}.auth-links>p .icon{display:none}.account-page{padding-block:75px 100px}.account-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.account-heading h1{font-size:43px}.account-banner{display:flex;align-items:center;gap:20px;background:#e9eddf;padding:28px;border-radius:6px;margin-bottom:28px}.account-banner>.icon{width:45px;height:45px;color:#899872;background:#dce3ce;border-radius:50%;padding:11px}.account-banner h2{font-size:20px;overflow-wrap:anywhere}.account-banner p{font-size:12px;overflow-wrap:anywhere}.account-banner>div{min-width:0}.account-badge{font-size:10px;margin-inline-start:auto;color:#6d7b56}.account-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.account-card{padding:28px;border:1px solid var(--line);background:var(--white);border-radius:5px}.account-card>.icon{color:#75865b}.status-pill{float:inline-end;font-size:9px;color:#889572;background:#edf1e4;padding:4px 8px;border-radius:3px}.account-card h2{font-size:20px;margin-top:30px;margin-bottom:14px}.account-card p{font-size:12px}.settings-panel{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:50px;padding-top:35px;border-top:1px solid var(--line)}.settings-panel h2{font-size:25px;margin-bottom:15px}.settings-panel p{font-size:12px}.settings-panel form{display:grid;gap:16px}.settings-panel form button{justify-self:start}.settings-panel .text-link{border:0;background:none;padding:4px 0;font-size:11px}
/* Footer */
.site-footer{background:#191d18;color:#d4daca;padding:60px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:55px;padding-bottom:56px}.footer-grid .brand{color:#e6e8df}.footer-tagline{font-size:12px;color:#8f9b81;margin:23px 0 18px}.footer-grid>div>a:not(.brand){font-size:11px}.footer-grid h2{font-size:11px;font-weight:500;letter-spacing:0;color:#e1e5d7;margin-block:5px 23px}.footer-link{display:block;font-size:11px;color:#9eaa8e;margin-top:10px}.footer-link .icon{display:none}.footer-link:hover{color:var(--gold)}.social-placeholder{font-size:10px;color:#9eaa8e;line-height:2}.social-placeholder small{color:#879277;font-size:9px}.footer-grid .language-control{margin-top:20px;justify-content:flex-start}.footer-bottom{display:flex;gap:20px;align-items:center;justify-content:space-between;padding-block:22px;border-top:1px solid #35402c;font-size:9px;color:#8e9c7d}.footer-bottom a{display:flex;gap:9px;align-items:center}.footer-bottom .icon{width:13px;height:13px}
/* Direction and accessibility */
[dir=rtl] body{font-family:"Noto Sans Hebrew","Noto Sans Arabic",Arial,sans-serif}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:-.02em}[dir=rtl] .eyebrow{letter-spacing:0}[dir=rtl] .text-link>.icon,[dir=rtl] .button>.icon{transform:rotate(180deg)}[dir=rtl] .hero h1 em{font-family:inherit;font-style:normal;font-weight:300}[dir=rtl] .hero h1{font-size:clamp(2.8rem,4.5vw,4.3rem)}[dir=rtl] .project-meta{letter-spacing:0}.page-demo .cta-section{display:none}.page-demo .container{width:min(1240px,calc(100% - 96px))}.page-demo .page-hero{padding-top:65px}.page-demo .demo-notice{background:#eef0e4;border-color:#dce3ca;color:#596547}.page-demo .page-hero .eyebrow{color:var(--gold-dark)}.page-demo .page-hero .lead{font-size:16px}.page-demo .demo-panel{box-shadow:none}.page-demo .button{font-size:12px}.page-demo .step-icon{color:var(--gold-dark);background:#f1eddf;border-color:#ded6bf}.page-demo .result-box{background:#edf1e3;border-color:#d9e1c7}.page-demo .form-status{color:#536435}
@media(min-width:1400px){.hero-grid{gap:85px}.hero-art .workspace{min-height:410px}.hero-art .workspace-main{padding:23px}.hero-art .workspace-chart svg{max-height:125px}}
@media(max-width:1180px){.site-header .nav-wrap{gap:20px}.main-nav{gap:16px}.nav-actions{gap:14px}.wrap{width:calc(100% - 64px)}.hero-grid{gap:35px;padding-block:65px;min-height:610px}.hero h1{font-size:clamp(3rem,5vw,4.3rem)}.service-card{padding:25px 20px}.project-art{padding:18px;height:230px}.project-info h3{font-size:18px}.industries-layout{gap:45px}.pricing-card{padding:27px}.contact-layout{gap:45px}.auth-layout{gap:60px}.hero-art .workspace-main{padding:16px}.hero-art .workspace-metrics>div{padding:10px 8px}.hero-art .workspace-title strong{font-size:16px}}
@media(max-width:1020px){.main-nav{display:none;position:absolute;top:100%;inset-inline:0;background:#22281e;border-bottom:1px solid #4b563d;padding:24px 32px;flex-wrap:wrap;gap:24px;margin:0}.main-nav.open{display:flex}.main-nav a{font-size:13px}.mobile-signin{display:block!important}.menu-toggle{display:block}.signin-link{display:none}.nav-actions{gap:20px}.hero-grid{grid-template-columns:1fr 1fr;gap:30px}.hero h1{font-size:clamp(2.8rem,5.3vw,3.6rem)}.hero-description{font-size:13px}.hero .button{padding:12px 15px;font-size:11px;gap:15px}.floating-note{inset-inline-end:0;padding:12px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card{min-height:235px;padding:28px}.card-top{margin-bottom:30px}.portfolio-grid{gap:22px;grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-grid>.portfolio-card:last-child:nth-child(3){display:block;grid-column:1/-1;max-width:calc(50% - 11px)}.project-art{height:270px;padding:24px}.industries-layout{grid-template-columns:1fr}.industries-layout .section-heading h2{max-width:600px}.problems-grid{gap:30px}.pricing-card{padding:25px 22px}.pricing-card h3{font-size:17px}.footer-grid{gap:35px}.build-grid{grid-template-columns:repeat(2,1fr)}.contact-layout{grid-template-columns:1.5fr 1fr;gap:32px}.lead-form{padding:27px}.contact-aside h2{font-size:30px}.email-link{font-size:12px;gap:6px}.about-layout{gap:45px}.auth-layout{gap:45px}.auth-story h1{font-size:43px}.auth-panel{padding:28px}.project-story{gap:45px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header .nav-wrap{height:68px;gap:16px}.brand{font-size:20px}.brand-symbol{font-size:32px}.nav-actions{gap:12px}.nav-actions>.button{display:none}.language-control select{max-width:65px}.main-nav{padding:20px;gap:23px 28px}.hero-grid{grid-template-columns:1fr;padding-block:48px 30px;gap:40px}.hero h1{font-size:clamp(3rem,9.5vw,4.6rem);line-height:1.12}.hero .eyebrow{font-size:8px;margin-bottom:22px}.hero-description{font-size:14px;max-width:370px}.hero .button{padding:14px 18px;font-size:12px}.hero-footnote{font-size:9px;margin-top:25px}.hero-visual{width:100%;max-width:490px;margin-inline:auto;padding-inline:4px}.hero-art .workspace{transform:none}.hero-art .workspace-main{padding:19px}.hero-art .workspace-metrics>div{padding:14px 10px}.hero-art .workspace-title strong{font-size:19px}.floating-note{bottom:-21px;inset-inline-end:0}.visual-caption{margin-top:50px;font-size:7px}.hero-bottom{font-size:8px;padding-block:19px}.hero-bottom>span:last-child{display:none}.section{padding-block:62px}.section-first{padding-top:0}.section-heading{display:block;margin-bottom:30px}.section-heading>.text-link{margin-top:24px}.section-heading h2{font-size:31px;max-width:550px}.section-heading p:not(.eyebrow){font-size:13px}.eyebrow{font-size:9px;margin-bottom:17px}.service-grid{gap:12px}.service-card{padding:23px 20px;min-height:245px}.service-card h3{font-size:17px}.service-card p{font-size:11px}.card-top{margin-bottom:28px}.portfolio-grid{grid-template-columns:1fr;row-gap:40px}.portfolio-grid>.portfolio-card:last-child:nth-child(3){max-width:none}.project-art{height:280px;padding:25px}.project-art .workspace{max-width:350px}.project-info{padding-top:21px}.project-meta{font-size:9px}.project-info h3{font-size:23px}.project-info>p{font-size:13px;max-width:none}.technology-list span{font-size:9px}.project-info .text-link{font-size:11px}.problems-grid{grid-template-columns:repeat(2,1fr);gap:27px 22px}.problems-grid h3{font-size:16px}.problems-grid p{font-size:11px}.industry-grid{gap:10px}.industry-card{padding:18px 13px;gap:11px}.industry-card h3{font-size:11px}.industry-card>.icon{width:17px}.process-grid{grid-template-columns:repeat(3,1fr);gap:26px 20px}.process-grid h3{margin-top:20px;font-size:16px}.process-grid p{font-size:11px}.pricing-grid{grid-template-columns:1fr;gap:23px}.pricing-card{padding:29px}.pricing-card h3{font-size:21px}.pricing-card>p{font-size:12px}.price strong{font-size:48px}.price{margin-top:25px}.pricing-card li{font-size:12px}.pricing-card .button{font-size:12px}.support-strip{grid-template-columns:1fr;gap:20px}.support-strip>div{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:20px}.support-strip strong{font-size:12px}.support-strip>div>span{justify-self:end;text-align:end;font-size:12px}.support-strip .text-link{justify-self:end}.pricing-note{font-size:10px}.about-teaser{grid-template-columns:1fr;gap:22px}.about-teaser>.eyebrow{margin-bottom:0}.about-teaser h2{font-size:32px}.about-teaser>div>p{font-size:13px}.cta-band{padding-block:48px}.cta-band>.wrap{display:block}.cta-band h2{font-size:33px}.cta-band .button{margin-top:25px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px 25px;padding-bottom:40px}.footer-grid>div:first-child{grid-column:1/-1}.site-footer{padding-top:42px}.footer-grid h2{margin-bottom:20px}.footer-bottom{flex-wrap:wrap;font-size:8px;gap:10px}.footer-bottom>span:nth-child(2){display:none}.page-intro{padding-block:51px 38px}.page-intro h1{font-size:39px}.intro-copy{font-size:14px;margin-top:20px}.benefit-strip{gap:15px 25px;padding-block:21px;margin-bottom:50px}.benefit-strip>span{font-size:11px}.build-grid{gap:12px}.build-grid article{padding:22px}.build-grid h3{font-size:18px}.example-callout{padding:23px}.example-callout p{font-size:15px}.work-filters{gap:7px}.work-filters button{font-size:10px;padding:8px 10px}.project-showcase .project-art{height:340px;padding:22px}.project-showcase .mini-web{padding:30px;height:240px}.project-showcase .mini-web strong{font-size:40px}.project-showcase .art-orb{width:170px;height:170px;inset-inline-end:-20px}.project-showcase .node{font-size:11px;padding:15px}.project-showcase .node-branches .node{font-size:9px;padding:14px 10px}.project-story{grid-template-columns:1fr;gap:30px;padding-top:35px}.project-story aside{padding-inline-start:0;border-inline-start:0;border-top:1px solid var(--line);padding-top:25px}.about-layout{grid-template-columns:1fr;gap:35px}.about-brand{height:280px;font-size:170px}.contact-layout{grid-template-columns:1fr;gap:40px}.contact-aside{position:static;padding-top:0}.contact-aside h2{font-size:33px}.contact-monogram{display:none}.email-link{font-size:15px}.lead-form{padding:25px;gap:22px}.form-grid{gap:20px 15px}.premium input,.premium select,.premium textarea{font-size:16px;padding:11px 9px}.premium .language-control select{font-size:10px}.premium label{font-size:11px}.auth-layout{grid-template-columns:1fr;gap:35px;padding-block:48px 60px;max-width:520px}.auth-story h1{font-size:39px}.auth-story>p:not(.eyebrow){font-size:13px;margin-top:16px}.auth-story .auth-art,.auth-story .auth-footnote{display:none}.auth-panel{padding:27px}.account-page{padding-block:45px 60px}.account-heading h1{font-size:32px}.account-heading .button{font-size:10px;padding:12px;min-height:40px}.account-banner{padding:22px;gap:12px}.account-badge{display:none}.account-grid{grid-template-columns:1fr}.settings-panel{grid-template-columns:1fr;gap:28px}.page-demo .container{width:calc(100% - 40px)}.page-demo .page-hero{padding-top:40px}.page-demo .demo-grid{grid-template-columns:1fr}.page-demo .demo-surface{padding-block:25px 60px}[dir=rtl] .hero h1{font-size:clamp(2.8rem,9vw,4rem)}}
@media(max-width:390px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:44px}.hero-description{font-size:13px}.service-grid{grid-template-columns:1fr}.service-card{min-height:220px}.hero-art .workspace-main{padding:12px}.hero-art .workspace-title strong{font-size:16px}.hero-art .workspace-metrics>div{padding:10px 7px}.industry-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.lead-form{padding:21px}.hero .button{padding-inline:15px;font-size:11px}.project-art{padding:20px;height:250px}.project-art .workspace{grid-template-columns:35px 1fr}.project-showcase .project-art{height:300px}.problems-grid{gap:25px 18px}.process-grid{grid-template-columns:repeat(2,1fr)}}
.page-demo table{text-align:start}.page-demo .simulation-status{margin-left:0;margin-inline-start:auto}.pricing-note,.price small,.project-meta>span:last-child,.section-note,.technology-list span{color:#626b55}.featured .price small{color:#bbc5a7}.card-top>span{color:#717966}.service-card .text-link,.footer-link{min-height:24px}.text-link{min-height:24px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Real work: original product identities within the established MooseTVs layout. */
.portfolio-grid.real-work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:52px 30px}
.real-work-grid .project-info h3{font-size:25px;margin-block:12px}
.real-work-grid .project-info>p{font-size:14px;max-width:440px}
.real-work-grid .technology-list{margin-block:20px}
.real-work-grid .project-image{border:0;border-radius:9px}
.work-cover{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:3/2;color:#f4f2e8;text-align:left}
.cover-wordmark{position:absolute;z-index:2;top:8%;left:7%;right:7%;display:flex;flex-direction:column;gap:4px}
.cover-wordmark>span{font-size:clamp(21px,2.2vw,32px);font-weight:600;line-height:1.2;letter-spacing:-.05em}
.cover-wordmark>small{font-size:12px;line-height:1.5;opacity:.8;max-width:90%}
.cover-aurum{background:radial-gradient(ellipse at 85% 0,#705348 0,transparent 63%),#252220}
.cover-solar{background:radial-gradient(ellipse at 75% 10%,#fffce7 0,transparent 67%),#e8d9a5;color:#182638}
.portfolio-browser{position:absolute;left:7%;right:7%;top:32%;border-radius:7px 7px 0 0;overflow:hidden;box-shadow:0 15px 35px #0004;border:1px solid #ffffff38;transform:perspective(1100px) rotateX(4deg);transform-origin:bottom center;transition:transform .5s}
.portfolio-browser-bar{height:20px;background:#222527;display:flex;align-items:center;gap:4px;padding-inline:10px;color:#b1b3b2}
.portfolio-browser-bar i{width:4px;height:4px;border-radius:50%;background:#737b7c}
.portfolio-browser-bar span{margin-left:auto;font-size:6px;letter-spacing:1px}
.cover-solar .portfolio-browser-bar{background:#f3eedb;color:#6f7464}
.project-image .portfolio-browser img,.portfolio-browser img{display:block;width:100%;height:auto;aspect-ratio:1265/712;object-fit:contain}
.cover-engine{background:#10262e}
.project-image .cover-engine>img,.cover-engine>img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:3/2}
.cover-disclosure{position:absolute;top:8%;right:6%;background:#10262e;color:#bdcece;font-size:9px;padding:2px 6px;border:1px solid #567079;border-radius:3px}
.cover-reemove{background:radial-gradient(ellipse at 85% 100%,#88bd77 0,transparent 70%),#163b28}
.cover-reemove:before{content:"";position:absolute;width:80%;aspect-ratio:1;border:1px solid #c6e4b922;border-radius:50%;left:-15%;top:22%}
.cover-reemove .cover-wordmark{right:45%}
.cover-reemove .cover-wordmark>span{font-size:clamp(25px,2.8vw,40px)}
.cover-reemove .cover-wordmark>small{margin-top:8px;max-width:120px;font-size:15px;line-height:1.3}
.phone-pair{position:absolute;display:flex;align-items:flex-start;gap:7%;width:56%;left:37%;top:14%;transform:rotate(-8deg);transition:transform .5s}
.portfolio-phone{width:48%;flex-shrink:0;border:4px solid #112218;border-radius:19px;overflow:hidden;box-shadow:12px 18px 30px #061b2266;background:#112218}
.phone-1{transform:translateY(15%)}
.project-image .portfolio-phone img,.portfolio-phone img{display:block;width:100%;height:auto;aspect-ratio:390/844;object-fit:contain}
.cover-caption{position:absolute;bottom:8%;left:7%;font-size:8px;letter-spacing:.12em;color:#d9e6d3}
.project-image:hover .portfolio-browser{transform:perspective(1100px) rotateX(0deg) translateY(-5px)}
.project-image:hover .phone-pair{transform:rotate(-5deg) translateY(-5px)}
.real-project-detail .project-showcase{border-radius:9px;overflow:hidden}
.real-project-detail .work-cover{aspect-ratio:2/1;max-height:620px}
.real-project-detail .cover-wordmark>span{font-size:clamp(25px,4vw,48px)}
.real-project-detail .cover-wordmark>small{font-size:16px}
.real-project-detail .portfolio-browser{left:24%;right:6%;top:auto;bottom:-13%;transform:perspective(1200px) rotateY(-5deg)}
.real-project-detail .cover-wordmark{right:68%;top:12%}
.real-project-detail .cover-reemove .cover-wordmark{right:55%;top:19%}
.real-project-detail .phone-pair{left:47%;width:40%;top:10%}
.real-project-detail .cover-engine>img{object-fit:contain}
.real-project-detail .project-story{padding-top:55px}
.project-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-block:55px 80px}
.project-capabilities>div{border-top:1px solid var(--line);padding-top:20px}
.project-capabilities span{color:#85916f;font-size:11px;display:block;margin-bottom:20px}
.project-capabilities h3{font-size:18px;line-height:1.4;max-width:280px}
.project-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.project-figure{margin:0;min-width:0;grid-column:1/-1}
.project-figure>a{display:block;border-radius:8px;overflow:hidden;background:#e5e8dc;border:1px solid var(--line)}
.project-figure img{width:100%;height:auto;display:block}
.project-figure figcaption{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px;padding-top:12px}
.project-figure.is-mobile{grid-column:auto;max-width:390px;justify-self:center;width:100%}
.project-figure.is-mobile>a{border:8px solid #15251b;border-radius:30px}
.project-context{display:flex;gap:15px;background:#eeefe8;border:1px solid var(--line);padding:22px 25px;border-radius:5px;margin-top:40px}
.project-context .icon{width:18px;color:#7d8868}.project-context p{font-size:12px;line-height:1.8;max-width:850px}
@media(max-width:760px){
 .portfolio-grid.real-work-grid{grid-template-columns:1fr;gap:38px}
 .real-work-grid .project-info h3{font-size:23px}
 .cover-wordmark>span{font-size:27px}.cover-wordmark>small{font-size:11px}
 .cover-reemove .cover-wordmark>span{font-size:29px}
 .real-project-detail .work-cover{aspect-ratio:3/2}
 .real-project-detail .cover-wordmark{right:7%;top:8%}
 .real-project-detail .cover-wordmark>span{font-size:26px}
 .real-project-detail .cover-wordmark>small{font-size:11px}
 .real-project-detail .portfolio-browser{left:7%;right:7%;top:32%;bottom:auto;transform:none}
 .real-project-detail .cover-reemove .cover-wordmark{right:45%;top:8%}
 .real-project-detail .cover-reemove .cover-wordmark>small{font-size:14px}
 .phone-pair,.real-project-detail .phone-pair{left:46%;width:49%;top:25%}
 .cover-reemove .cover-wordmark>small{max-width:100px}
 .real-project-detail .project-story{padding-top:35px}
 .project-capabilities{grid-template-columns:1fr;gap:22px;margin-block:40px 55px}
 .project-capabilities>div{display:flex;gap:20px}.project-capabilities span{margin:2px 0}
 .project-capabilities h3{font-size:17px;max-width:none}
 .project-gallery-grid{gap:25px}.project-figure.is-mobile{grid-column:1/-1;max-width:350px}
 .project-context{padding:20px;gap:10px}.project-context p{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.portfolio-browser,.phone-pair{transition:none}.project-image:hover .portfolio-browser,.project-image:hover .phone-pair{transform:none}}