/* Studio controls share a language; project canvases retain their own palettes. */
:root{--ink:#22221f;--muted:#62625d;--line:#d6d6cf;--coral:#dd5a35;--brand-action:#b53e20;--brand-tint:#f1e5de;--control-ease:cubic-bezier(.22,.7,.25,1)}
.section-label{font-size:18px;font-weight:600;line-height:1.4}
.section-note{font-size:12px;color:var(--muted);text-align:end}
.section-index{display:inline-block;direction:ltr;unicode-bidi:isolate;color:var(--brand-action);font:600 12px/1.4 'Manrope',sans-serif;margin-inline:0 14px}
.index,.identity-decision-index,.tool-label{font:600 12px/1.5 var(--font);letter-spacing:0}
.identity-decision-index{color:var(--brand-action)}
.section-top{gap:20px}
.motion-enabled .motion-reveal{opacity:1;translate:0 12px}
.motion-enabled .motion-reveal.arrived{translate:0 0}
.section-label,.section-top>h2{display:flex;align-items:center;gap:14px}
.section-label .section-index,.section-top>h2 .section-index{margin:0;flex:none}
.text-link,.email{min-height:44px;align-content:center;border-bottom:1px solid var(--line);transition:color .3s var(--control-ease),border-color .3s var(--control-ease)}
.text-link:is(:hover,:focus-visible),.email:is(:hover,:focus-visible){color:var(--brand-action);border-color:currentColor}
.header-contact{min-height:44px;border-bottom:1px solid var(--line);transition:color .3s,border-color .3s}
.header-contact:hover{color:var(--brand-action);border-color:currentColor}
:is(button,a,summary,input,select):focus-visible{outline:3px solid var(--brand-action);outline-offset:4px}
:is(.icon-button,.motion-toggle,.menu-button,.preview-views button,.expand-preview,.view-switch button,.project-pagination button){min-width:44px;min-height:44px;border-radius:3px;transition:background .3s var(--control-ease),color .3s var(--control-ease),border-color .3s var(--control-ease)}
.icon-button,.motion-toggle{background:transparent;color:var(--ink);border:1px solid var(--line)}
:is(.icon-button,.motion-toggle,.menu-button,.preview-views button,.expand-preview,.view-switch button,.project-pagination button):hover{background:var(--brand-tint);color:var(--ink)}
.preview-views button[aria-pressed=true],.view-switch button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}
.additional-work-toggle button{border-radius:3px;transition:background .3s,color .3s,border-color .3s}
.additional-work-toggle button:hover{background:var(--brand-tint);border-color:var(--brand-action)}
.lead-art .project-open{background:var(--paper);color:var(--ink);border:1px solid transparent;border-radius:3px;min-height:44px;transition:background .3s,color .3s}
.lead-art .project-open:hover{background:var(--coral);color:#171715}
.crm-gallery-toggle:hover,.crm-gallery-toggle:focus-visible{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.lead-art .art-caption .square{background:var(--coral)}
.action-band{background:#eeeee8;padding-block:30px 70px}
.action-copy h2,.services-layout>h2,.studio-inner h2{font-size:48px;font-weight:700;line-height:1.12}
.action-copy h2 span{color:var(--brand-action)}
.action-copy>p{font-size:20px;max-width:440px}
.workflow-tool{border-color:var(--line);box-shadow:none;border-radius:4px}
.workflow-tabs{background:#f3f3ee}
.workflow-tabs button{min-height:52px;transition:background .3s,color .3s,border-color .3s}
.workflow-tabs button:hover{background:var(--brand-tint)}
.workflow-tabs button[aria-selected=true]{border-color:var(--brand-action);color:var(--ink);background:white}
.work-stats>svg{color:var(--brand-action)}
.task-status{min-height:44px;border-radius:3px;background:#eeeee8;color:var(--ink)}
.task-status[data-status=active]{background:var(--brand-tint);color:#843019}
.task-status[data-status=done]{background:#e0eade;color:#2e552a}
.day-options input:checked+span,.time-options input:checked+span{background:var(--ink);border-color:var(--ink)}
.day-options input:focus-visible+span,.time-options input:focus-visible+span{outline-color:var(--brand-action)}
.day-options span,.time-options span{min-height:44px;align-content:center}
.booking-submit{justify-content:center;min-height:48px;border-radius:3px;transition:background .3s,color .3s}
.booking-submit:hover{background:var(--brand-action);color:white}
.services-layout>h2{font-size:42px;line-height:1.25}
.service-list summary{min-height:52px}
.service-list summary h3{font-size:25px;font-weight:700}
.service-number{color:var(--brand-action);font:700 16px var(--font);width:20px;flex:none}
.service-list details[open]{border-bottom-color:var(--brand-action)}
.service-list details p{padding-inline-start:40px;line-height:1.7}
.studio-band{background:var(--ink);padding-top:0}
.studio-band .section-top{border-top:0;border-bottom:1px solid #50504a;padding-block:26px;margin-bottom:46px}
.studio-band .section-index{color:#ef8c6e}
.studio-band .section-note,.studio-copy>p:not(.large-copy),.studio-bottom{color:#d4d4cc}
.studio-inner h2{font-size:62px;margin-top:0}
.studio-inner h2 span{color:#ef8c6e}
.studio-copy{padding-top:0}
.studio-copy .large-copy{font-size:27px;line-height:1.5}
.studio-copy .text-link{border-color:#75756c}
.studio-copy .text-link:is(:hover,:focus-visible){color:#ef8c6e;border-color:currentColor}
.studio-band :is(a,button):focus-visible{outline-color:#ef8c6e}
.studio-bottom{font-size:14px;border-color:#50504a;margin-top:46px;gap:20px}
.process li>span{font:600 13px/1.5 var(--font);color:var(--brand-action);margin-bottom:22px}
.process li{padding-top:18px;border-top:1px solid var(--line)}
.process h3{font-weight:700}
.contact{position:relative;isolation:isolate;border-top:2px solid var(--ink);padding-block:38px 55px}
.contact::before{content:'';position:absolute;top:-2px;right:0;width:66px;height:4px;background:var(--coral)}
.contact h2{font-size:82px;line-height:1.05;margin-block:30px}
.contact-bottom{align-items:end;gap:45px}
.contact-bottom>p{max-width:690px;line-height:1.65}
.contact-cta{min-height:56px;padding:16px 25px;font-size:21px;border-radius:3px;background:var(--brand-action);color:white;flex:none;transition:background .3s var(--control-ease),color .3s var(--control-ease)}
.contact-cta:hover{background:var(--ink);color:white}
.contact-email{display:flex;align-items:center;gap:16px;margin-top:26px;font-size:14px;color:var(--muted);flex-wrap:wrap}
.contact-email .email{margin:0;color:var(--ink)}
.site-footer{font-size:14px}
.phone-layout .section-label,.phone-layout .section-top h2{font-size:16px}
.phone-layout .section-note{font-size:12px;max-width:110px;line-height:1.4}
.phone-layout .section-index{font-size:11px;margin-inline-end:9px}
.phone-layout .action-band{padding-block:20px 40px}
.phone-layout .action-copy h2,.phone-layout .services-layout>h2{font-size:34px;line-height:1.18}
.phone-layout .action-copy>p{font-size:19px}
.phone-layout .service-list summary h3{font-size:23px}
.phone-layout .service-list details p{padding-inline-start:0;font-size:17px}
.phone-layout .studio-band{padding-top:0}
.phone-layout .studio-band .section-top{margin-bottom:30px;padding-block:23px}
.phone-layout .studio-inner h2{font-size:48px;margin-top:0}
.phone-layout .studio-copy .large-copy{font-size:24px}
.phone-layout .studio-bottom{flex-direction:column;gap:4px;margin-top:32px}
.phone-layout .process li{padding-top:16px;column-gap:14px;grid-template-columns:45px minmax(0,1fr)}
.phone-layout .process li>span{margin-block:4px 0;font-size:12px}
.phone-layout .contact{padding-block:30px 38px}
.phone-layout .contact h2{font-size:54px;line-height:1.08}
.phone-layout .contact-bottom{gap:24px;align-items:stretch}
.phone-layout .contact-bottom>p{font-size:19px}
.phone-layout .contact-bottom>p br{display:none}
.phone-layout .contact-cta{width:100%;min-height:56px;font-size:20px}
.phone-layout .contact-email{gap:3px 15px;align-items:start}
.phone-layout .preview-views{background:#eeeee8;border-radius:3px}
.mobile-contact-bar a{border-radius:3px;transition:background .3s,color .3s}
.mobile-contact-bar a:first-child{background:#eeeee8}
.mobile-contact-bar a:last-child{background:var(--brand-action);color:white}
.mobile-contact-bar a:last-child:hover{background:var(--ink)}
.dialog-image-wrap{background:#eeeee8}
@media(max-width:370px){.phone-layout .section-top{gap:10px}.phone-layout .section-note{max-width:83px;font-size:11px}.phone-layout .action-copy h2,.phone-layout .services-layout>h2{font-size:30px}.phone-layout .contact h2{font-size:46px}.phone-layout .service-list summary h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){.contact-cta,.booking-submit,.workflow-tabs button{transition:none}}
.project-brief{margin:0 0 24px;display:grid;gap:16px;border-bottom:1px solid var(--line);padding-bottom:22px}
.project-brief[hidden]{display:none}
.project-brief dt{font-size:14px;font-weight:800;color:var(--ink);margin-bottom:4px}
.project-brief dd{margin:0;font-size:18px;line-height:1.55;color:var(--ink);max-width:64ch}
.dialog-narrative{min-width:0}
.dialog-links .project-enquiry{display:flex;align-items:center;justify-content:center;min-height:48px;max-width:250px;padding:12px 18px;background:var(--brand-action);color:#fff;border:1px solid var(--brand-action);border-radius:3px;text-align:center;font-size:17px;font-weight:700;line-height:1.35;white-space:normal}
.dialog-links .project-enquiry:hover{background:var(--ink);border-color:var(--ink)}
.phone-layout .dialog-links .project-enquiry{max-width:none}
.phone-layout .project-brief dd{font-size:17px}
.phone-layout .dialog-narrative{padding-inline-end:54px}
.motion-paused .contact-cta,.motion-paused .booking-submit,.motion-paused .workflow-tabs button{transition:none}

/* One reading block faces one leading interface; the other proofs stay secondary. */
.intro{padding-block:25px 32px}
.intro .intro-top{align-items:center;gap:25px;margin-bottom:24px}
.intro .intro-top h1{font-size:56px;gap:13px;padding:0;line-height:1.05;flex:none}
.intro .identity-signature{width:34px;height:40px}
.intro-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);gap:60px;align-items:start}
.intro-copy{padding-top:62px;min-width:0}
.intro .intro-copy .intro-line{font-size:44px;line-height:1.14;max-width:460px}
.intro-description{font-size:18px;line-height:1.65;color:var(--muted);max-width:405px;margin-block:22px 17px}
.intro-copy .text-link{font-size:17px;border-color:var(--brand-action)}
.interface-scene{position:relative;isolation:isolate;height:550px;margin:0;min-width:0}
.interface-scene::before{content:'';position:absolute;z-index:-1;inset:45px 0 auto 14px;height:442px;background:var(--coral);clip-path:polygon(0 0,92% 0,100% 12%,100% 100%,0 100%)}
.interface-scene :is(a,button){display:block;position:absolute;min-width:0;padding:0;background:transparent;text-align:start}
.interface-scene :is(a,button):focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.interface-scene :is(a,button)>span{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--ink);font:800 16px/1.2 'Manrope',sans-serif;padding:12px 16px;background:white;border-bottom:1px solid var(--line)}
.interface-scene :is(a,button) small{font:600 13px var(--font);direction:rtl}
.scene-search{width:calc(100% - 10px);left:0;top:10px;background:white;border:1px solid var(--line)}
.scene-search picture{display:block;position:relative;height:300px;overflow:hidden;background:white}
.scene-search img{width:100%;height:100%;object-fit:contain;padding:0}
.scene-dashboard{width:55%;left:2%;top:320px;background:white;border:1px solid var(--line);transform:rotate(-3deg)}
.interface-scene .scene-dashboard>span{font-size:14px;padding:9px 12px;background:white}
.interface-scene .scene-dashboard>.scene-crm-crop{display:block;position:relative;height:175px;overflow:hidden;padding:0;border:0}
.scene-dashboard img{position:absolute;left:0;top:0;width:100%;height:auto;max-width:none;transform:translateY(-45.5%)}
.interface-scene .scene-phone{width:135px;right:4%;top:280px}
.scene-phone img{width:100%;height:220px;object-fit:contain}
.interface-scene .scene-phone>span{justify-content:center;border:0;background:transparent;font-size:12px;padding:4px}
.service-intro{min-width:0}
.service-intro h2{font-size:42px;line-height:1.25;font-weight:700}
.service-shared-proof,.service-inline-proof{margin:24px 0 0;min-width:0}
.service-shared-proof button,.service-inline-proof button{display:block;width:100%;position:relative;overflow:hidden;aspect-ratio:1.65;padding:12px;background:#eeeee8;border:1px solid var(--line);border-radius:3px}
.service-shared-proof img,.service-inline-proof img{width:100%;height:100%;object-fit:contain}
.service-shared-proof .service-proof-cover{position:absolute;inset:12px;width:calc(100% - 24px);height:calc(100% - 24px);background:#eeeee8;pointer-events:none}
.service-shared-proof figcaption,.service-inline-proof figcaption{font-size:13px;color:var(--muted);margin-top:10px;min-height:22px}
.service-proof-ready .service-inline-proof{display:none}
.service-proof-ready details[data-selected=true] summary h3{color:var(--brand-action)}
.service-proof-ready .service-intro{position:sticky;top:110px;align-self:start}
.service-list summary h3{min-width:0}
.service-list summary svg{margin-inline-end:5px}
.phone-layout .intro .intro-top{display:flex;flex-direction:column;align-items:start;gap:12px;margin-bottom:24px}
.phone-layout .intro .intro-top h1{font-size:47px;gap:10px;order:-1;padding:0}
.phone-layout .intro .identity-signature{width:29px;height:34px}
.phone-layout .intro-layout{display:block}
.phone-layout .intro-copy{padding:0;margin-bottom:27px}
.phone-layout .intro .intro-copy .intro-line{font-size:30px;line-height:1.15}
.phone-layout .intro-description{font-size:18px;line-height:1.6;margin-block:17px 12px}
.phone-layout .intro-copy .text-link{display:inline-flex;font-size:16px;min-height:44px}
.phone-layout .interface-scene{height:590px;margin:0;overflow:visible}
.phone-layout .interface-scene::before{inset:24px 0 auto 8px;height:490px;clip-path:polygon(0 0,93% 0,100% 7%,100% 100%,0 100%)}
.phone-layout .interface-scene :is(a,button)>span{font-size:13px;padding:9px 10px;gap:8px}
.phone-layout .interface-scene :is(a,button) small{font-size:11px}
.phone-layout .scene-search{width:calc(100% - 8px);left:0;top:0}
.phone-layout .scene-search picture{height:365px}
.phone-layout .scene-search img{position:static;width:100%;height:365px;object-fit:contain;padding:8px}
.phone-layout .scene-dashboard{width:58%;left:0;top:440px;transform:none}
.phone-layout .interface-scene .scene-dashboard>span{padding:7px;font-size:12px}
.phone-layout .interface-scene .scene-dashboard>.scene-crm-crop{height:110px;padding:0}
.phone-layout .scene-dashboard img{height:auto;padding:0}
.phone-layout .interface-scene .scene-dashboard small{font-size:10px}
.phone-layout .interface-scene .scene-phone{width:90px;right:0;top:420px}
.phone-layout .scene-phone img{height:145px}
.phone-layout .interface-scene .scene-phone>span{padding:2px;font-size:10px}
.phone-layout .service-intro{position:static}
.phone-layout .service-intro h2{font-size:34px;line-height:1.18}
.phone-layout .service-shared-proof{display:none}
.phone-layout .service-inline-proof{display:block;margin-top:20px}
.phone-layout .service-inline-proof button{aspect-ratio:1.5}
@media(max-width:370px){.phone-layout .service-intro h2{font-size:30px}.phone-layout .intro .intro-top h1{font-size:42px}.phone-layout .intro .intro-copy .intro-line{font-size:27px}.phone-layout .interface-scene{height:570px}.phone-layout .scene-search picture,.phone-layout .scene-search img{height:340px}.phone-layout .interface-scene::before{height:465px}.phone-layout .scene-dashboard{top:415px}.phone-layout .interface-scene .scene-phone{top:395px}}

/* The work-to-use transition changes the canvas, not just the heading. */
.action-band{--demo-progress:1;background:var(--coral);padding-block:46px 82px;color:#181512}
.action-band .section-top{border-color:#201c1955}
.action-band .section-index,.action-band .section-note,.action-band .action-note{color:#181512}
.action-band .action-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:85px;padding-top:48px;align-items:center}
.action-band .action-copy h2{font-size:58px;line-height:1.06}
.action-band .action-copy h2 span{color:#201c19}
.action-band .action-copy>p{font-size:21px}
.action-band .action-copy p.action-note{color:#181512}
.action-band .action-copy .text-link{color:#181512;border-color:#201c1980}
.action-band .action-copy .text-link:hover{border-color:#201c19}
.workflow-stage{position:relative;min-width:0;isolation:isolate}
.workflow-stage::before{content:'';position:absolute;inset:0 -12px -14px 12px;z-index:-1;background:var(--ink);transform:scale(calc(.74 + var(--demo-progress)*.26));transform-origin:right top;clip-path:polygon(0 0,calc(100% - (1 - var(--demo-progress))*18%) 0,100% calc((1 - var(--demo-progress))*18%),100% 100%,0 100%);pointer-events:none}
.action-band .workflow-tool{color:var(--ink);border:1px solid #201c1929;box-shadow:none;transform:none}
.phone-layout .action-band{padding-block:25px 45px}
.phone-layout .action-band .action-layout{display:block;padding-top:25px}
.phone-layout .action-band .action-copy h2{font-size:38px}
.phone-layout .action-band .action-copy>p{font-size:19px}
.phone-layout .action-band .workflow-tool{transform:none;box-shadow:none}
.phone-layout .workflow-stage::before{inset:0 -6px -7px 6px;transform:none;clip-path:none}
.phone-layout .action-band .action-copy{margin-bottom:26px}
@media(max-width:370px){.phone-layout .action-band .action-copy h2{font-size:33px}}
.motion-paused .action-band{--demo-progress:1!important}
@media(prefers-reduced-motion:reduce){.action-band{--demo-progress:1!important}}

/* Place establishes context; the overlapping screen remains the product evidence. */
.buda-place{--peel-end:43%;--peel:var(--peel-end);position:relative;height:450px;margin:0;isolation:isolate;background:var(--paper)}
.buda-place-photo,.buda-place-dark,.buda-place-light{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.buda-place-photo,.buda-place-light{clip-path:inset(0 var(--peel) 0 0)}
.buda-place-dark{clip-path:inset(0 0 0 calc(100% - var(--peel)));color:var(--ink)}
.buda-place-light{color:#fff;text-shadow:0 2px 8px #0009}
.buda-place-photo>img{width:100%;height:100%;object-fit:cover;object-position:10% 78%;transform:scale(1.18);transform-origin:left bottom}
.buda-place-label{position:absolute;top:35px;right:35px;width:min(520px,calc(100% - 70px))}
.buda-place-label>span{font-size:14px;font-weight:600}
.buda-place-label strong{display:block;font:800 58px/1.1 var(--font);margin-top:8px}
.buda-place figcaption{position:absolute;left:0;bottom:0;font-size:11px;color:var(--muted);width:36%;line-height:1.5}
.buda-place figcaption a{display:inline-block;text-decoration:underline;text-underline-offset:3px;min-height:30px;align-content:center}
.buda-place+.identity-feature-grid{margin-top:-110px;position:relative;z-index:1}
.buda-place+.identity-feature-grid .identity-decisions{padding-top:125px}
.buda-place+.identity-feature-grid .identity-main-proof{background:var(--paper);padding:12px 12px 0;margin-inline:-12px;min-width:0}
.phone-layout .buda-place{--peel-end:44%;height:352px;margin-block:0 14px}
.phone-layout .buda-place-label{top:28px;right:12px;width:calc(var(--peel-end) - 24px);max-width:calc(100% - 24px)}
.phone-layout .buda-place-label>span{font-size:12px}
.phone-layout .buda-place-label strong{font-size:30px;line-height:1.15;overflow-wrap:break-word}
.phone-layout .buda-place figcaption{width:100%;bottom:0;font-size:10px}
.phone-layout .buda-place+.identity-feature-grid{margin-top:0}
.phone-layout .buda-place+.identity-feature-grid .identity-main-proof{padding:0;margin:0}
.phone-layout .buda-place+.identity-feature-grid .identity-decisions{padding-top:0}
.motion-paused .buda-place{--peel:var(--peel-end)!important}
@media(prefers-reduced-motion:reduce){.buda-place{--peel:var(--peel-end)!important}}
@media(max-width:370px){.phone-layout .buda-place-label strong{font-size:30px}}
.identity-feature-heading{direction:ltr}
.identity-feature-heading>div{direction:rtl;text-align:left}
.identity-feature-heading>p{direction:rtl;text-align:right}
.more-work .project-caption{display:block;min-height:175px}
.more-work .project-caption p{margin-top:12px}
.project-visual.heichal{background:#e9dfc9}
.project-visual.mylanding{background:#e4e7ed}
.more-work .heichal .desktop-shot,.more-work .mylanding .desktop-shot{top:140px;height:270px;width:calc(100% - 28px);left:14px}
.more-work .heichal .stage-word{font-size:58px;translate:none;text-align:right;font-family:var(--font)}
.more-work .mylanding .stage-word{font-size:34px;translate:none}
.more-work[data-open] .project-item[data-expanded=false] .mylanding .stage-word{font-size:22px}
.more-work .project-item[data-expanded=false] .mylanding .stage-word{overflow:hidden;text-overflow:ellipsis}
.phone-layout .more-work .project-caption{min-height:0}
.more-work .project-item,.motion-enabled .more-work .project-item{transition:flex-grow .68s cubic-bezier(.2,.85,.28,1.04)}
.more-work .calmcat{background:#d4c3cb;color:#4c3b44}
.more-work .calmcat .stage-word{font-size:30px;translate:none;white-space:normal}
.more-work[data-open] .project-item[data-expanded=false] .calmcat .stage-word{font-size:22px}
.motion-paused .more-work .project-item{transition:none!important}
@media(prefers-reduced-motion:reduce){.more-work .project-item{transition:none!important}}
.interface-scene::before{background:#b7373c}
.interface-scene .scene-dashboard{top:365px}
.interface-scene .scene-phone{top:315px;width:126px}
.interface-scene{height:605px}
.phone-layout .interface-scene{height:475px}
.phone-layout .interface-scene::before{height:390px;background:#b7373c}
.phone-layout .scene-search picture,.phone-layout .scene-search img{height:210px}
.phone-layout .interface-scene .scene-dashboard{top:280px;width:58%}
.phone-layout .interface-scene .scene-phone{top:245px;width:95px}
.phone-layout .scene-phone img{height:190px}
.project-visual.poolcleaner{background:#c6dfd1}
.more-work .calmcat{background:#ad3540;color:#fff1e8}
.more-work .calmcat .stage-word{color:#f2b8ae}
.more-work .heichal{background:linear-gradient(125deg,#081c48 0%,#2454bc 50%,#0a245e 100%);color:#fff3d9}
.more-work .heichal .stage-word{color:#f0d58d}
.more-work .heichal .stage-kicker,.more-work .heichal .stage-subline{color:#fff3d9}
.more-work .heichal .phone-shot{filter:drop-shadow(0 15px 18px #0006)}
.more-work .calmcat .stage-kicker,.more-work .calmcat .stage-subline{color:#fff1e8}
.more-work .calmcat .phone-shot{filter:drop-shadow(0 12px 14px #561c3340)}
.more-work :is(.heichal,.calmcat)[data-preview=mobile] .phone-shot{transform:none!important;width:210px;height:340px;left:calc(50% - 105px);top:115px;image-rendering:auto}
.phone-layout .more-work :is(.heichal,.calmcat) .phone-shot{width:210px!important;height:350px!important;left:calc(50% - 105px)!important;top:20px!important}
.more-work .heichal[data-preview=mobile] .phone-shot{width:230px;height:355px;left:calc(50% - 115px);top:104px;filter:none;border:0;border-radius:0;background:transparent;box-shadow:none}
.phone-layout .more-work .heichal .phone-shot{width:230px!important;height:370px!important;left:calc(50% - 115px)!important;top:10px!important;filter:none}
.view-switch{flex-wrap:wrap}

/* A stable brand gateway; discovery starts below it in the natural document flow. */
.intro{min-height:calc(100svh - 155px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding-block:65px 75px;text-align:center}
.intro .intro-top{flex-direction:column;gap:24px;margin:0;justify-content:center}
.intro .intro-top h1{font-size:160px;line-height:1.05;padding:0;justify-content:center}
.intro .identity-signature{display:none}
.intro .studio-label{font-size:15px;justify-content:center}
.intro-explanation{font-size:23px;line-height:1.6;max-width:730px;margin-top:32px;color:var(--muted)}
.intro-enter{margin-top:32px;border-color:var(--brand-action)}
.phone-layout .intro{min-height:calc(100svh - 220px);padding-block:38px 48px}
.phone-layout .intro .intro-top{gap:24px}
.phone-layout .intro .intro-top h1{font-size:72px;padding:0;gap:0}
.phone-layout .intro-explanation{font-size:19px;line-height:1.65;margin-top:26px;max-width:330px}
.phone-layout .intro-explanation br{display:none}
.phone-layout .intro-enter{margin-top:28px}
@media(max-width:370px){.phone-layout .intro .intro-top h1{font-size:60px}.phone-layout .intro-explanation{font-size:18px}}
.discovery-group{min-width:0}
.group-discovery-ready.motion-enabled .discovery-group{opacity:var(--group-opacity,1);translate:0 var(--group-shift,0px);transition:none}
.group-discovery-ready.motion-enabled .discovery-anchor[data-reveal-hidden=true]{pointer-events:none}
.group-discovery-ready .discovery-group :is(.scroll-heading,.stage-word,.art-word,.motion-reveal,.discovery-text){translate:none!important;scale:none!important;clip-path:none!important}
.group-discovery-ready .discovery-group :is(.scroll-heading,.motion-reveal,.discovery-text),.group-discovery-ready .discovery-anchor.motion-reveal{opacity:1!important;translate:none!important}
.discovery-group:focus-within,.motion-paused .discovery-group{opacity:1!important;translate:none!important}
.studio-band>.discovery-group{position:relative;z-index:1}
@media(prefers-reduced-motion:reduce){.discovery-group{opacity:1!important;translate:none!important}}
@media(max-width:900px){.intro .intro-top h1{font-size:72px}.intro{min-height:calc(100svh - 220px)}.intro-explanation{font-size:19px}.buda-place{--peel-end:44%}}
@media(max-width:370px){.intro .intro-top h1{font-size:60px}.intro-explanation{font-size:18px}}

/* The restaurant frame gives way to a larger working interface on a green plane. */
.identity-feature{padding-bottom:34px}
.lead-art{height:680px;background:transparent;clip-path:none!important}
.lead-art::before{content:'';position:absolute;inset:0;background:#18392e;z-index:-1;clip-path:polygon(0 0,calc(70% + var(--scene-progress,1)*30%) 0,100% 100%,calc((1 - var(--scene-progress,1))*20%) 100%)}
.lead-art .lead-desktop,.lead-art:hover .lead-desktop{inset:60px auto auto 50%;width:min(1040px,84%);height:auto;object-fit:contain;transform:translateX(-50%);box-shadow:0 24px 45px #071d2438}
.discovery-ready.motion-enabled .lead-art:not([data-features-open=true]) .lead-desktop{transform:translateX(calc(-50% + (1 - var(--scene-progress,1))*90px)) translateY(calc((1 - var(--scene-progress,1))*70px)) scale(calc(.76 + var(--scene-progress,1)*.24));transform-origin:center;transition:none}
.lead-art .art-word{font-size:120px;bottom:0}
.phone-layout .lead-art::before{clip-path:polygon(calc((1 - var(--scene-progress,1))*12%) 0,100% 0,100% 100%,0 100%)}
.discovery-ready.motion-enabled.phone-layout .lead-art:not(:focus-within) .crm-feature-image img{transform:translateY(calc((1 - var(--scene-progress,1))*32px)) scale(calc(.9 + var(--scene-progress,1)*.1))!important;transform-origin:center bottom}
.motion-paused .lead-art{--scene-progress:1!important}
.motion-paused .lead-art::before{clip-path:none}
.motion-paused .lead-art .lead-desktop{transform:translateX(-50%)!important}
.motion-paused.phone-layout .lead-art .crm-feature-image img{transform:none!important}
@media(prefers-reduced-motion:reduce){.lead-art{--scene-progress:1!important}.lead-art::before{clip-path:none}.lead-art .lead-desktop{transform:translateX(-50%)!important}.phone-layout .lead-art .crm-feature-image img{transform:none!important}}
@media(max-width:900px){.lead-art{height:470px}.lead-art .lead-desktop{width:90%;top:75px}}

/* Stacked layouts reveal the reading block, then the actual product surface. */
.group-discovery-ready.phone-layout .mobile-staged-section>.discovery-group{opacity:1!important;translate:none!important}
.group-discovery-ready.motion-enabled.phone-layout .mobile-discovery-stage{opacity:var(--stage-opacity,1)!important;translate:0 var(--stage-shift,0px)!important;transition:none}
.group-discovery-ready.phone-layout .mobile-discovery-stage:focus-within{opacity:1!important;translate:none!important}
.group-discovery-ready.motion-enabled.phone-layout .buda-place-photo>img{transform:scale(calc(1.12 - var(--stage-progress,1)*.12));transform-origin:left center}
.group-discovery-ready.motion-enabled.phone-layout .lead-art .crm-feature-gallery{scale:calc(.92 + var(--scene-progress,1)*.08);transform-origin:center top}
.group-discovery-ready.motion-enabled.phone-layout .lead-art .crm-feature-image img{transform:none!important}
.motion-paused .mobile-discovery-stage{opacity:1!important;translate:none!important}
@media(prefers-reduced-motion:reduce){.mobile-discovery-stage{opacity:1!important;translate:none!important}.crm-feature-gallery{scale:1!important}}

/* Fade the owner of backgrounds, borders and pseudo-elements, not just its text. */
.group-discovery-ready.motion-enabled .discovery-anchor{opacity:var(--surface-opacity,1)!important}
.group-discovery-ready.motion-enabled .discovery-anchor>.discovery-group{opacity:1!important}
.group-discovery-ready.motion-enabled .discovery-anchor:focus-within{opacity:1!important}
.motion-paused .discovery-anchor{opacity:1!important}
@media(prefers-reduced-motion:reduce){.discovery-anchor{opacity:1!important}}

/* Three entrances: peeling a fixed photograph, assembling a workspace, laying out projects. */
.buda-photo-window,.buda-light-window{width:100%;height:100%}
.buda-photo-window>img{width:100%;height:100%;object-fit:cover;object-position:10% 78%;transform-origin:left center}
.group-discovery-ready.motion-enabled :is(.sequence-buda,.sequence-crm)>.discovery-group{translate:none!important}
.group-discovery-ready.motion-enabled .sequence-buda :is(.identity-feature-heading,.buda-place){translate:none!important;opacity:1!important}
.group-discovery-ready.motion-enabled .sequence-buda .identity-feature-heading>div{translate:calc((1 - var(--sequence-progress,1))*24px) 0}
.group-discovery-ready.motion-enabled .sequence-buda .identity-feature-heading>p{translate:calc((1 - var(--sequence-progress,1))*-24px) 0}
.group-discovery-ready.motion-enabled :is(.buda-photo-window,.buda-light-window){clip-path:none}
.buda-photo-window>img{transform:none!important}
.group-discovery-ready.motion-enabled .buda-place :is(.buda-place-dark,.buda-place-light){opacity:min(1,calc(var(--sequence-progress,1)*5))}
.identity-main-proof .identity-aperture{background:var(--coral)}
.discovery-ready.motion-enabled .lead-art:not([data-features-open=true]) .lead-desktop{transform:translateX(-50%) translateY(calc((1 - var(--scene-progress,1))*72px)) scale(calc(.82 + var(--scene-progress,1)*.18))}
.group-discovery-ready.motion-enabled .sequence-card>.discovery-group{translate:var(--entry-x,0px) var(--entry-y,0px)}
.group-discovery-ready.motion-enabled.phone-layout .sequence-crm .lead-art{translate:none!important;opacity:min(1,calc(var(--sequence-progress,1)*5))!important}
.group-discovery-ready.motion-enabled.phone-layout .lead-art .crm-feature-gallery{scale:calc(.92 + var(--scene-progress,1)*.08);translate:0 calc((1 - var(--scene-progress,1))*36px);transform-origin:center top}
.phone-layout .sequence-buda .identity-feature-heading{overflow:clip}
.phone-layout #work .preview-views button{background:transparent;color:var(--ink);border:1px solid transparent;white-space:normal;line-height:1.4}
.phone-layout #work .preview-views button:is(:hover,:focus,:active){background:var(--brand-tint);color:var(--ink)}
.phone-layout #work .preview-views button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.motion-paused .buda-photo-window,.buda-place:focus-within .buda-photo-window{clip-path:none!important}
.motion-paused .buda-photo-window>img{transform:none!important}
.motion-paused .identity-feature-heading>div,.motion-paused .identity-feature-heading>p{translate:none!important}
.motion-paused .crm-feature-gallery{scale:1!important;translate:none!important}
.group-discovery-ready.phone-layout .sequence-crm .lead-art:focus-within{opacity:1!important;translate:none!important}
.lead-art:focus-within .crm-feature-gallery{scale:1!important;translate:none!important}
@media(prefers-reduced-motion:reduce){.buda-photo-window{clip-path:none!important}.buda-photo-window>img{transform:none!important}.identity-feature-heading>div,.identity-feature-heading>p,.crm-feature-gallery{translate:none!important}.crm-feature-gallery{scale:1!important}}

/* Owner-supplied mockups already include the device, edges and shadow. */
.desktop-work .device-mockup .mobile-peek .phone-shot{width:230px;height:325px;top:12px;left:calc(50% - 115px);right:auto;object-fit:contain;transform:none;border:0;border-radius:0;background:transparent;box-shadow:none;filter:none}
.phone-layout .desktop-work .device-mockup .mobile-peek .phone-shot{width:230px!important;height:370px!important;top:10px!important;left:calc(50% - 115px)!important;right:auto!important;object-fit:contain!important;transform:none!important;border:0;border-radius:0;background:transparent;box-shadow:none;filter:none}

@media(hover:hover) and (pointer:fine){html:not(.phone-layout) .buda-place-photo{border-radius:0;transition:border-radius .32s ease}html:not(.phone-layout) .buda-place:hover .buda-place-photo{border-radius:14px}}
.motion-paused .buda-place-photo{border-radius:0!important;transition:none!important}
:is(button,a,summary):not(:disabled):not([aria-disabled=true]):active{opacity:.76}
/* Keep theme transitions out of task state changes; only pointer feedback fades. */
#crm-demo .task-status{inline-size:112px;flex-shrink:0;transition:opacity 100ms ease-out;opacity:1}
#crm-demo .task-status svg{transform-box:fill-box;transform-origin:center}
#crm-demo .task-status:not([aria-disabled=true]):active:not(:focus-visible){opacity:.8}
#crm-demo .task-status:focus-visible{outline:2px solid var(--ink);outline-offset:3px;opacity:1;transition:none}
#crm-demo .task-status[aria-disabled=true]{cursor:default;opacity:1;transition:none}
.motion-paused #crm-demo .task-status{transition:none}
@media(prefers-reduced-motion:reduce){#crm-demo .task-status{transition:none}}
@media(prefers-reduced-motion:reduce){.buda-place-photo{border-radius:0!important;transition:none!important}}

.site-footer>div{flex-wrap:wrap}