/* Application consulting shell, adapted from the existing site's header. */
:root{--shell-gold:#b5854b}.site-header{height:80px;padding:0 4%;gap:24px;background:var(--bg);border-color:var(--line)}
.brand-lockup{position:relative;display:flex;align-items:center;gap:0;min-width:224px;height:44px;padding:4px 11px 4px 1px;background:#080e13;border:1px solid #54616a;border-radius:4px;box-shadow:4px 4px 0 var(--shell-gold);color:#fff;letter-spacing:.065em;font-size:11px;white-space:nowrap}
.brand-lockup img{width:58px;height:36px;object-fit:contain;transition:transform .25s}.brand-lockup:hover img{transform:translateY(-2px) rotate(-5deg)}.site-nav{display:flex;align-items:center;gap:25px;font-size:11px;white-space:nowrap}.site-nav>a{padding:14px 0;color:var(--muted)}.site-nav>a:hover,.site-nav>a[aria-current=location]{color:var(--fg);text-decoration:underline;text-underline-offset:7px}.header-actions{display:flex;align-items:center;gap:17px;font-size:11px;white-space:nowrap}.portal-link{border:1px solid var(--line);padding:11px 15px;border-radius:4px}.portal-link:hover{border-color:var(--accent)}.theme-toggle,.menu-toggle{border:0;background:transparent;display:grid;place-items:center;padding:10px;min-width:40px;min-height:44px}.theme-toggle svg{width:19px;height:19px}.menu-toggle,.mobile-utilities{display:none}.intro{padding:153px 24px 30px;min-height:57svh}.intro h1{font-size:clamp(39px,5.7vw,78px);line-height:1.06}.intro h1 em{letter-spacing:-.06em}.intro>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.8;margin:22px 0 0;max-width:570px}.intro-link{font-size:11px;margin-top:26px;display:flex;gap:25px;align-items:center;border-bottom:1px solid var(--line);padding:12px 0}.intro-link span{font-size:17px}.intro #motion-control{margin-top:20px}
.concept-nav{display:flex;align-items:center;gap:18px;margin:0 0 28px}.concept-nav button{border:0;border-bottom:1px solid transparent;padding:8px 0;background:transparent;color:var(--muted);font-size:11px;min-height:36px}.concept-nav button[aria-pressed=true]{color:var(--fg);border-color:var(--accent)}
.published{padding:100px 7% 90px;border-top:1px solid var(--line);background:var(--bg);position:relative}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;max-width:1320px;margin:0 auto 45px}.section-heading h2{font-size:clamp(35px,4.8vw,64px);line-height:1.08;font-weight:400;letter-spacing:-.055em;margin:0}.section-heading h2 em{font-family:Georgia,serif;color:var(--accent);font-weight:400}.section-heading>p{max-width:290px;color:var(--muted);font-size:13px;line-height:1.8;margin:0 0 3px}.store-grid{max-width:1320px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:26px}.store-card{min-width:0;border:1px solid var(--line);background:#15232d;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.store-art{height:410px;position:relative;overflow:hidden;display:flex;align-items:flex-start;justify-content:center;padding-top:40px;background:#d5dacc;isolation:isolate}.store-art.shipping{background:#dce2e7}.store-art:before{content:"";position:absolute;inset:25px;background-image:linear-gradient(#24372810 1px,transparent 1px),linear-gradient(90deg,#24372810 1px,transparent 1px);background-size:30px 30px;z-index:-1;mask-image:radial-gradient(ellipse,#000,transparent 80%)}.store-capture{width:204px;height:auto;border-radius:25px;border:5px solid #15201d;box-shadow:0 20px 35px #101b2530;transform:rotate(-6deg);object-fit:cover}.shipping .store-capture{transform:rotate(6deg);border-color:#1b2632}.art-label{position:absolute;left:28px;top:26px;font:10px/1.6 ui-monospace,monospace;color:#344b3a;letter-spacing:.08em;z-index:1}.shipping .art-label{color:#314c66}.store-copy{padding:28px 30px 26px;flex:1;display:flex;flex-direction:column}.app-identity{display:flex;align-items:center;gap:14px}.app-icon{width:49px;height:49px;border-radius:12px;object-fit:cover;background:#fff}.app-identity h3{font-size:24px;font-weight:400;letter-spacing:-.035em;line-height:1.2;margin:0 0 5px}.app-identity p{font-size:10px;color:var(--muted);margin:0;letter-spacing:.05em;text-transform:uppercase}.store-description{font-size:13px;line-height:1.8;max-width:420px;color:var(--muted);margin:22px 0 24px}.store-link{font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:16px 0 0;border-top:1px solid var(--line);margin-top:auto}.store-link span{font-size:20px}.store-link:hover{color:var(--accent)}.store-footnote{font-size:10px;line-height:1.7;color:var(--muted);max-width:1320px;margin:20px auto 0}.approach{padding:90px 7%;border-top:1px solid var(--line)}.approach-inner{max-width:1320px;margin:auto;display:grid;grid-template-columns:1fr 1.35fr;gap:12%}.approach h2{font-size:clamp(32px,4vw,52px);font-weight:400;line-height:1.12;letter-spacing:-.05em;margin:0;max-width:360px}.approach-list{display:grid;gap:25px}.approach-list article{display:grid;grid-template-columns:100px 1fr;gap:18px;border-top:1px solid var(--line);padding-top:21px}.approach-list h3{font-size:12px;line-height:1.8;font-weight:400;margin:0;color:var(--accent)}.approach-list p{font-size:13px;line-height:1.8;color:var(--muted);margin:0;max-width:390px}.end{min-height:58svh}.end .eyebrow{margin:0}
/* Rent a Vibe Team's parchment, ink and bronze, mapped to shell roles. */
body[data-theme=light],body[data-theme=light][data-app=fioma]{color-scheme:light;--bg:#f5f0e8;--fg:#27231f;--muted:#655d54;--line:#cdbda9;--accent:#7b572f;--surface:#faf6ee;--surface-inset:#e9dfd1;--action:#7b572f;--action-hover:#694724;--on-action:#fff;--control-boundary:#94795d;--paper-grain:url("/consulting/phone-preview-assets/paper-grain.png?v=2");--hero-glow:#b5854b14}
body[data-theme=dark],body[data-theme=dark][data-app=fioma]{color-scheme:dark;--bg:#211c18;--fg:#f4ebdf;--muted:#c2b4a4;--line:#635345;--accent:#d9b381;--surface:#302922;--surface-inset:#3a3027;--action:#d9b381;--action-hover:#e8c99f;--on-action:#2b2118;--control-boundary:#ad9477;--paper-grain:url("/consulting/phone-preview-assets/paper-grain-dark.png?v=2");--hero-glow:#c79b6010}
.store-card{color:var(--fg);background-color:var(--surface)}.mobile-utilities a{color:var(--muted)}
@media(min-width:1450px){.site-nav{gap:35px}.header-actions{gap:22px}}
@media(max-width:1190px){.site-nav{gap:18px}.header-actions{gap:9px}.brand-lockup{min-width:205px;font-size:10px}.site-header{gap:18px;padding-inline:3%}.portal-link{padding-inline:11px}}
@media(max-width:960px){.header-actions .language-link{display:none}.site-header{padding-inline:25px}.site-nav{display:none;position:absolute;top:79px;left:0;right:0;padding:20px 25px 28px;background:var(--bg);border-bottom:1px solid var(--line);font-size:15px}.site-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:2px}.site-nav>a{padding:14px 0}.mobile-utilities{display:flex;border-top:1px solid var(--line);padding-top:22px;margin-top:12px;justify-content:space-between;font-size:12px}.header-actions .portal-link{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px}.menu-toggle span{display:block;width:20px;height:1px;background:var(--fg);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.section-heading{display:block}.section-heading>p{margin-top:22px;max-width:400px}.store-art{height:370px}.store-copy{padding:24px}.approach-inner{gap:7%}.approach-list article{grid-template-columns:80px 1fr}}
@media(max-width:760px){.site-header{height:72px;padding:0 18px;gap:10px}.brand-lockup{min-width:0;width:182px;height:39px;font-size:9px;padding-right:8px;box-shadow:3px 3px 0 var(--shell-gold)}.brand-lockup img{width:45px;height:32px}.header-actions{gap:0}.theme-toggle,.menu-toggle{min-width:38px;padding:8px}.site-nav{top:71px;padding-inline:24px}.intro{padding:124px 23px 40px;min-height:51svh}.intro h1{font-size:clamp(34px,7vw,49px)}.intro>p:not(.eyebrow){font-size:12px;max-width:340px;line-height:1.8;margin-top:20px}.intro p br{display:none}.intro-link{margin-top:18px;font-size:10px}.intro .eyebrow{font-size:8px;letter-spacing:.07em}.left{top:79px;width:calc(100% - 40px);justify-content:space-between;gap:12px}.left .concept-nav{margin:0;order:2;gap:13px}.left .concept-nav button{font-size:10px}.left h2{font-size:19px}.published{padding:65px 23px}.section-heading{margin-bottom:30px}.section-heading h2{font-size:38px}.section-heading>p{font-size:12px;line-height:1.8}.store-grid{grid-template-columns:1fr;gap:25px}.store-art{height:355px;padding-top:35px}.store-capture{width:190px}.art-label{left:22px;top:21px;font-size:9px}.app-identity h3{font-size:23px}.app-identity p{font-size:9px}.store-description{font-size:12px;margin:20px 0}.approach{padding:65px 23px}.approach-inner{display:block}.approach h2{font-size:35px;margin-bottom:34px}.approach-list article{grid-template-columns:75px 1fr;gap:14px}.approach-list p{font-size:12px}.end{padding-inline:23px}.end-bottom>div{gap:18px}.end-bottom{font-size:10px}.end h2{font-size:40px}.store-footnote{font-size:9px}}
@media(max-width:360px){.site-header{padding-inline:14px}.brand-lockup{width:171px;font-size:8.5px}.brand-lockup img{width:43px}.theme-toggle,.menu-toggle{min-width:36px}.intro h1{font-size:33px}.store-copy{padding:22px}.art-label{max-width:95px}.store-capture{margin-left:45px}.source{font-size:8px}}
@media(prefers-reduced-motion:reduce){.brand-lockup img,.menu-toggle span{transition:none}.store-capture{transform:none}.shipping .store-capture{transform:none}}

/* Sticky showcase already reserves space for the fixed header. */
.story{scroll-margin-top:-90px}
/* Full production navigation. */
html{scroll-padding-top:108px}.site-header{height:94px;padding-inline:4%;gap:22px}.brand-lockup{min-width:210px;height:45px;font-size:11px}.brand-lockup img{width:62px;height:38px}.site-nav{gap:25px;font-size:11px;text-transform:uppercase;letter-spacing:.07em}.site-nav>a{min-height:44px;display:flex;align-items:center}.header-actions{gap:14px;font-size:12px}.portal-link{border:0;background:#b5854b;color:#fff;border-radius:999px;padding:11px 20px;min-height:40px}.portal-link:hover{background:#986b37;color:#fff}.client-web-link{display:flex;justify-content:space-between;align-items:center;font-size:12px;line-height:1.5;padding:14px 0;border-top:1px solid var(--line);margin-top:auto}.client-web-link+.store-link{margin-top:0}.app-identity h3>a:hover{color:var(--accent)}.story{scroll-margin-top:-108px}.stage{padding-top:119px}
@media(max-width:1190px){.site-header{padding-inline:3%;gap:17px}.site-nav{gap:18px;font-size:10px}.header-actions{gap:10px}.brand-lockup{min-width:205px;font-size:10px}}
@media(max-width:1050px){.site-nav{gap:13px;font-size:9px}.site-header{gap:14px}.header-actions{gap:6px}.portal-link{padding-inline:16px}}
@media(max-width:960px){.site-header{height:80px;padding-inline:25px}.site-nav{font-size:13px;top:79px;letter-spacing:.06em;gap:0}.site-nav.is-open{display:flex}.header-actions{gap:8px}.site-header .brand-lockup{font-size:11px}}
@media(max-width:760px){html{scroll-padding-top:90px}.site-header{height:72px;padding-inline:18px}.site-header .brand-lockup{min-width:0;width:182px;height:39px;font-size:9px}.brand-lockup img{width:45px;height:32px}.site-nav{top:71px}.stage{padding-top:120px}.story{scroll-margin-top:-90px}}
@media(max-width:360px){.site-header{padding-inline:14px}.site-header .brand-lockup{width:171px;font-size:8.5px}.brand-lockup img{width:43px}}
/* Engineering x-ray: one real interface, separated into its working regions. */
.intro.xray-hero{padding:0;display:block;text-align:center;position:relative;min-height:0;height:240svh;--assembly:0;--spread:1}.xray-hero .web-hero-stage{height:calc(100svh - 94px);position:sticky;top:94px;min-height:500px;overflow:clip;isolation:isolate;background:radial-gradient(ellipse at 50% 60%,#75858a16,transparent 65%)}.hero-copy{position:absolute;left:5%;right:5%;top:25px;z-index:2;opacity:calc(1 - var(--assembly)*3);transform:translateY(calc(var(--assembly)*-35px));pointer-events:auto}.hero-copy .eyebrow{font-size:9px;letter-spacing:.1em;margin:0 0 17px}.hero-copy h1{font-size:clamp(40px,4.4vw,65px);font-weight:400;letter-spacing:-.06em;line-height:1.06;margin:0}.hero-copy h1>span{font-family:Georgia,serif;font-style:italic;color:var(--accent)}.hero-description{font-size:12px;line-height:1.7;color:var(--muted);margin:15px 0 0}.hero-start{display:inline-block;font-size:10px;padding:8px 0;margin-top:9px;color:var(--fg);border-bottom:1px solid var(--line)}
.xray-app{position:absolute;left:50%;top:190px;width:min(72vw,1000px);transform:translateX(-50%) translateY(calc(var(--assembly)*-160px));z-index:3;perspective:1800px}.xray-selector{position:absolute;top:-29px;left:0;right:0;display:flex;justify-content:center;gap:28px;z-index:10;opacity:calc(1 - var(--assembly)*3);transform:translateY(calc(var(--assembly)*-8px))}.xray-selector button{font-size:10px;line-height:1.5;min-height:35px;padding:7px 0;border:0;border-bottom:1px solid transparent;background:transparent;color:var(--muted)}.xray-selector button[aria-pressed=true]{color:var(--fg);border-color:var(--accent)}
.xray-canvas{position:relative;width:100%;aspect-ratio:var(--source-ratio,1.6);transform-style:preserve-3d;transform:rotateX(calc(var(--spread)*8deg)) rotateY(calc(var(--spread)*-8deg)) rotateZ(calc(var(--spread)*-2deg));isolation:isolate}.xray-grid{position:absolute;inset:-20%;background-image:linear-gradient(#849aa510 1px,transparent 1px),linear-gradient(90deg,#849aa510 1px,transparent 1px);background-size:35px 35px;mask-image:radial-gradient(ellipse,#000 10%,transparent 67%);opacity:calc(var(--spread)*.8);transform:translateZ(-80px);pointer-events:none}.xray-outline{position:absolute;inset:0;border:1px dashed #9bafa74d;opacity:calc(var(--spread)*.6);transform:translateZ(-30px);pointer-events:none}.xray-open-surface{position:absolute;inset:0;z-index:1;border-radius:2px}.xray-open-surface:focus-visible{outline-offset:9px}.xray-piece{position:absolute;inset:0;pointer-events:none;transform:translate3d(calc(var(--spread)*var(--dx)),calc(var(--spread)*var(--dy)),calc(var(--spread)*var(--dz))) rotateZ(calc(var(--spread)*var(--rz)));filter:drop-shadow(0 15px 18px #0003);will-change:transform}.xray-surface{position:absolute;inset:0;clip-path:inset(var(--cut));background:#edece5}.xray-surface>img{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:fill}
.xray-piece[data-piece=navigation]{--cut:0 83.46% 0 0;--dx:-90px;--dy:15px;--dz:25px;--rz:-3deg;z-index:2}.xray-piece[data-piece=controls]{--cut:0 0 88% 16.54%;--dx:30px;--dy:-40px;--dz:105px;--rz:1deg;z-index:5}.xray-piece[data-piece=context]{--cut:12% 0 69.5% 16.54%;--dx:50px;--dy:6px;--dz:65px;--rz:1deg;z-index:3}.xray-piece[data-piece=workspace]{--cut:30.5% 0 0 16.54%;--dx:105px;--dy:65px;--dz:145px;--rz:2deg;z-index:4}
.xray-canvas[data-client=fioma] .xray-piece[data-piece=navigation]{--cut:0 0 92.6% 0;--dx:-55px;--dy:-45px;--dz:30px;--rz:-1.5deg}.xray-canvas[data-client=fioma] .xray-piece[data-piece=context]{--cut:7.4% 0 58.6% 0;--dx:-25px;--dy:-4px;--dz:70px;--rz:-1deg}.xray-canvas[data-client=fioma] .xray-piece[data-piece=controls]{--cut:41.4% 0 51.6% 0;--dx:65px;--dy:20px;--dz:115px;--rz:1.5deg}.xray-canvas[data-client=fioma] .xray-piece[data-piece=workspace]{--cut:48.4% 0 0 0;--dx:65px;--dy:85px;--dz:155px;--rz:2deg}
.xray-label{position:absolute;z-index:6;font:9px ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);opacity:var(--spread);pointer-events:none;text-align:left}.xray-label:before{content:"";display:inline-block;height:1px;width:22px;background:var(--accent);margin:0 9px 3px 0}.xray-label--navigation{left:-115px;top:35%}.xray-label--controls{right:-100px;top:-12px}.xray-label--workspace{right:-105px;top:65%}.xray-canvas[data-client=fioma] .xray-label--navigation{top:-70px;left:0}.xray-canvas[data-client=fioma] .xray-label--controls{top:40%;right:-85px}.xray-canvas[data-client=fioma] .xray-label--workspace{top:80%}
.xray-footer{position:absolute;bottom:18px;left:5%;right:5%;z-index:8;display:flex;align-items:end;justify-content:space-between;gap:25px;text-align:left;pointer-events:auto}.xray-footer>div:first-child{padding:13px 20px 12px 0;background:linear-gradient(90deg,var(--bg) 85%,transparent)}.xray-footer #web-client-name{font-size:13px;line-height:1.5;letter-spacing:-.015em}.xray-footer #web-client-description{font-size:9px;line-height:1.5;color:var(--muted);margin:5px 0 0}.xray-footer-actions{display:flex;align-items:center;justify-content:end;gap:25px;background:var(--bg);padding:10px 0 10px 20px}.xray-scroll-cue{font:9px ui-monospace,monospace;color:var(--muted);white-space:nowrap}.xray-scroll-cue>span{margin-left:10px}.xray-footer #web-open{font-size:10px;line-height:1.5;border-bottom:1px solid var(--line);padding:8px 0;white-space:nowrap}.xray-footer #motion-control{position:static;font-size:9px;padding:8px 11px;min-height:32px;margin:0;background:var(--bg)}
@media(max-width:1190px){.xray-app{width:73vw}.xray-label--navigation{left:-95px}.xray-label--controls{right:-80px}.xray-label--workspace{right:-85px}}
@media(max-width:960px){.xray-hero .web-hero-stage{top:80px;height:calc(100svh - 80px)}.xray-app{width:74vw;top:190px}.hero-copy h1{font-size:49px}.xray-footer-actions{gap:17px}.xray-scroll-cue{font-size:8px}.xray-footer #web-client-description{max-width:270px}.xray-label{font-size:8px}.xray-label:before{width:14px;margin-right:7px}.xray-label--navigation{left:-76px}.xray-label--controls{right:-65px}.xray-label--workspace{right:-70px}}
@media(max-width:760px){.intro.xray-hero{height:240svh}.xray-hero .web-hero-stage{top:72px;height:calc(100svh - 72px);min-height:460px}.hero-copy{top:24px;left:7%;right:7%}.hero-copy .eyebrow{font-size:7px;line-height:1.5;letter-spacing:.07em;margin-bottom:15px}.hero-copy h1{font-size:39px;line-height:1.04;max-width:440px;margin:auto}.hero-description{font-size:11px;max-width:280px;margin:14px auto 0}.hero-start{font-size:9px;margin-top:5px}.xray-app{width:86vw;top:235px;transform:translateX(-50%) translateY(calc(var(--assembly)*-150px)) scale(calc(1.3 - var(--assembly)*.3));perspective:1400px}.xray-selector{top:-43px;gap:24px;transform:scale(.78);transform-origin:center bottom}.xray-selector button{font-size:11px;min-height:37px}.xray-piece[data-piece=navigation]{--dx:-32px;--dy:5px;--dz:10px;--rz:-3deg}.xray-piece[data-piece=controls]{--dx:12px;--dy:-19px;--dz:35px}.xray-piece[data-piece=context]{--dx:16px;--dy:0px;--dz:20px}.xray-piece[data-piece=workspace]{--dx:28px;--dy:30px;--dz:48px}.xray-canvas[data-client=fioma] .xray-piece[data-piece=navigation]{--dx:-23px;--dy:-19px;--dz:10px}.xray-canvas[data-client=fioma] .xray-piece[data-piece=context]{--dx:-10px;--dy:0px;--dz:20px}.xray-canvas[data-client=fioma] .xray-piece[data-piece=controls]{--dx:23px;--dy:13px;--dz:37px}.xray-canvas[data-client=fioma] .xray-piece[data-piece=workspace]{--dx:23px;--dy:35px;--dz:50px}.xray-label{font-size:6px;letter-spacing:.02em}.xray-label:before{width:10px;margin-right:4px}.xray-label--navigation{left:-18px;top:90%;transform:rotate(-90deg);transform-origin:0 50%}.xray-label--controls{right:0;top:-32px}.xray-label--workspace{right:0;top:116%}.xray-canvas[data-client=fioma] .xray-label--navigation{top:-38px;left:0;transform:none}.xray-canvas[data-client=fioma] .xray-label--controls{right:-10px}.xray-canvas[data-client=fioma] .xray-label--workspace{top:120%}.xray-footer{left:6%;right:6%;bottom:12px;align-items:start;gap:10px}.xray-footer>div:first-child{padding:8px 0;max-width:53%;background:var(--bg)}.xray-footer #web-client-name{font-size:11px}.xray-footer #web-client-description{font-size:8px;line-height:1.55;margin-top:4px}.xray-footer-actions{padding:0;gap:7px;align-items:end;flex-direction:column;background:transparent}.xray-scroll-cue{font-size:7px;padding-top:8px}.xray-footer #web-open{font-size:9px;padding:5px 0}.xray-footer #motion-control{font-size:7px;padding:6px 8px;min-height:27px}.xray-grid{background-size:23px 23px}}
@media(max-width:360px){.hero-copy h1{font-size:35px;max-width:270px}.hero-copy .eyebrow{font-size:6.5px}.hero-description{font-size:10px}.xray-app{top:229px}.xray-footer #web-client-name{font-size:10px}.xray-footer #web-client-description{font-size:7px}.xray-scroll-cue{font-size:6.5px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-preview) .intro.xray-hero{height:auto}html:not(.motion-preview) .xray-hero .web-hero-stage{position:relative;top:0;height:auto;min-height:0;padding:137px 6% 35px;overflow:hidden}html:not(.motion-preview) .hero-copy{position:relative;top:auto;left:auto;right:auto;opacity:1;transform:none}html:not(.motion-preview) .xray-app{position:relative;left:auto;top:auto;width:100%;max-width:1100px;margin:70px auto 25px;transform:none}html:not(.motion-preview) .xray-selector{opacity:1;transform:none;top:-50px}html:not(.motion-preview) .xray-canvas{transform:none}html:not(.motion-preview) .xray-piece{transform:none;filter:none;will-change:auto}html:not(.motion-preview) .xray-label,html:not(.motion-preview) .xray-grid,html:not(.motion-preview) .xray-outline{display:none}html:not(.motion-preview) .xray-footer{position:relative;left:auto;right:auto;bottom:auto;margin-top:20px;align-items:center}html:not(.motion-preview) .xray-scroll-cue{display:none}@media(max-width:760px){html:not(.motion-preview) .xray-hero .web-hero-stage{padding-top:118px}html:not(.motion-preview) .xray-app{margin-top:65px}html:not(.motion-preview) .xray-selector button{font-size:10px}html:not(.motion-preview) .xray-footer{gap:15px}html:not(.motion-preview) .xray-footer #web-client-description{font-size:8px}}}
/* Client switching stays available throughout assembly. */
.xray-footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center}.xray-selector{position:static;opacity:1;transform:none;gap:24px;margin:0}.xray-selector button{font-size:10px}.xray-footer-actions{justify-self:end}.xray-footer>div:first-child{max-width:none}
@media(max-width:960px){.xray-selector{gap:17px}.xray-selector button{font-size:9px}.xray-scroll-cue{display:none}.xray-footer-actions{gap:14px}}
@media(max-width:760px){.xray-footer{grid-template-columns:minmax(0,1fr) minmax(0,1fr);row-gap:1px}.xray-footer .xray-selector{grid-column:1/-1;grid-row:2;justify-content:center;gap:27px;padding-top:5px}.xray-selector button{font-size:9px;min-height:32px}.xray-footer-actions{grid-column:2;grid-row:1;align-items:end;gap:5px}.xray-footer #web-client-description{max-width:155px}.xray-footer>div:first-child{grid-column:1;grid-row:1}.xray-footer .xray-scroll-cue{display:none}.xray-footer{background:linear-gradient(0deg,var(--bg) 78%,transparent);padding-top:14px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-preview) .xray-footer .xray-selector{position:static;transform:none}html:not(.motion-preview) .xray-app{margin-top:35px}}
/* Keep the interface clear of persistent controls; merge edges cleanly at rest. */
.xray-hero .web-hero-stage:after{content:"";position:absolute;left:0;right:0;bottom:0;height:105px;background:linear-gradient(0deg,var(--bg) 45%,transparent);pointer-events:none;z-index:7}.xray-app{width:min(72vw,calc((100svh - 225px)*var(--source-ratio,1.6)),1000px)}.xray-piece{filter:drop-shadow(0 calc(var(--spread)*15px) calc(var(--spread)*18px) rgb(0 0 0 / calc(var(--spread)*.24)))}.xray-complete{position:absolute;inset:0;opacity:clamp(0,calc((var(--assembly) - .94)/.06),1);pointer-events:none}.xray-complete img{width:100%;height:100%;display:block}.xray-label--navigation{left:-145px;top:55%;transform:rotate(-90deg);transform-origin:0 50%}.xray-label--controls{left:calc(100% + 100px);right:auto;top:-12px}.xray-label--workspace{left:calc(100% + 100px);right:auto;top:65%}.xray-canvas[data-client=fioma] .xray-label--navigation{transform:none}.xray-canvas[data-client=fioma] .xray-label--controls,.xray-canvas[data-client=fioma] .xray-label--workspace{left:calc(100% + 100px);right:auto}.xray-footer>div:first-child{background:transparent}.xray-footer-actions{background:transparent}
@media(max-width:1190px){.xray-label{display:none}}
@media(max-width:760px){.xray-app{width:86vw}.xray-hero .web-hero-stage:after{height:150px}.xray-footer{background:transparent}}
@media(prefers-reduced-motion:reduce){html:not(.motion-preview) .xray-hero .web-hero-stage:after{display:none}html:not(.motion-preview) .xray-complete{opacity:1}}
/* Native HTML text, anonymous values and non-interactive artwork. */
.xray-canvas{container-type:inline-size;pointer-events:none;user-select:none}.xray-open-surface{display:none}.showcase-ui-mount{position:absolute;inset:0}.xray-surface,.xray-complete{overflow:hidden}.showcase-ui{position:absolute;inset:0;font-family:Arial,Helvetica,sans-serif;font-size:clamp(10px,1.25cqi,15px);line-height:1.45;text-align:left;color:#26302b;background:#f0eee5;overflow:hidden;--ui-accent:#a8451d}.showcase-ui *{box-sizing:border-box}.showcase-ui svg{width:1.8cqi;min-width:12px;height:1.8cqi;min-height:12px;flex:none}.shipping-ui{display:grid;grid-template-columns:16.54% minmax(0,1fr);grid-template-rows:12% 18.5% 69.5%}.ui-side{grid-column:1;grid-row:1/4;background:#252b23;color:#d7dcd2;display:flex;flex-direction:column;border-right:1px solid #535c4b}.ui-brand{display:flex;align-items:center;gap:.9cqi;padding:1.5cqi 1.2cqi;font-size:clamp(10px,1.1cqi,13px);font-weight:600;line-height:1.4;border-bottom:1px solid #ffffff18}.ui-brand small{display:block;font-size:clamp(8px,.9cqi,11px);font-weight:400;color:#aab4a2;margin-top:.4cqi}.ui-brand-mark{display:grid;place-items:center;padding:.6cqi;border-radius:.5cqi;background:var(--ui-accent);color:#fff}.ui-nav{padding:1.2cqi .8cqi;display:grid;gap:.5cqi;font-size:clamp(10px,1.1cqi,13px)}.ui-nav>div{display:flex;align-items:center;gap:.9cqi;padding:.9cqi .8cqi;min-width:0}.ui-nav .is-active{background:#f3f1e7;color:#26302b;border-radius:.5cqi}.ui-nav svg{width:1.5cqi;height:1.5cqi}.ui-side-footer{font-size:clamp(8px,.9cqi,11px);color:#aab4a2;padding:1.3cqi;margin-top:auto;border-top:1px solid #ffffff18}.ui-topbar{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:2cqi;padding:1.3cqi 2cqi;border-bottom:1px solid #d8d9cd;background:#f8f7ef}.ui-search{display:flex;align-items:center;gap:1cqi;background:#fffef9;border:1px solid #d0d4c8;border-radius:.6cqi;color:#64715f;padding:1cqi 1.2cqi;max-width:49cqi;width:100%;font-size:clamp(10px,1.2cqi,14px)}.ui-demo-badge{font-size:clamp(9px,1cqi,12px);font-weight:500;background:#e7eee2;border:1px solid #c5d3ba;border-radius:99px;color:#465a3b;white-space:nowrap;padding:.5cqi 1cqi;flex:none}.ui-context{grid-column:2;grid-row:2;padding:1.8cqi 2.2cqi;overflow:hidden;background:#eeece1}.ui-context-title{display:flex;align-items:center;gap:1.4cqi}.ui-context h3,.showcase-ui h3{font-size:clamp(16px,2.5cqi,29px);font-weight:650;line-height:1.15;letter-spacing:-.035em;margin:0}.ui-context p{font-size:clamp(10px,1.2cqi,14px);line-height:1.6;color:#626e5a;margin:1cqi 0 0}.ui-workspace{grid-column:2;grid-row:3;padding:0 2.2cqi 2cqi;display:grid;gap:1.5cqi;align-content:start;overflow:hidden;background:#eeece1}.ui-card{border:1px solid #dedfd6;border-radius:.9cqi;background:#fff;overflow:hidden}.ui-card-heading{display:flex;align-items:center;gap:1cqi;padding:1.4cqi 1.8cqi;border-bottom:1px solid #e4e6df;font-size:clamp(11px,1.4cqi,16px)}.ui-card-heading strong{font-weight:600}.ui-card-heading>span{margin-left:auto;font-size:clamp(9px,1cqi,12px);color:#737f6b}.ui-fields{display:grid;grid-template-columns:1fr 1fr;gap:1.5cqi 2cqi;padding:1.5cqi 1.8cqi 1.8cqi}.ui-field>span{display:block;font-size:clamp(10px,1.15cqi,14px);font-weight:500;margin-bottom:.6cqi;color:#35422f}.ui-empty{height:3.7cqi;min-height:25px;display:flex;align-items:center;padding:0 1cqi;background:#f6f7f3;border:1px solid #d8dcd2;border-radius:.5cqi;color:#7b8772;font-size:clamp(12px,1.3cqi,15px)}.ui-empty-document{display:flex;align-items:center;gap:1cqi;padding:1.8cqi;color:#75816c;font-size:clamp(10px,1.1cqi,13px)}
.farm-ui{display:grid;grid-template-rows:7.4% 34% 7% 51.6%;background:#f0f7f0;--ui-accent:#306c45}.ui-farm-header{display:flex;align-items:center;justify-content:space-between;padding:0 3cqi;gap:3cqi;background:#f8fcf5;border-bottom:1px solid #cadbc8}.ui-farm-brand{display:flex;align-items:center;gap:1cqi;color:#275c39;font-size:clamp(12px,1.6cqi,18px)}.ui-farm-nav{display:flex;align-items:center;gap:3cqi;color:#456343;font-size:clamp(10px,1.15cqi,14px)}.ui-farm-context{padding:4cqi 5cqi;background:#e4efe0;color:#234d31}.ui-farm-kicker{display:block;font-size:clamp(9px,1cqi,12px);text-transform:uppercase;letter-spacing:.09em;margin-bottom:1.5cqi}.ui-farm-context h3{font-family:Georgia,serif;font-size:clamp(22px,3.6cqi,40px);font-weight:400}.ui-farm-context p{font-size:clamp(10px,1.35cqi,16px);line-height:1.65;margin:1.4cqi 0 0;color:#597650}.ui-farm-controls{display:flex;align-items:center;gap:2cqi;padding:0 4cqi;background:#f3f8ef}.ui-farm-controls .ui-search{max-width:none;padding:.8cqi 1.3cqi}.ui-farm-filter{display:flex;align-items:center;gap:1cqi;font-size:clamp(10px,1.2cqi,14px);white-space:nowrap}.ui-farm-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2cqi;padding:3cqi 4cqi;align-content:start}.ui-product{font-size:clamp(11px,1.3cqi,16px);line-height:1.5}.ui-product strong{display:block;font-weight:500;margin-top:1.2cqi}.ui-product>span{display:block;color:#829078;margin-top:.5cqi}.ui-product-visual{height:16cqi;border-radius:.8cqi;background:#e2eadb;border:1px solid #cfddc4;display:grid;place-items:center;color:#9ab08a}.ui-product-visual svg{width:4.5cqi;height:4.5cqi;stroke-width:1}.showcase-readonly{font:9px ui-monospace,monospace;color:var(--muted);white-space:nowrap;border:1px solid var(--line);padding:7px 10px;border-radius:3px}.clean-store-screen{background:#f7f8f6;display:block;padding:13px 13px 22px;color:#202b2d;font-family:Arial,Helvetica,sans-serif;height:auto;min-height:460px;text-align:left;transform:rotate(6deg)}.clean-status{display:flex;justify-content:space-between;font-size:8px;font-weight:600;margin:0 0 24px}.clean-store-brand{font-size:9px;color:#52656c;margin:0 0 14px}.clean-store-screen h4{font-size:19px;line-height:1.15;letter-spacing:-.04em;margin:0 0 13px}.clean-store-note{font-size:9px;line-height:1.6;color:#6b7b80}.clean-empty-card{border:1px solid #dce3e4;padding:13px 11px;background:#fff;border-radius:8px;margin-top:14px}.clean-empty-card>span{font-size:10px;display:block}.clean-empty-card strong{display:block;font-size:25px;font-weight:400;line-height:1.4}.clean-empty-card small{font-size:8px;line-height:1.5;color:#75858b}.xray-footer #web-client-description{max-width:330px}
@container(max-width:500px){.ui-brand{justify-content:center;padding:7px 3px}.ui-brand>div,.ui-side-footer,.ui-nav>div>span{display:none}.ui-nav{padding:5px 2px;gap:2px}.ui-nav>div{justify-content:center;padding:5px 1px}.ui-nav svg{width:13px;height:13px}.ui-topbar{padding:3px 5px;gap:4px}.ui-search{border:0;padding:0;background:transparent;font-size:8px;gap:4px}.ui-search svg{min-width:9px;min-height:9px;width:9px;height:9px}.ui-demo-badge{font-size:7px;padding:2px 5px}.ui-context{padding:6px}.ui-context h3{font-size:14px}.ui-context p,.ui-context-title .ui-demo-badge{display:none}.ui-workspace{padding:0 5px 5px;gap:5px}.ui-card{border-radius:4px}.ui-card-heading{padding:6px;font-size:10px;gap:4px}.ui-card-heading svg{min-width:10px;min-height:10px}.ui-card-heading>span{display:none}.ui-fields{gap:6px;padding:7px}.ui-field>span{font-size:8px;margin-bottom:3px}.ui-empty{font-size:10px;height:20px;min-height:20px;border-radius:3px;padding-inline:5px}.ui-field:nth-child(n+5),.ui-workspace>.ui-card:nth-child(n+2){display:none}.ui-farm-header{padding:0 7px;gap:6px}.ui-farm-brand{font-size:9px;gap:4px}.ui-farm-brand svg{min-width:10px;min-height:10px}.ui-farm-nav{display:none}.ui-farm-context{padding:12px}.ui-farm-kicker{font-size:7px;margin-bottom:5px}.ui-farm-context h3{font-size:18px}.ui-farm-context p{font-size:8px;margin-top:6px}.ui-farm-context br{display:none}.ui-farm-controls{padding:0 9px;gap:8px}.ui-farm-controls .ui-search{padding:0}.ui-farm-filter{font-size:8px;gap:4px}.ui-farm-filter svg{min-width:8px;min-height:8px}.ui-farm-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:11px}.ui-product{font-size:9px}.ui-product:nth-child(n+3){display:none}.ui-product-visual{height:50px}.ui-product-visual svg{min-width:19px;min-height:19px}.ui-product strong{margin-top:5px}}
@media(max-width:760px){.showcase-readonly{font-size:8px;padding:6px 8px}.xray-footer #web-client-description{max-width:155px}.xray-footer-actions{gap:7px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-preview) .xray-app{transform:none}html:not(.motion-preview) .xray-piece{transform:none!important}}
.clean-farm-screen{transform:rotate(-6deg);background:#f4f7ef}.clean-catalog{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px;margin-top:18px}.clean-product-card>div{display:grid;place-items:center;height:83px;border-radius:8px;background:#e4eadb;border:1px solid #d5dfc8;color:#a4b495;font-size:28px}.clean-product-card>span{font-size:8px;line-height:1.4;display:block;margin-top:7px}.clean-product-card>small{font-size:12px;color:#85917b;display:block;margin-top:4px}
@container(min-width:501px){.ui-field>span{font-size:clamp(12px,1.15cqi,14px)}.ui-search{font-size:clamp(12px,1.2cqi,14px)}.ui-nav{font-size:clamp(11px,1.1cqi,13px)}.ui-context p{font-size:clamp(12px,1.2cqi,14px)}.ui-empty-document{font-size:clamp(11px,1.1cqi,13px)}}

/* Restore the original floating-panel geometry; retain anonymous HTML content. */
.xray-app{width:min(72vw,1000px);left:50%;top:190px;transform:translateX(-50%) translateY(calc(var(--assembly)*-160px));perspective:1800px}
.xray-canvas{transform-style:preserve-3d;transform:rotateX(calc(var(--spread)*8deg)) rotateY(calc(var(--spread)*-8deg)) rotateZ(calc(var(--spread)*-2deg))}
.xray-piece{transform:translate3d(calc(var(--spread)*var(--dx)),calc(var(--spread)*var(--dy)),calc(var(--spread)*var(--dz))) rotateZ(calc(var(--spread)*var(--rz)));filter:drop-shadow(0 calc(var(--spread)*15px) calc(var(--spread)*18px) rgb(0 0 0 / calc(var(--spread)*.24)))}
@media(max-width:1190px){.xray-app{width:73vw}}
@media(max-width:960px){.xray-app{width:74vw}}
@media(max-width:760px){.xray-app{width:86vw;top:235px;transform:translateX(-50%) translateY(calc(var(--assembly)*-150px)) scale(calc(1.3 - var(--assembly)*.3));perspective:1400px}}
@media(max-width:360px){.xray-app{top:229px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-preview) .xray-app{left:auto;top:auto;transform:none;perspective:none}html:not(.motion-preview) .xray-canvas,html:not(.motion-preview) .xray-piece{transform:none!important;filter:none}}
/* Typography and clean edges improve clarity without altering the selected geometry. */
.xray-piece{filter:none;will-change:auto}.xray-piece:before{content:"";position:absolute;inset:0;clip-path:inset(var(--cut));background:#000;opacity:calc(var(--spread)*.15);transform:translate3d(0,calc(var(--spread)*8px),-1px);pointer-events:none}.showcase-ui{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.ui-card-heading{padding:1.1cqi 1.8cqi}.ui-workspace{gap:1.2cqi}.ui-empty-document{padding:1.3cqi 1.8cqi}.ui-empty{color:#5b6952}.ui-context p{color:#4e5e46}.ui-side-footer{color:#bdc7b4}
@container(min-width:501px){.ui-brand{font-size:clamp(13px,1.3cqi,15px)}.ui-brand small{font-size:clamp(11px,1.1cqi,13px)}.ui-nav{font-size:clamp(13px,1.3cqi,15px)}.ui-search{font-size:clamp(14px,1.4cqi,16px)}.ui-field>span{font-size:clamp(14px,1.4cqi,16px);color:#263521}.ui-empty{font-size:16px;min-height:34px}.ui-context h3{font-size:clamp(25px,2.9cqi,34px)}.ui-context p{font-size:clamp(14px,1.4cqi,16px)}.ui-card-heading{font-size:clamp(15px,1.65cqi,19px)}.ui-card-heading>span{font-size:clamp(11px,1.1cqi,13px)}.ui-demo-badge{font-size:clamp(11px,1.1cqi,13px)}.ui-empty-document{font-size:clamp(13px,1.3cqi,15px)}.ui-product{font-size:clamp(14px,1.5cqi,18px)}.ui-farm-nav{font-size:clamp(13px,1.3cqi,15px)}.ui-farm-filter{font-size:clamp(13px,1.3cqi,15px)}}
/* One About destination includes the company, its regions, and its delivery approach. */
.about-overview{max-width:1320px;margin:0 auto 70px;display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:start}.about-overview h2{max-width:600px;font-size:clamp(38px,4.5vw,62px);line-height:1.08}.about-overview h2 em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.about-copy{padding-top:28px}.about-copy>p{font-size:14px;line-height:1.9;color:var(--muted);margin:0 0 20px;max-width:520px}.about-copy>p:first-child{font-size:18px;line-height:1.6;color:var(--fg);letter-spacing:-.015em}.about-regions{display:flex;align-items:center;gap:24px;padding-top:6px;font:11px ui-monospace,monospace;color:var(--accent)}.about-section .approach-inner{padding-top:40px;border-top:1px solid var(--line)}.approach-summary{font-size:23px;line-height:1.35;letter-spacing:-.035em;color:var(--fg);max-width:270px;margin:0}.site-nav{gap:33px}
@media(max-width:960px){.about-overview{gap:7%}.about-copy>p{font-size:13px}.about-copy>p:first-child{font-size:16px}.site-nav{gap:0}}
@media(max-width:760px){.about-overview{display:block;margin-bottom:42px}.about-overview h2{font-size:39px;max-width:400px}.about-copy{padding-top:25px}.about-copy>p{font-size:12px;line-height:1.9;margin-bottom:17px}.about-copy>p:first-child{font-size:16px;line-height:1.65}.about-regions{font-size:10px;gap:20px}.about-section .approach-inner{padding-top:30px}.approach-summary{font-size:25px;max-width:300px;margin-bottom:32px}.ui-card-heading{padding:6px}.ui-empty-document{padding:8px}}

/* Portfolio: public products, client experiences and clearly labeled builds. */
.portfolio-section{position:relative}.section-anchor{position:absolute;top:0;left:0;scroll-margin-top:0}.portfolio-section .section-heading{align-items:start}.portfolio-section .section-heading>p{font-size:14px;max-width:350px;padding-top:31px}.portfolio-section .store-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.portfolio-section .store-art{height:330px;padding-top:37px}.portfolio-section .art-label{left:21px;top:20px;font-size:9px}.portfolio-section .store-copy{padding:25px 24px 23px}.portfolio-section .app-identity{gap:11px}.portfolio-section .app-identity h3{font-size:24px}.portfolio-section .store-description{font-size:14px;line-height:1.75;margin:22px 0;flex:1}.portfolio-section .store-capture{width:186px}.project-monogram{width:49px;height:49px;display:grid;place-items:center;flex:none;border-radius:12px;font:20px Georgia,serif;background:#e9d6b6;color:#602b14}.restaurant-art{background:#d9c9ad}.restaurant-preview{width:260px;border:1px solid #543921;border-radius:9px;overflow:hidden;transform:rotate(-4deg);box-shadow:0 18px 30px #38230e25;background:#f4eee0;margin-top:25px}.restaurant-address{font:9px ui-monospace,monospace;color:#765f43;padding:10px 13px;background:#eee5d3;display:flex;justify-content:space-between;border-bottom:1px solid #d3c7b0}.restaurant-screen{padding:17px 17px 0;color:#382b21;text-align:right}.restaurant-screen>span{font:12px/1.6 Arial,sans-serif}.restaurant-screen h4{font:700 29px/1.35 Arial,sans-serif;margin:9px 0 15px}.restaurant-screen img{display:block;object-fit:cover;width:100%;height:190px;border-radius:4px}.restaurant-screen>p{font:11px/1.6 Arial,sans-serif;margin:12px 0}.project-release-note{font-size:11px;color:var(--muted);padding-top:14px;margin:0;border-top:1px solid var(--line)}.portfolio-section .store-footnote{font-size:11px;line-height:1.7}
.portfolio-directory{max-width:1320px;margin:100px auto 0;scroll-margin-top:16px}.directory-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px}.directory-heading h3{font-size:37px;line-height:1.15;font-weight:400;letter-spacing:-.045em;margin:0}.directory-heading .eyebrow{margin-bottom:14px}.industry-jump{font-size:12px;line-height:1.6;display:flex;align-items:center;gap:24px;padding:11px 0;border-bottom:1px solid var(--line)}.industry-jump:hover{color:var(--accent)}.portfolio-toolbar{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:14px}.portfolio-filters{display:flex;flex-wrap:wrap;gap:8px}.portfolio-filters button{min-height:44px;padding:10px 15px;border:1px solid transparent;border-radius:4px;background:transparent;font-size:12px;color:var(--muted)}.portfolio-filters button[aria-pressed=true]{background:var(--fg);color:var(--bg)}.portfolio-filters button:hover:not([aria-pressed=true]){border-color:var(--line);color:var(--fg)}#portfolio-count{font:11px/1.6 ui-monospace,monospace;color:var(--muted);margin:0;white-space:nowrap}.portfolio-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:35px}.portfolio-project{min-width:0;padding:29px 0 25px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;scroll-margin-top:120px}.portfolio-project[hidden]{display:none}.project-meta{display:flex;justify-content:space-between;gap:12px;font:10px/1.6 ui-monospace,monospace;color:var(--accent);margin-bottom:14px}.project-number{color:var(--muted)}.portfolio-project h4{font-size:23px;line-height:1.2;font-weight:400;letter-spacing:-.035em;margin:0;overflow-wrap:anywhere}.portfolio-project h4 a{display:flex;justify-content:space-between;gap:8px}.portfolio-project h4 a:hover{color:var(--accent)}.portfolio-project h4 a>span{font-size:18px;color:var(--muted);flex:none}.project-formats{font-size:11px;line-height:1.6;color:var(--muted);margin:9px 0 0}.project-description{font-size:14px;line-height:1.75;color:var(--muted);margin:16px 0 23px;max-width:380px;flex:1}.project-bottom{display:flex;flex-direction:column;align-items:start;gap:12px}.project-status{font:10px/1.5 ui-monospace,monospace;border:1px solid var(--line);border-radius:3px;padding:5px 7px;color:var(--muted)}.project-action{font-size:12px;line-height:1.5;display:flex;gap:30px;align-items:center;min-height:32px}.project-action:hover{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.project-unavailable{font-size:11px;line-height:1.6;color:var(--muted);min-height:32px;display:flex;align-items:center}.portfolio-note{font-size:11px;line-height:1.7;color:var(--muted);margin:22px 0 0;max-width:660px}
.industry-section{max-width:1320px;margin:100px auto 5px;padding-top:60px;border-top:1px solid var(--line);scroll-margin-top:16px;display:grid;grid-template-columns:.8fr 1.4fr;gap:9%}.industry-heading h3{font-size:clamp(33px,3.3vw,47px);font-weight:400;line-height:1.12;letter-spacing:-.05em;margin:0}.industry-heading h3 em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.industry-heading>p:last-child{font-size:14px;line-height:1.8;color:var(--muted);max-width:300px;margin-top:25px}.industry-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:35px;row-gap:36px}.industry-grid article{border-top:1px solid var(--line);padding-top:17px}.industry-number{font:10px ui-monospace,monospace;color:var(--accent)}.industry-grid h4{font-size:21px;line-height:1.25;letter-spacing:-.025em;font-weight:400;margin:13px 0}.industry-grid p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.industry-grid .industry-examples{color:var(--accent);font-size:11px;line-height:1.8;margin-top:18px}
@media(max-width:1190px){.portfolio-section .store-grid{gap:16px}.portfolio-section .store-copy{padding:22px 20px}.portfolio-section .app-identity{align-items:start;gap:9px}.portfolio-section .app-identity h3{font-size:21px}.portfolio-section .store-art{height:290px}.portfolio-section .store-capture{width:168px}.restaurant-preview{width:220px}.portfolio-projects{column-gap:25px}.industry-section{gap:6%;grid-template-columns:.7fr 1.4fr}.industry-grid{column-gap:25px}}
@media(max-width:960px){.portfolio-section .store-grid{grid-template-columns:1fr 1fr}.restaurant-card{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.restaurant-card .store-art{height:100%;min-height:330px}.portfolio-section .section-heading>p{padding-top:0;max-width:480px}.portfolio-projects{grid-template-columns:1fr 1fr}.industry-section{display:block}.industry-heading{max-width:580px;margin-bottom:38px}.industry-heading>p:last-child{max-width:480px}.industry-grid{column-gap:40px}}
@media(max-width:760px){.portfolio-section .store-grid{grid-template-columns:1fr;gap:25px}.restaurant-card{display:flex;grid-column:auto}.restaurant-card .store-art{height:330px;min-height:0}.portfolio-section .store-art{height:330px}.portfolio-section .store-capture{width:186px}.portfolio-section .store-copy{padding:24px}.portfolio-section .app-identity h3{font-size:24px}.portfolio-section .app-identity{align-items:center}.restaurant-preview{width:260px}.portfolio-section .section-heading h2{font-size:38px}.portfolio-section .section-heading>p{font-size:14px}.portfolio-directory{margin-top:65px}.directory-heading{display:block;margin-bottom:25px}.directory-heading h3{font-size:33px}.industry-jump{width:fit-content;margin-top:18px;min-height:44px}.portfolio-toolbar{display:block;padding-block:15px}.portfolio-filters{gap:3px}.portfolio-filters button{padding-inline:11px}#portfolio-count{margin:14px 0 0}.portfolio-projects{grid-template-columns:1fr}.portfolio-project{padding-block:26px}.portfolio-project h4{font-size:25px}.project-meta{font-size:10px}.project-description{font-size:14px;max-width:550px}.project-bottom{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.project-status{max-width:55%}.project-action{font-size:11px;gap:10px;min-height:44px}.project-unavailable{font-size:10px;text-align:right;max-width:45%}.portfolio-note{font-size:11px}.industry-section{margin-top:65px;padding-top:42px}.industry-grid{grid-template-columns:1fr;gap:27px}.industry-heading h3{font-size:38px}.industry-grid h4{font-size:24px}.industry-grid p{font-size:14px}.industry-grid .industry-examples{font-size:12px}.section-anchor{scroll-margin-top:0}}
@media(prefers-reduced-motion:reduce){.restaurant-preview{transform:none}}

/* Authentic application captures replace the decorative portfolio layouts. */
.portfolio-section .store-art{height:445px;padding:56px 14px 0}.portfolio-section .real-screen-link{display:block;position:relative;width:220px;max-width:90%;align-self:flex-start;line-height:0}.actual-app-screen{display:block;width:100%;height:auto;aspect-ratio:auto;border:5px solid #1a2428;border-radius:22px;background:#fff;box-shadow:0 16px 25px #15252b2b;transform:none}.screen-open-label{position:absolute;left:0;right:0;bottom:0;background:#111c28e8;color:#fff;padding:12px;font-size:11px;line-height:1.5;text-align:center;opacity:0;transition:opacity .18s}.real-screen-link:hover .screen-open-label,.real-screen-link:focus-visible .screen-open-label{opacity:1}.portfolio-section .restaurant-card{display:flex;flex-direction:column}.portfolio-section .restaurant-card .store-art{min-height:0;height:445px}.tarek-brand-logo{width:76px;object-fit:contain;border-radius:0;background:transparent}.project-capture{position:relative;height:255px;margin:0 0 23px;background:#e9e7df;overflow:hidden;border-radius:5px;border:1px solid var(--line)}.project-capture>a{height:100%;display:flex;justify-content:center;overflow:hidden}.project-capture.is-app img{display:block;height:calc(100% - 24px);width:auto;max-width:95%;object-fit:contain;object-position:top;align-self:start}.project-capture.is-site img{display:block;width:100%;height:auto;object-fit:cover;object-position:top;align-self:start}.project-capture figcaption{position:absolute;bottom:0;left:0;right:0;padding:6px 9px;display:flex;justify-content:space-between;gap:12px;background:#14212af2;color:#e2e6e7;font:9px/1.5 ui-monospace,monospace;pointer-events:none}.portfolio-project{scroll-margin-top:120px}.portfolio-project:has(.project-capture){padding-top:25px}
@media(max-width:960px){.portfolio-section .restaurant-card{grid-column:auto}.portfolio-section .store-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-section .store-art,.portfolio-section .restaurant-card .store-art{height:360px;padding-top:65px}.portfolio-section .real-screen-link{width:190px}.project-capture{height:270px}}
@media(max-width:760px){.portfolio-section .store-grid{grid-template-columns:1fr}.portfolio-section .store-art,.portfolio-section .restaurant-card .store-art{height:470px;padding-top:55px}.portfolio-section .real-screen-link{width:225px}.project-capture{height:300px}.project-capture.is-app img{height:calc(100% - 26px)}.project-capture.is-site img{width:100%}.screen-open-label{opacity:1}.portfolio-section .art-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){.screen-open-label{transition:none}}
@media(min-width:761px) and (max-width:960px){.portfolio-section .store-grid{grid-template-columns:1fr 1fr}.portfolio-section .restaurant-card{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.portfolio-section .restaurant-card .store-art{height:100%;min-height:360px}.portfolio-section .restaurant-card .store-copy{justify-content:center}}

/* Portfolio details serve the project, without production-source captions. */
.project-capture.is-app img{height:100%}.project-capture>a{cursor:zoom-in}.project-capture--nell>a{align-items:center}.project-capture--nell.is-app img{height:auto;width:210px;max-width:82%;max-height:none;align-self:center}.project-capture figcaption{display:none}
.included-support{padding:80px 7%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:10%;background:color-mix(in srgb,var(--accent) 5%,var(--bg))}.included-support-intro{max-width:580px;justify-self:end;width:100%}.included-support-intro .eyebrow{color:var(--accent)}.included-support h2{font-size:clamp(34px,3.8vw,54px);font-weight:400;line-height:1.12;letter-spacing:-.045em;margin:0}.included-support h2 em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.included-support-intro>p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted);max-width:470px;margin:26px 0}.included-support-link{display:flex;align-items:center;gap:36px;width:fit-content;min-height:44px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.included-support-link:hover{color:var(--accent)}.included-support-steps{display:grid;gap:28px;max-width:580px;align-content:center}.included-support-steps article{display:flex;gap:22px;padding-top:22px;border-top:1px solid var(--line)}.included-support-steps article>span{font:11px/1.8 ui-monospace,monospace;color:var(--accent);flex:none}.included-support-steps h3{font-size:20px;line-height:1.3;font-weight:400;letter-spacing:-.025em;margin:0 0 9px}.included-support-steps p{font-size:14px;line-height:1.8;color:var(--muted);margin:0;max-width:400px}
@media(max-width:760px){.included-support{padding:60px 23px;grid-template-columns:1fr;gap:38px}.included-support-intro{max-width:none}.included-support h2{font-size:36px}.included-support-intro>p:not(.eyebrow){font-size:14px}.included-support-steps{gap:24px}.included-support-steps article{gap:17px}.included-support-steps h3{font-size:22px}.project-capture--nell.is-app img{width:230px;max-width:86%}}
.project-capture--menu>a{align-items:center}.project-capture--menu.is-app img{height:auto;width:210px;max-width:82%;max-height:none;align-self:center}
@media(max-width:760px){.project-capture--menu.is-app img{width:230px;max-width:86%}}

/* Static paper texture lives behind content; app imagery keeps its original pixels. */
body{background-image:var(--paper-grain);background-size:256px 256px}
.site-header,.site-nav,.published{background-color:var(--bg);background-image:var(--paper-grain);background-size:256px 256px}
.brand-lockup{background:#27231f;border-color:#8c6535;box-shadow:4px 4px 0 #b5854b;color:#fff8ee}
.portal-link{background:var(--action);color:var(--on-action);border-radius:6px}
.portal-link:hover{background:var(--action-hover);color:var(--on-action)}
.theme-sun{display:none}.theme-moon{display:block}body[data-theme=dark] .theme-sun{display:block}body[data-theme=dark] .theme-moon{display:none}
.hero-copy h1,.section-heading h2,.directory-heading h3,.industry-heading h3,.about-overview h2,.included-support h2{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.045em}
.hero-copy h1>span,.section-heading h2 em,.about-overview h2 em,.included-support h2 em{letter-spacing:inherit}
.xray-hero .web-hero-stage{background-image:var(--paper-grain),radial-gradient(ellipse at 68% 52%,var(--hero-glow),transparent 68%);background-size:256px 256px,100% 100%}
.xray-grid{background-image:linear-gradient(#8c653512 1px,transparent 1px),linear-gradient(90deg,#8c653512 1px,transparent 1px)}
.store-card{background-color:var(--surface);background-image:var(--paper-grain);background-size:256px 256px}
.store-art{background-color:#e7dfd0;background-image:var(--paper-grain);background-size:256px 256px}.store-art.shipping{background-color:#e4d8c6}.store-art.restaurant-art{background-color:#e8d3ba}
.art-label,.shipping .art-label{color:#604728}
.project-capture{background:var(--surface-inset)}
.screen-open-label{background:#3d2b1ff2}
.included-support{background-color:var(--surface-inset);background-image:var(--paper-grain);background-size:256px 256px}
.motion-control,.xray-footer #motion-control{border-color:var(--control-boundary)}
@media(max-width:760px){.brand-lockup{box-shadow:3px 3px 0 #b5854b}}
@media(forced-colors:active){body,.site-header,.site-nav,.published,.store-card,.store-art,.included-support,.xray-hero .web-hero-stage{background-image:none}.portfolio-filters button[aria-pressed=true]{outline:2px solid Highlight}.portal-link{border:1px solid ButtonText}}

.store-art.shipping,.store-art.restaurant-art{background-image:var(--paper-grain);background-size:256px 256px}

/* Native product views retain their own light control appearance. */
.screen,.static-native{color-scheme:light}
@media(forced-colors:active){.menu-toggle span{background:none;border-top:1px solid ButtonText}.store-art.shipping,.store-art.restaurant-art{background-image:none}}