/* V4 — two full demos with shared content and illustrative assets. */
.demo-switch{position:fixed;left:22px;bottom:20px;right:auto;top:auto;z-index:40;width:auto;min-width:0;height:auto;display:flex;flex-direction:row;align-items:center;gap:3px;margin:0;padding:5px 6px 5px 12px;border:1px solid #ffffff3b;border-radius:50px;background:#191817df;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 6px 25px #0003;color:#eee7dc}.demo-switch>span{font:8px ui-monospace,monospace;letter-spacing:1px;color:#b2a89a;margin-right:7px}.demo-switch>a{display:block;font-size:11px;line-height:1.5;padding:8px 15px;border:0!important;border-radius:30px;color:#ccc2b4}.demo-switch>a[aria-current=true]{background:#e9e1d5;color:#211d18}.demo-switch>a:after{display:none!important}.demo-switch>a:hover{color:var(--gold)}.demo-switch .motion-toggle{width:33px;height:33px;border-radius:50%;border:1px solid #ffffff30;background:#ffffff0a;color:#e9e1d5;margin-left:3px;font-size:13px;display:grid;place-items:center;padding:0}.demo-switch .motion-toggle[aria-pressed=true]{color:#d8b575;border-color:#a78a5d}
.signage-film{position:absolute;width:max(100cqw,150cqh);height:max(66.6667cqw,100cqh);left:50%;top:50%;transform:translate(-50%,-50%);isolation:isolate}.display-backdrop{container-type:size}.signage-film>.signage-still{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:fill}.shoe-window{position:absolute;left:36.6%;top:15%;width:37%;height:43%;clip-path:polygon(0 0,100% 25%,100% 100%,0 80%);overflow:hidden}.moving-shoe{position:absolute;left:25%;top:8%;width:55%;height:75%;object-fit:contain;filter:drop-shadow(0 14px 9px #3f180d35);animation:shoeFloat 5s ease-in-out infinite;transform-origin:50% 55%;will-change:transform}.coffee-steam{position:absolute;left:15%;top:27%;width:13%;height:19%;pointer-events:none;mix-blend-mode:screen}.coffee-steam i{position:absolute;left:28%;bottom:0;width:24%;height:70%;border-left:3px solid #fff9;border-radius:50%;filter:blur(2px);opacity:0;animation:steamRise 4.8s ease-in-out infinite}.coffee-steam i:nth-child(2){left:45%;height:85%;animation-delay:1.3s;border-width:4px;filter:blur(3px)}.coffee-steam i:nth-child(3){left:15%;height:65%;animation-delay:2.5s;filter:blur(2.5px)}.coffee-steam i:nth-child(4){left:55%;height:80%;animation-delay:3.6s;border-color:#fff6;filter:blur(3px)}@keyframes shoeFloat{0%,100%{transform:translateY(3px) rotate(-2deg) scale(.99)}50%{transform:translateY(-10px) rotate(2deg) scale(1.025)}}@keyframes steamRise{0%{opacity:0;transform:translate(0,12%) scaleX(.55) rotate(-9deg)}20%{opacity:.22}50%{opacity:.42;transform:translate(10%,-12%) scaleX(1.2) rotate(11deg)}100%{opacity:0;transform:translate(-15%,-75%) scaleX(1.7) rotate(-16deg)}}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.pos-illustration{width:100%;height:100%;object-fit:cover;filter:none}.pos-artboard{background:#e5dfd3}.pos-model-tag{z-index:2;background:#f7f2e7cf;left:14%;right:14%;padding:8px;border:1px solid #00000016;border-radius:30px;color:#6d604e;font-size:6px}
/* Warm-white direction: dark ink, soft limestone surfaces and original gold. */
.theme-light{--bg:#f4f1e9;--panel:#fffdf8;--ink:#25231f;--muted:#665f55;--gold:#8c6739;--line:#30291e2b;--light:#e5dfd3;background:#f4f1e9;color:var(--ink)}.theme-light.inner-page{background:radial-gradient(ellipse 700px 500px at 100% 0,#dfcfb04d,transparent),#f4f1e9}.theme-light ::selection{background:#b58e55;color:#fff}.theme-light .demo-label{color:#756b5b}.theme-light .nav-shell{background:linear-gradient(150deg,#fffefaef,#eae4d8cc);border-color:#8e7d5e44;box-shadow:inset 0 1px 2px #fff,0 12px 40px #4a341112}.theme-light.scrolled .nav-shell{background:#faf7f0f2}.theme-light .brand{background:#131211;padding:9px 12px;border-radius:12px;width:190px}.theme-light .brand img{width:100%;height:auto}.theme-light nav a{color:#665c4e}.theme-light nav a:hover,.theme-light nav a[aria-current]{color:#29231c}.theme-light .nav-cta{background:#25221c;color:#fff6e9;box-shadow:inset 0 1px 2px #ffffff2b}.theme-light .nav-cta:hover{background:#50412c;color:#fff}.theme-light .menu-toggle{border-color:#8b7a5f66;background:#a18b6520}.theme-light .menu-toggle span{background:#473a28}.theme-light .hero-shade{background:linear-gradient(90deg,#f4f1e9f5 0,#f4f1e99c 28%,#f4f1e900 62%),linear-gradient(0deg,#f4f1e9 0,transparent 28%,transparent 85%)}.theme-light .hero h1{text-shadow:0 4px 50px #f4f1e966}.theme-light .hero h1 em{color:#8b673c}.theme-light .hero-kicker{color:#6b553b}.theme-light .hero-description{color:#5b554d}.theme-light .hero-rail span{color:#8c7d68}.theme-light .hero-bottom{border-color:#5c493b33}.theme-light .hero-bottom-label{color:#726451}.theme-light .focus-switch{border-color:#aa98724d;background:#fff9ef9e;box-shadow:inset 0 1px 1px #fff}.theme-light .focus-switch button{color:#786950}.theme-light .focus-switch button.active{color:#382a18;background:linear-gradient(140deg,#fffffff2,#eee4d3c7);box-shadow:0 2px 8px #66502b1f,inset 0 1px 1px #fff}.theme-light .scroll-cue{border-color:#9c896866;color:#5b4930}.theme-light .focus-caption{color:#85745c}.theme-light .btn.solid{background:#2a261f;color:#fff7e8;box-shadow:inset 0 1px 2px #ffffff27,0 5px 15px #5e43221a}.theme-light .btn.solid:hover{background:#54432d;color:#fff}.theme-light .btn.solid>span{background:#ffffff0d}.theme-light .btn.glass,.theme-light .btn.outline{background:linear-gradient(140deg,#fffefaab,#efe6d95e);border-color:#9e87634f;color:#473a28;box-shadow:inset 0 1px 1px #fff}.theme-light .btn.glass:hover,.theme-light .btn.outline:hover{border-color:#9b7841;background:#fff8eb}.theme-light .text-link{color:#5d492d;border-color:#9b835b66}.theme-light .eyebrow{color:#86623a}.theme-light .world-link{color:#6d5739}.theme-light .world-photo{background:#d5cebf}.theme-light .world-tag{color:#fff2df;border-color:#eadac85c}.theme-light .world-copy h3{color:#29241e}.theme-light .visual-disclosure{color:#85745f}.theme-light .process-tabs button{color:#8d7f6e}.theme-light .process-tabs button[aria-selected=true]{color:#30271c}.theme-light .process-tabs button>span{color:#94723f}.theme-light .process-panel{background:radial-gradient(ellipse at 100% 0,#dcc9a75e,transparent 65%),#fffcf6;border-color:#8e795633;box-shadow:0 15px 50px #5b452a08}.theme-light .process-big{color:#8f704c0c}.theme-light .process-panel .eyebrow{color:#997242}.theme-light .digital-section{background:#ece6da;border-color:#9b825c33}.theme-light .digital-tags span{border-color:#9c856644;color:#786247}.theme-light .mockup-note{color:#8e7d62}.theme-light .web-service{background:#faf7f0;border-color:#8e775533;box-shadow:0 12px 40px #5b452a06}.theme-light .web-service-icon{color:#977343}.theme-light .web-service p{color:#706351}.theme-light .career-strip>div>p{color:#706351}.theme-light .final-cta{background:radial-gradient(ellipse at 70% 120%,#bea06c2e,transparent 65%),#f9f6ee;border-color:#a48e6333}.theme-light .cta-mail{color:#8a7350}.theme-light .cta-watermark{color:#a07f4c08}.theme-light .footer{background:#e7e0d2}.theme-light .footer-top .brand{width:220px;padding:14px 17px;border-radius:12px}.theme-light .footer-top p{color:#756348}.theme-light .footer-contact{color:#51402a}.theme-light .footer-links .eyebrow{color:#89683b}.theme-light .footer-links a,.theme-light .footer-links>div>span:not(.eyebrow){color:#76664f}.theme-light .footer-links a:hover{color:#2c251a}.theme-light .footer-bottom{color:#7d6c53}.theme-light .privacy-trigger{color:#7b6445}.theme-light .card{background:linear-gradient(140deg,#fffefa,#eee5d7);border-color:#9c805638}.theme-light .soft-panel{background:#e9e2d5;border-color:#a0865e33}.theme-light .scope-note{color:#7f6d55;border-color:#a0875e44}.theme-light .contact-email{color:#846034}.theme-light .demo-form{background:linear-gradient(140deg,#fffdf7,#ece4d7);border-color:#99815c44;box-shadow:0 15px 45px #5a432b09}.theme-light .form-tag{color:#927040}.theme-light label{color:#6c583c}.theme-light input,.theme-light select,.theme-light textarea{background:#fffcf6;color:#35291c;border-color:#a1896359}.theme-light .demo-form .button{background:#2a241c;color:#fff6e5}.theme-light .form-status{color:#735221}.theme-light .privacy-dialog{background:#fbf7ed;color:#32291e;border-color:#a0865c66}.theme-light .privacy-dialog p{color:#75634a}.theme-light .dialog-close{color:#8d7047}.theme-light .web-offer-links a{border-color:#a18a654d;color:#796141}.theme-light .web-detail li,.theme-light .pos-advice li{color:#716149}.theme-light .display-showcase{background:#100e0d;color:#fff6e5}.theme-light .display-content .eyebrow{color:#d3ae7a}.theme-light .display-content h2{color:#fff5e4}.theme-light .display-content .btn.solid{background:#f4e9d8;color:#302318;box-shadow:inset 0 1px 2px #fff}.theme-light .display-categories{border-color:#ffffff35}.theme-light .pos-showcase{background:#ded5c6}.theme-light .pos-intro h2{color:#2d271e}.theme-light .pos-intro>p{color:#766245}.theme-light .pos-info{background:#fbf7ee}.theme-light .pos-info .btn.outline{background:#e9dfcd88;color:#50391f;border-color:#98794a66}.theme-light .pos-tabs button{color:#7a6343;border-color:#b7a38266}.theme-light .pos-tabs button[aria-selected=true]{background:#4b3922;color:#fff5df}.theme-light .pos-bottom .text-link{color:#5c4325}.theme-light .demo-switch{background:#fffaf0eb;color:#4b3922;border-color:#8d734d66;box-shadow:0 5px 22px #5d42241a}.theme-light .demo-switch>span{color:#8c724d}.theme-light .demo-switch>a{color:#8d7756}.theme-light .demo-switch>a[aria-current=true]{background:#3e3020;color:#fff2d9}.theme-light .demo-switch .motion-toggle{color:#7d5d32;border-color:#a0865c66;background:#dbc9a733}
@media(max-width:1100px){.theme-light .nav-shell .brand{width:165px}.theme-light .nav-shell{gap:20px}.pos-model-tag{left:8%;right:8%;font-size:6px}}
@media(min-width:761px) and (max-width:1000px){.theme-light .nav-shell .brand{width:155px}.theme-light .nav-shell{gap:14px}.theme-light .nav-shell nav{gap:12px}.theme-light .nav-shell nav a{font-size:11px}}
@media(max-width:760px){.theme-light .nav-shell .brand{width:145px;padding:8px 10px;border-radius:9px}.theme-light .nav-shell{gap:12px;padding-left:14px}.theme-light nav#navigation{background:#faf6edfa;border-color:#a68e6355;box-shadow:0 15px 40px #57401d25}.theme-light nav#navigation a{border-color:#a68e6333}.theme-light .hero-shade{background:linear-gradient(90deg,#f4f1e9d9,#f4f1e92e 95%),linear-gradient(0deg,#f4f1e9,transparent 55%,#f4f1e922 90%)}.theme-light .hero canvas{opacity:.9}.theme-light .footer-top .brand{width:175px;padding:12px}.theme-light .footer-top>p{font-size:14px}.demo-switch{left:12px;bottom:12px;padding:4px 5px 4px 10px}.demo-switch>span{font-size:7px}.demo-switch>a{font-size:10px;padding:7px 12px}.demo-switch .motion-toggle{height:30px;width:30px;font-size:12px}.pos-model-tag{left:5%;right:5%;font-size:5.5px;bottom:15px}.coffee-steam i{border-width:2px}.shoe-window .moving-shoe{animation-name:shoeFloatMobile}.footer-bottom{padding-bottom:45px}}@media(max-width:390px){.theme-light .nav-shell .brand{width:125px}.theme-light .nav-shell{gap:9px}}
@keyframes shoeFloatMobile{0%,100%{transform:translateY(2px) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}@media(prefers-reduced-motion:reduce){.moving-shoe,.coffee-steam i{animation:none!important}.coffee-steam i{opacity:.15;transform:translateY(-10%)}.demo-switch .motion-toggle{display:none}}
/* Put the live display artwork beside the copy, keeping the coffee and shoe visible. */
.display-showcase{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:38px 54px;padding:90px max(56px,calc((100vw - 1320px)/2));min-height:0;align-items:center;justify-content:normal;background:#100e0d}.display-showcase>.display-backdrop{position:relative;inset:auto;z-index:0;grid-column:2;grid-row:1;width:100%;aspect-ratio:1.5;border:1px solid #ffffff24;border-radius:15px;overflow:hidden;order:0}.display-showcase>.display-veil{display:none}.display-showcase>.display-content{position:relative;grid-column:1;grid-row:1;width:100%;margin:0;padding:0;z-index:1;order:0}.display-showcase>.display-content h2{font-size:clamp(48px,4.7vw,70px)}.display-showcase>.display-content>p:not(.eyebrow){max-width:400px}.display-showcase>.display-categories{position:relative;left:auto;right:auto;bottom:auto;grid-column:1/-1;grid-row:2;width:100%;margin:0;padding:25px 0 0;order:0}.theme-light .display-showcase{background:#17130f}.display-showcase .coffee-steam i{border-left-color:#ffffffe6;filter:blur(1.3px)}.display-showcase .coffee-steam i:nth-child(2){filter:blur(1.9px)}@media(max-width:999px){.display-showcase{grid-template-columns:1fr;gap:0;padding:0}.display-showcase>.display-backdrop{grid-column:1;grid-row:1;border:0;border-radius:0;aspect-ratio:1.5}.display-showcase>.display-content{grid-column:1;grid-row:2;padding:38px 36px 40px}.display-showcase>.display-content>p:not(.eyebrow){max-width:540px}.display-showcase>.display-categories{grid-column:1;grid-row:3;width:calc(100% - 72px);margin:0 auto;padding:22px 0 30px}.display-showcase>.display-content h2{font-size:60px}}@media(max-width:760px){.display-showcase>.display-content{padding:35px 20px 40px}.display-showcase>.display-categories{width:calc(100% - 40px)}.display-showcase .coffee-steam i{border-width:2px;filter:blur(1px)}}
/* V5: customer relationships and commercial opportunities replace the metal sculpture. */

/* Selected intro object and measured typography adjustment. */
.hero h1{font-size:clamp(78px,8.5vw,136px);max-width:660px}.hero-description{max-width:470px}.selected-growth{position:absolute;right:-2%;top:3%;width:57%;height:76%;z-index:-2;pointer-events:none;mix-blend-mode:screen;mask-image:radial-gradient(ellipse,#000 27%,#000b 49%,transparent 72%)}.selected-growth img{width:100%;height:100%;object-fit:contain;filter:invert(1) sepia(1) saturate(.6) brightness(1.6);animation:selectedFloat 10s ease-in-out infinite}.theme-light .selected-growth{mix-blend-mode:multiply}.theme-light .selected-growth img{filter:none}@keyframes selectedFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.fields-section{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;border-top:1px solid var(--line);padding-block:100px}.fields-copy h2{font-size:clamp(42px,4.4vw,66px);line-height:1.06;letter-spacing:-2.5px;margin:20px 0 28px}.fields-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;color:var(--muted);max-width:500px}.fields-points{list-style:none;padding:0;margin:30px 0}.fields-points li{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);padding:15px 0;font-size:14px;color:var(--muted)}.fields-points li:before{content:'↗';font-size:20px;color:var(--gold)}.fields-visual{position:relative;min-height:470px;display:grid;place-items:center;border-radius:24px;background:radial-gradient(ellipse,#b99a5530,transparent 68%);isolation:isolate}.fields-device{width:220px;height:380px;border:1px solid #d4b98a65;border-radius:35px;background:linear-gradient(140deg,#30291f,#111110 65%);box-shadow:0 30px 60px #0003,inset 0 0 0 5px #ffffff08;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-7deg);position:relative;overflow:hidden;padding:30px}.fields-device:before{content:'';position:absolute;top:16px;width:52px;height:6px;border-radius:20px;background:#020202}.fields-device:after{content:'';position:absolute;bottom:15px;width:70px;height:3px;border-radius:10px;background:#fff3}.fields-device img{width:150px;height:auto;position:relative;z-index:1}.fields-device span{color:#cdb58b;font:11px ui-monospace,monospace;letter-spacing:6px;margin:30px 0 0 5px;position:relative;z-index:1}.fields-halo{position:absolute;width:280px;height:280px;border-radius:50%;border:1px solid #d6b47926;box-shadow:0 0 80px #bd964516,inset 0 0 60px #bd964516}.fields-halo:after{content:'';position:absolute;inset:30px;border:1px solid #d6b47922;border-radius:50%}.fields-visual>p{position:absolute;bottom:0;font:9px/1.6 ui-monospace,monospace;color:var(--muted);text-align:center;letter-spacing:1px;max-width:300px}.theme-light .fields-device{box-shadow:0 30px 60px #67502b2b,inset 0 0 0 5px #ffffff08}.theme-light .fields-copy .btn{color:#503d24}
@media(max-width:1100px) and (min-width:761px){.hero h1{font-size:100px}.fields-section{gap:35px}}
@media(max-width:760px){.hero h1{font-size:clamp(68px,14vw,100px);max-width:100%}.selected-growth{width:100%;height:52%;right:-18%;top:1%;opacity:.7}.fields-section{grid-template-columns:1fr;gap:25px;padding-block:60px}.fields-copy h2{font-size:44px}.fields-visual{min-height:420px}.fields-device{height:340px;width:205px}.hero-description{max-width:430px}}
@media(max-width:390px){.hero h1{font-size:68px}.fields-copy h2{font-size:39px}}
@media(prefers-reduced-motion:reduce){.selected-growth img{animation:none}}