/* Shared content styles for the connected local SP Studios site preview. */
.live-page{max-width:1440px;margin:0 auto;padding:clamp(54px,8vw,116px) clamp(24px,5.2vw,76px) 112px;color:#f4f3ef}
.live-page .eyebrow{font-family:var(--mono,monospace);font-size:11px;line-height:1.55;letter-spacing:.16em;text-transform:uppercase;color:#9a9a93;margin:0 0 20px}
.live-page h1,.live-page h2,.live-page h3,.live-page p{margin-top:0}
.live-page h1{font-size:clamp(3.4rem,7vw,6.8rem);line-height:.98;letter-spacing:-.065em;font-weight:650;margin:0 0 28px;max-width:1000px}
.live-page h1 span{font-weight:420}
.live-page .live-lede{max-width:720px;font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.72;color:#c7c7c0;margin:0}
.live-hero{padding-bottom:54px;border-bottom:1px solid #3a3b37}
.live-hero-copy{max-width:920px}
.live-index{display:flex;gap:28px;flex-wrap:wrap;margin-top:34px;padding-top:18px;border-top:1px solid #33342f}
.live-index a,.live-links a,.live-text-link{font:600 12px/1.5 var(--mono,monospace);letter-spacing:.1em;color:#f0efe9;text-decoration:none;border-bottom:1px solid #707169;padding:0 0 9px}
.live-index a:hover,.live-links a:hover,.live-text-link:hover{border-color:#f2f1ec;color:#fff}
.live-text-link{display:inline-flex;align-items:center;gap:18px;margin-top:22px}
.live-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:32px 0 28px;padding:16px 0;border-top:1px solid #383934;border-bottom:1px solid #383934}
.live-facts div{display:grid;gap:9px}.live-facts dt{font:11px var(--mono,monospace);letter-spacing:.14em;color:#989992}.live-facts dd{margin:0;color:#deded8;font-size:14px}
.live-links{display:flex;flex-wrap:wrap;gap:14px 22px;margin-top:25px}
.app-feature{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,6vw,92px);align-items:center;padding:72px 0;border-bottom:1px solid #383934}
.app-feature-reverse{grid-template-columns:.8fr 1.2fr}.app-feature-reverse .app-feature-visual{grid-column:2;grid-row:1}.app-feature-reverse .app-feature-copy{grid-column:1;grid-row:1}
.app-feature-copy h2{font-size:clamp(2.3rem,4vw,4.3rem);line-height:1;letter-spacing:-.06em;margin:0 0 22px}.app-feature-copy>p:not(.eyebrow){font-size:17px;line-height:1.7;color:#c5c5bd;max-width:650px}
.app-feature-visual{min-height:440px;position:relative;display:grid;place-items:center;background:#191a19;border:1px solid #333530;overflow:hidden}.visual-caption{font:10px var(--mono,monospace);letter-spacing:.14em;color:#999a94;margin:16px 0 0;position:absolute;bottom:15px;left:18px}
.workspace-window{width:min(88%,640px);min-height:350px;background:#10110f;border:1px solid #4b4c46;box-shadow:0 18px 55px #0007;padding:20px}.workspace-top{display:flex;align-items:center;gap:12px;border-bottom:1px solid #343630;padding-bottom:16px;font:10px var(--mono,monospace);letter-spacing:.12em}.workspace-top b{font-size:14px}.workspace-top span{color:#b1b2ab}.workspace-top small{margin-left:auto;color:#9eaa8a}.workspace-tabs{display:flex;gap:23px;padding:14px 0;color:#bfc0b9;font:11px var(--mono,monospace)}.workspace-tabs i{margin-left:auto;font-style:normal;color:#92938c}.workspace-panel{border:1px solid #363832;padding:22px}.workspace-panel h2{font-size:clamp(2rem,3.5vw,3.4rem);line-height:.98;letter-spacing:-.055em;margin:0 0 20px}.workspace-panel .eyebrow{margin-bottom:11px}.workspace-status{display:grid;grid-template-columns:1fr 1fr;gap:12px}.workspace-status div{display:grid;gap:8px;padding:12px;border:1px solid #343630}.workspace-status small{font:9px var(--mono,monospace);letter-spacing:.1em;color:#9a9b94}.workspace-status b{font-size:12px;font-weight:500}.workspace-panel>p:last-child{font-size:12px;color:#b9bab3;margin:18px 0 0;line-height:1.5}
.bongfoods-visual{background:radial-gradient(circle at 60% 30%,#293928 0,#171a16 40%,#111210 78%)}.phone-frame{width:232px;height:400px;background:#10110f;border:1px solid #86877e;border-radius:24px;padding:10px;box-shadow:0 20px 80px #0009}.phone-screen{height:100%;position:relative;background:#ece9df;color:#20211e;border-radius:17px;padding:24px 15px}.phone-status{font:9px var(--mono,monospace);letter-spacing:.1em;border-bottom:1px solid #c9c6bd;padding-bottom:14px}.phone-status span{float:right;color:#417142}.phone-screen .eyebrow{color:#66685f;margin:18px 0 7px;font-size:9px}.phone-screen h3{font-size:27px;line-height:1;letter-spacing:-.05em;margin-bottom:16px}.menu-search{font-size:10px;background:#fff;padding:9px 10px;display:flex;justify-content:space-between}.menu-item{display:flex;align-items:center;gap:8px;border-bottom:1px solid #d5d2c8;padding:12px 0}.menu-item>i{width:38px;height:38px;background:linear-gradient(135deg,#556a3c,#d9a75f);display:block}.menu-item span{display:grid;gap:4px;font-size:10px}.menu-item small{font-size:8px;color:#777}.menu-item strong{margin-left:auto}.phone-screen button{position:absolute;bottom:12px;left:12px;right:12px;border:0;background:#252722;color:#fff;padding:12px;font:9px var(--mono,monospace);letter-spacing:.1em}
.live-page.human-page{max-width:none;padding-top:28px;background:radial-gradient(ellipse at 72% 22%,#1b1b3b 0,#131422 33%,#111210 78%)}.human-hero{max-width:1440px;margin:0 auto;min-height:620px;display:grid;grid-template-columns:.85fr 1.15fr;gap:6vw;align-items:center;padding:70px clamp(24px,5.2vw,76px) 80px}.human-intro{max-width:560px}.human-lede{font-size:18px;line-height:1.8;color:#e1e1e5}.human-sequence{border-top:1px solid #464655;margin-top:30px;padding-top:18px;font:11px var(--mono,monospace);letter-spacing:.1em}.human-sequence span{padding:0 8px;color:#9a8cc2}.star-hint{font:10px var(--mono,monospace);letter-spacing:.12em;color:#b7afd0;margin:22px 0}.universe-scene{min-height:500px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.universe-scene:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#fff 1px,transparent 1.5px),radial-gradient(#a4a4ff 1px,transparent 1.7px),radial-gradient(#88f4ed 1.5px,transparent 2px);background-size:67px 73px,103px 101px,149px 137px;background-position:12px 8px,37px 60px,80px 24px;opacity:.36;mask-image:radial-gradient(ellipse,#000 30%,transparent 76%)}.universe-lines{position:absolute;inset:0;width:100%;height:100%;opacity:.5}.universe-lines path{fill:none;stroke:#6c71ac;stroke-width:1}.universe-stars circle{fill:#f5edff;filter:drop-shadow(0 0 7px #d2beff)}.universe-stars circle:nth-child(3n){fill:#93ecea;filter:drop-shadow(0 0 8px #7de7ec)}.universe-title{position:relative;z-index:1;max-width:620px;padding:30px}.universe-title .eyebrow{color:#c6b4e5;font-size:10px}.universe-title h1{font-size:clamp(3rem,6vw,6rem);line-height:.96}.universe-title h1 em{font-family:Georgia,serif;font-weight:400;color:#c7a6f3}.human-value,.human-quote{max-width:1440px;margin:0 auto;padding:80px clamp(24px,5.2vw,76px);border-top:1px solid #383944}.section-heading{display:grid;grid-template-columns:1fr minmax(240px,.75fr);column-gap:8vw;align-items:end}.section-heading .eyebrow{grid-column:1/-1}.section-heading h2{font-size:clamp(2.6rem,5vw,5rem);line-height:1;letter-spacing:-.06em;margin:0}.section-heading>p:last-child{font-size:16px;line-height:1.75;color:#c3c3c7;margin:0 0 5px}.human-pillars{display:grid;grid-template-columns:repeat(3,1fr);margin-top:52px;border-top:1px solid #3d3e47;border-bottom:1px solid #3d3e47}.human-pillars article{padding:28px;border-right:1px solid #3d3e47}.human-pillars article:first-child{padding-left:0}.human-pillars article:last-child{border:0}.human-pillars h3{font-size:22px;margin:0 0 12px}.human-pillars p:last-child{color:#bcbcc0;line-height:1.65;margin:0}.human-quote blockquote{font-size:clamp(2rem,4vw,3.8rem);line-height:1.1;letter-spacing:-.05em;max-width:1000px;margin:0}
.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:30px;border-top:1px solid #3b3c37;border-bottom:1px solid #3b3c37}.offer-grid article{padding:28px;border-right:1px solid #3b3c37}.offer-grid article:first-child{padding-left:0}.offer-grid article:last-child{border:0}.offer-grid h2{font-size:clamp(1.7rem,2.5vw,2.5rem);line-height:1.08;letter-spacing:-.045em;margin:0 0 17px}.offer-grid p:not(.eyebrow){color:#bcbdb7;line-height:1.65;margin:0}.project-brief,.careers-content{display:grid;grid-template-columns:1fr .8fr;gap:10vw;padding:76px 0;border-bottom:1px solid #3b3c37}.project-brief h2,.careers-content h2,.careers-project-cta h2,.process-intro h2,.section-heading h2{font-size:clamp(2.8rem,5vw,5.3rem);line-height:.98;letter-spacing:-.06em;margin:0}.project-brief>div:last-child p,.careers-content>div:last-child p{font-size:17px;line-height:1.75;color:#c5c5bf}.careers-project-cta{padding:75px 0 30px}.careers-project-cta h2{margin-bottom:22px}
.service-list{padding:30px 0 10px}.service-row{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(35px,7vw,100px);align-items:center;padding:48px 0;border-bottom:1px solid #373833}.service-copy h2{font-size:clamp(2rem,3.6vw,3.8rem);line-height:1;letter-spacing:-.055em;margin:0 0 18px}.service-copy>p:not(.eyebrow){font-size:16px;line-height:1.7;color:#c6c6c0;max-width:660px}.service-copy .eyebrow:last-child{font-size:10px;margin-top:24px}.service-art{min-height:230px;background:#191a18;border:1px solid #343530;display:grid;place-items:center;overflow:hidden;position:relative}.art-window{width:75%;height:150px;border:1px solid #73756d;padding:17px;position:relative}.art-window span,.art-window i{display:block;font:10px var(--mono,monospace);color:#c5c6bd}.art-window i{height:16px;border-bottom:1px solid #52544c;margin-top:8px}.art-window b{position:absolute;right:18px;top:48px;font-size:42px;color:#a6b29a}.art-phone{width:140px;height:195px;background:#e8e6df;color:#282a26;padding:17px;display:grid;align-content:start;gap:16px}.art-phone i{height:4px;width:30px;background:#31332e;margin:0 auto 4px}.art-phone b{font-size:20px}.art-phone span{padding:8px;border:1px solid #c4c2ba;font:9px var(--mono,monospace)}.art-automation{display:flex;gap:12px}.flow-node{padding:14px 11px;border:1px solid #88897f;font:9px var(--mono,monospace);letter-spacing:.08em}.art-automation>b{font-size:19px;color:#c5b4e6}.app-device{width:165px;height:190px;border:1px solid #92938b;padding:20px 15px;display:grid;align-content:start;gap:14px}.app-device i{width:35px;height:5px;background:#c2c3bb;margin:0 auto}.app-device b{font-size:15px}.app-device span{font-size:11px;color:#b6b7af}.before-after{display:flex;align-items:center;gap:17px}.before-after span{height:110px;width:96px;border:1px solid #77786f;display:grid;place-items:center;font:10px var(--mono,monospace);color:#bcbdb6}.before-after span:first-child{opacity:.45}.before-after b{color:#c8b1ec}.process-intro{padding:80px 0;border-bottom:1px solid #373833;max-width:900px}.process-intro h2{margin-bottom:22px}.process-intro>p:not(.eyebrow){font-size:17px;line-height:1.75;color:#c6c6c0;max-width:700px}.industry-section{padding:80px 0;border-bottom:1px solid #373833}.industry-section .section-heading{margin-bottom:40px}.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #3c3d38;border-left:1px solid #3c3d38}.industry-grid article{padding:22px;border-right:1px solid #3c3d38;border-bottom:1px solid #3c3d38;min-height:145px}.industry-grid article>b{font:11px var(--mono,monospace);color:#92938d}.industry-grid h3{font-size:18px;margin:20px 0 7px;line-height:1.1}.industry-grid p{font-size:13px;line-height:1.5;color:#b9bab4;margin:0}.services-workflow{padding-top:80px}.services-workflow .section-heading{padding-bottom:62px;border-bottom:1px solid #373833}.workflow-copy{padding-top:55px}.workflow-copy>h2{font-size:clamp(2.4rem,4vw,4rem);line-height:1;letter-spacing:-.055em}.workflow-copy>p:not(.eyebrow){max-width:750px;color:#c5c5bf;line-height:1.7}.process-steps{list-style:none;margin:35px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #3c3d38;border-left:1px solid #3c3d38}.process-steps li{display:grid;gap:10px;padding:18px;border-right:1px solid #3c3d38;border-bottom:1px solid #3c3d38}.process-steps b{font-size:15px}.process-steps span{font-size:13px;color:#b8b9b2;line-height:1.5}
.site-projects{padding:72px 0 0}.site-projects>.section-heading{display:block;margin-bottom:38px}.site-projects>.section-heading h2{margin:0}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px;border-top:1px solid #3a3b36}.project-card{padding:26px 0 32px;border-bottom:1px solid #3a3b36}.project-art{height:205px;background:#1a1b19;border:1px solid #343530;display:flex;flex-direction:column;justify-content:space-between;padding:18px 20px;margin-bottom:20px;position:relative;overflow:hidden}.project-art:after{content:"";position:absolute;width:220px;height:220px;border:1px solid #55564c;border-radius:50%;right:5%;bottom:-52%;opacity:.4}.project-art span{position:relative;z-index:1;font:10px var(--mono,monospace);letter-spacing:.1em;color:#aaa}.project-art strong{position:relative;z-index:1;font-size:clamp(1.8rem,3.2vw,3.4rem);line-height:.88;letter-spacing:-.055em;max-width:85%}.project-crochet{background:linear-gradient(120deg,#4f2838,#21171b 54%,#a6786b)}.project-pottery{background:linear-gradient(120deg,#4e3428,#1c1a17 60%,#9b7359)}.project-customsss{background:linear-gradient(120deg,#482c4a,#211a26 60%,#ba8b9d)}.project-brum{background:linear-gradient(120deg,#624338,#201918 60%,#bd9c81)}.project-topend{background:linear-gradient(120deg,#3e3b54,#191920 60%,#a78b70)}.project-faytee{background:linear-gradient(120deg,#43385d,#1a1925 58%,#ba7490)}.project-bongfoods{background:linear-gradient(120deg,#33472f,#151915 60%,#bd9e62)}.project-partner{background:linear-gradient(120deg,#2b3d4b,#16191c 60%,#7d92a0)}.project-card h3{font-size:clamp(1.65rem,2.7vw,2.5rem);letter-spacing:-.04em;margin:0 0 13px}.project-card>p:not(.eyebrow):not(.project-note){font-size:14px;line-height:1.7;color:#c1c2bb}.project-note{font-size:11px;color:#969790;line-height:1.6;margin:18px 0 0}.project-card-wide{grid-column:1/-1;max-width:820px}.earlier-projects{margin-top:55px;border-top:1px solid #3a3b36}.earlier-projects .project-card-wide{display:grid;grid-template-columns:.8fr 1fr;column-gap:30px;align-items:start}.earlier-projects .project-card-wide .project-art{grid-row:1/7;height:100%;min-height:230px;margin:0}.earlier-projects .project-card-wide .live-links{grid-column:2}.earlier-projects .project-card-wide .project-note{grid-column:2}
@media(max-width:900px){.app-feature,.app-feature-reverse{grid-template-columns:1fr;gap:34px}.app-feature-reverse .app-feature-visual,.app-feature-reverse .app-feature-copy{grid-column:auto;grid-row:auto}.app-feature-visual{min-height:390px}.human-hero{grid-template-columns:1fr;gap:22px}.universe-scene{min-height:470px}.human-pillars{grid-template-columns:1fr}.human-pillars article,.human-pillars article:first-child{padding:23px 0;border-right:0;border-bottom:1px solid #3d3e47}.human-pillars article:last-child{border:0}.section-heading{grid-template-columns:1fr;gap:20px}.offer-grid{grid-template-columns:1fr}.offer-grid article,.offer-grid article:first-child{padding:24px 0;border-right:0;border-bottom:1px solid #3b3c37}.offer-grid article:last-child{border-bottom:0}.service-row{grid-template-columns:.75fr 1.25fr;gap:30px}.industry-grid{grid-template-columns:repeat(2,1fr)}.process-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.live-page{padding:52px 22px 78px}.live-page h1{font-size:clamp(3.15rem,14vw,5.2rem)}.live-page .live-lede{font-size:16px}.live-index{display:grid;gap:15px}.app-feature{padding:48px 0}.app-feature-visual{min-height:340px}.workspace-window{width:94%;padding:12px}.workspace-top{font-size:8px;flex-wrap:wrap}.workspace-top small{margin-left:0}.workspace-tabs{gap:11px;font-size:9px}.workspace-tabs i{display:none}.workspace-panel{padding:15px}.workspace-status{grid-template-columns:1fr}.phone-frame{transform:scale(.88)}.human-hero{padding:48px 22px;min-height:unset}.universe-scene{min-height:380px}.universe-title{padding:16px}.universe-title h1{font-size:clamp(2.8rem,13vw,4rem)}.human-value,.human-quote{padding:52px 22px}.section-heading h2,.project-brief h2,.careers-content h2,.careers-project-cta h2,.process-intro h2{font-size:clamp(2.6rem,12vw,4rem)}.project-brief,.careers-content{grid-template-columns:1fr;gap:24px;padding:50px 0}.service-row{grid-template-columns:1fr;gap:21px;padding:34px 0}.service-art{min-height:195px}.industry-section,.services-workflow,.process-intro{padding:54px 0}.industry-grid{grid-template-columns:1fr}.industry-grid article{min-height:unset;padding:17px}.industry-grid h3{margin-top:12px}.process-steps{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr}.project-card-wide{grid-column:auto}.earlier-projects .project-card-wide{display:block}.earlier-projects .project-card-wide .project-art{height:205px;min-height:unset;margin-bottom:20px}.live-facts{grid-template-columns:1fr}.live-facts div{grid-template-columns:110px 1fr}.live-links{gap:12px 16px}.live-links a,.live-text-link{font-size:10px}.project-art{height:180px}.site-projects{padding-top:50px}.site-projects>.section-heading{margin-bottom:26px}}