*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f5f5ee;color:#1b2c21}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #84a746;outline-offset:5px}button{color:inherit}h1,h2,h3,p{margin:0}a{text-decoration:none}[hidden]{display:none!important}.preview-bar{background:#d3f887;padding:10px 5%;font:9px ui-monospace,monospace;letter-spacing:1px}header{padding:25px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ced7c5}.brand{display:flex;align-items:center;gap:12px;font-weight:700}.brand b{display:grid;place-items:center;background:#d3f887;border-radius:10px;width:44px;height:44px;font-size:30px;letter-spacing:-3px;padding-right:3px}header nav{display:flex;align-items:center;gap:30px;font-size:13px}.button{display:inline-flex;padding:17px 24px;border-radius:7px;background:#1b2c21;color:#f5f5ee;font-size:13px;font-weight:600;align-items:center;justify-content:center}.intro{padding:90px 6% 70px;background:radial-gradient(ellipse at 95% 60%,#dbe5c8,transparent 50%)}.eyebrow{font:10px/1.7 ui-monospace,monospace;letter-spacing:1.6px;display:block}.intro h1{font-size:clamp(70px,10vw,155px);letter-spacing:-.07em;line-height:.95;margin:35px 0 40px;font-weight:650}em{font-style:normal;color:#7e9459}.intro-bottom{display:flex;justify-content:space-between;align-items:center}.intro p{font-size:17px;line-height:1.8;color:#586753}.collection-mark{border:1px solid #adc393;width:145px;height:145px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;transform:rotate(13deg);margin-right:7%}.collection-mark span{font:8px ui-monospace,monospace;letter-spacing:1px}.collection-mark b{font-size:48px;font-weight:400;line-height:1}.collection{padding:40px 6% 100px}.collection-controls{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 0 40px;border-top:1px solid #bac9aa}.collection-controls nav{display:flex;gap:8px;flex-wrap:wrap}.collection-controls button{border:1px solid #c7d2bc;border-radius:30px;padding:12px 18px;background:transparent;font-size:12px}.collection-controls button[aria-pressed=true]{background:#1b2c21;color:#eaf2dd;border-color:#1b2c21}.collection-controls button span{font-size:9px;margin-left:12px;color:#a9bc8f}#result-count{font:10px ui-monospace,monospace;color:#617154}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 28px}.project-card{min-width:0}.project-card.featured{grid-column:1/-1}.project-art{border:0;width:100%;display:block;position:relative;overflow:hidden;text-align:left;height:390px;border-radius:18px;padding:40px;transition:transform .3s}.project-art:hover{transform:translateY(-5px)}.art-heading{display:block;position:relative;z-index:2}.art-heading>span{font:9px ui-monospace,monospace;letter-spacing:1.5px}.art-heading>b{display:block;font-size:clamp(32px,4vw,55px);letter-spacing:-2.5px;line-height:1.04;margin:28px 0}.goods{background:radial-gradient(ellipse at 80% 80%,#46633a,#15271c 70%);color:#edf4e6;height:480px;display:flex;align-items:center;gap:10%}.goods .art-heading>b{font-size:clamp(45px,6.5vw,90px);letter-spacing:-4px}.goods .art-heading>span{color:#b2cc91}.art-arrow{position:absolute;right:25px;bottom:25px;width:40px;height:40px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:20px;opacity:.8}.delivery-card{background:#f1f6e8;color:#253c25;border:1px solid #c5d7ac;width:310px;padding:30px;transform:rotate(6deg);border-radius:18px;box-shadow:15px 20px 0 #0d1e1180}.delivery-card>span{font:9px ui-monospace,monospace}.delivery-card>b{font-size:28px;display:block;letter-spacing:-1px;margin:20px 0}.delivery-card>div{display:flex;gap:20px;align-items:center;border-block:1px solid #c5d7ac;padding:22px 0}.delivery-card i{display:grid;place-items:center;font:bold 24px sans-serif;background:#edc88e;width:42px;height:42px;border-radius:10px}.delivery-card small{display:block;font-size:11px;margin-top:8px;color:#667853}.delivery-card em{font:9px ui-monospace,monospace;display:block;margin-top:20px;color:#597540}.community{background:#dae6c9}.community-strips{position:absolute;right:-15px;bottom:30px;display:grid;gap:9px;transform:rotate(-12deg);width:62%}.community-strips i{display:block;font:11px ui-monospace,monospace;background:#263c2a;color:#d3f887;padding:18px;box-shadow:0 10px 20px #263c2a22}.service{background:#e9e3d5}.service-shape{position:absolute;width:200px;height:230px;border-radius:100px 100px 5px 5px;background:repeating-linear-gradient(90deg,#809273 0 9px,#a4b297 9px 14px);right:25px;bottom:-30px;transform:rotate(10deg)}.hospitality{background:#53382b;color:#f5e4cf}.plate{width:240px;height:240px;background:#d1a074;box-shadow:inset 0 0 0 14px #e6c69a,inset 0 0 0 16px #ab825d,0 25px 35px #0003;border-radius:50%;position:absolute;right:-25px;bottom:-55px}.plate i{display:block;background:#73805a;border-radius:50% 0;width:120px;height:100px;transform:rotate(-35deg);margin:60px}.workspace{background:#d6dfeb}.workspace-lines{position:absolute;bottom:25px;left:40px;right:40px;display:grid;gap:7px;transform:rotate(-3deg)}.workspace-lines i{display:block;font:11px ui-monospace,monospace;background:#f4f7fa;padding:15px 20px;border-radius:7px;border:1px solid #acbdce}.project-meta{display:flex;justify-content:space-between;align-items:start;gap:25px;padding:25px 0 0}.tag{font:8px ui-monospace,monospace;letter-spacing:1px;color:#607154}.project-meta h2{font-size:25px;letter-spacing:-1px;margin:10px 0}.project-meta p{font-size:13px;line-height:1.8;color:#617154;max-width:480px}.project-meta>button,.project-meta>a{border:0;background:transparent;padding:7px 0;white-space:nowrap;font-size:12px}.honesty{font-size:12px;line-height:1.8;border-top:1px solid #c5d1b7;margin-top:55px;padding-top:25px;color:#617154;max-width:820px}.brand-section{background:#d3f887;padding:85px 6%}.brand-section h2{font-size:clamp(45px,7vw,94px);letter-spacing:-4px;line-height:1.03;margin:30px 0}.brand-section h2 em{color:#617a38}.brand-section p{max-width:600px;font-size:16px;line-height:1.8;color:#455e31}.brand-points{display:flex;gap:25px;flex-wrap:wrap;margin:35px 0;font:9px ui-monospace,monospace}.brand-section .small{font-size:11px;margin-top:25px;max-width:680px}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#15271c;color:#b3c6a1;padding:40px 6%;font-size:11px;line-height:1.8}footer .brand{color:#1b2c21}dialog{border:0;padding:0;width:min(1120px,94vw);max-width:none;max-height:92svh;border-radius:16px;background:#f5f5ee;color:#1b2c21}dialog::backdrop{background:#0a170cd9;backdrop-filter:blur(8px)}.dialog-toolbar{position:sticky;top:0;background:#1b2c21;color:#d9e7cb;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 25px;z-index:2;font:8px ui-monospace,monospace;letter-spacing:1px}.dialog-toolbar button{border:1px solid #7d9367;color:#e4f0d8;border-radius:6px;background:transparent;padding:10px 15px;font:12px sans-serif;white-space:nowrap}.preview-intro{display:grid;grid-template-columns:1fr 200px;gap:25px;padding:35px}.preview-intro h2{font-size:28px;letter-spacing:-1px;margin:12px 0}.preview-intro p,.preview-bottom p{font-size:12px;line-height:1.7;color:#627254}.preview-intro>label{font-size:11px;display:flex;flex-direction:column;gap:10px;align-self:center}.preview-intro input[type=text],#brand-name{padding:12px;border:1px solid #b8c6a9;border-radius:6px;max-width:100%;background:#fbfcf6}.preview-intro fieldset{grid-column:1/-1;border:0;padding:0;display:flex;gap:18px;flex-wrap:wrap}.preview-intro legend{font-size:10px;margin-bottom:10px}.swatch{display:flex;align-items:center;gap:6px;font-size:10px}.swatch input{accent-color:#476339}.swatch span{border-bottom:6px solid var(--swatch);padding-bottom:5px}.sample-site{margin:0 35px;border:1px solid #b4c1a5;border-radius:12px;overflow:hidden;background:#fcfcf7;--accent:#b8d397}.sample-nav{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px;border-bottom:1px solid #dedfd4}.sample-nav b{font-size:20px;letter-spacing:-.5px;overflow-wrap:anywhere}.sample-nav nav{display:flex;gap:12px}.sample-nav button{background:none;border:0;padding:10px 3px;font-size:11px}.sample-nav button[aria-pressed=true]{border-bottom:3px solid var(--accent)}.sample-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:25px;padding:55px 35px;min-height:400px}.sample-hero h3,.sample-content h3{font-size:clamp(32px,4vw,57px);letter-spacing:-2.5px;line-height:1.08;margin:24px 0}.sample-hero p{max-width:380px;font-size:13px;line-height:1.8;color:#5f6e53}.sample-cta{display:inline-block;background:var(--accent);border:0;border-radius:5px;padding:14px 18px;margin-top:24px;font-size:12px;color:#213220}.sample-object{display:flex;align-items:end;justify-content:center;gap:12px;padding:15px}.sample-object>i{display:block;height:220px;width:65px;border-radius:70px 70px 0 0;background:var(--accent)}.sample-object>i:nth-child(2){height:280px;opacity:.7}.sample-object>i:nth-child(3){height:170px;opacity:.45}.hospitality .sample-object{border:18px double var(--accent);background:#efe9d7;border-radius:50%;width:230px;height:230px;align-self:center;justify-self:center}.hospitality .sample-object i{height:110px;width:40px;transform:rotate(35deg)}.workspace .sample-object{background:var(--accent);border-radius:20px;align-items:center;flex-direction:column;align-self:center;padding:35px}.workspace .sample-object span{font:9px ui-monospace,monospace}.workspace .sample-object b{font-size:80px;letter-spacing:-6px}.workspace .sample-object i{background:none;height:auto;width:auto;font:12px sans-serif}.sample-content{padding:40px;min-height:400px}.sample-content p{font-size:13px;line-height:1.8;color:#617154;max-width:600px}.sample-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:30px 0}.sample-cards article{background:var(--accent);padding:22px;border-radius:8px}.sample-cards b{font-size:13px}.sample-cards p{margin-top:14px;color:#34462b}.sample-placeholder{padding:30px;margin-top:30px;border:1px dashed #95aa7c;border-radius:10px;font-size:15px;line-height:1.8}.sample-placeholder small{font-size:11px;color:#617154}.menu-row{display:flex;justify-content:space-between;gap:25px;padding:20px 0;border-bottom:1px solid #bdc9af;font-size:13px}.sample-footer{padding:16px 25px;background:var(--accent);font:8px ui-monospace,monospace;letter-spacing:1px}.preview-bottom{padding:30px 35px;display:flex;align-items:center;justify-content:space-between;gap:30px}.preview-bottom p{max-width:500px}.preview-bottom a{flex-shrink:0}.project-explanation{padding:60px}.project-explanation h2{font-size:55px;letter-spacing:-2px;margin:25px 0}.project-explanation p{font-size:16px;line-height:1.8;max-width:650px;margin-bottom:25px}.text-link{display:block;font-size:13px;margin-top:20px}@media(max-width:760px){header{padding:20px 6%}header nav{gap:15px}header nav>a:first-child{display:none}header .button{font-size:11px;padding:12px}.brand>span{display:none}.intro{padding:65px 6% 40px}.intro h1{font-size:clamp(62px,14vw,98px)}.intro p{font-size:14px}.collection-mark{display:none}.collection-controls{align-items:start;flex-direction:column;gap:15px}.collection-controls button{font-size:11px;padding:10px 13px}.project-grid{grid-template-columns:1fr;gap:40px}.project-art{height:350px;padding:30px}.goods{height:570px;flex-direction:column;align-items:start;gap:25px}.goods .art-heading>b{font-size:55px;margin:22px 0}.delivery-card{padding:23px;width:250px;align-self:center}.delivery-card>b{font-size:24px;margin:15px 0}.delivery-card>div{padding:15px 0}.art-heading>b{font-size:40px}.project-meta{gap:15px}.project-meta h2{font-size:23px}.brand-section h2{letter-spacing:-2px}.brand-points{flex-direction:column;gap:15px}footer{flex-wrap:wrap}.preview-intro{grid-template-columns:1fr;padding:25px;gap:18px}.sample-site{margin:0 15px}.sample-nav{flex-direction:column;align-items:start;gap:10px;padding:20px}.sample-hero{grid-template-columns:1fr;padding:30px 22px}.sample-hero h3,.sample-content h3{font-size:38px;letter-spacing:-1.8px}.sample-object{height:180px}.sample-object>i{height:130px}.sample-object>i:nth-child(2){height:170px}.sample-object>i:nth-child(3){height:110px}.sample-content{padding:25px;min-height:350px}.sample-cards{grid-template-columns:1fr}.preview-bottom{padding:25px;flex-direction:column;align-items:start}.project-explanation{padding:30px}.project-explanation h2{font-size:40px}.menu-row{font-size:12px;gap:15px}.dialog-toolbar{padding:12px 18px}.dialog-toolbar>span{font-size:7px;line-height:1.6}}@media(prefers-reduced-motion:reduce){.project-art{transition:none}.project-art:hover{transform:none}}

.sample-site.hospitality{color:#1b2c21}

.project-fit{display:grid;grid-template-columns:105px 1fr;gap:8px 14px;border-top:1px solid #c7d2bc;padding-top:17px;margin:18px 0 12px;font-size:11px;line-height:1.7}.project-fit dt{color:#65745a}.project-fit dd{margin:0;color:#2a3e26}.project-meta p.project-boundary{font-size:11px}.landing{background:#dbe3b8}.landing-orbit{position:absolute;right:30px;bottom:20px;border:1px solid #5e7047;border-radius:50%;width:175px;height:175px;display:grid;place-items:center;font-size:100px;transform:rotate(-15deg);color:#5e7047;box-shadow:0 0 0 17px #dbe3b8,0 0 0 18px #9cae78}.sample-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.powered-credit{display:inline-flex;align-items:center;gap:9px;letter-spacing:0;white-space:nowrap;text-transform:none}.powered-credit b{font:bold 27px Arial;letter-spacing:-3px;border-radius:7px;background:#d3f887;color:#1b2c21;padding:1px 8px 4px 5px}.owner-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:28px 0}.owner-stats article{border:1px solid #b7c4d2;background:#eef2f7;border-radius:10px;padding:20px}.owner-stats span,.owner-stats small{display:block;font-size:10px;line-height:1.7}.owner-stats b{display:block;font-size:46px;letter-spacing:-2px;margin:8px 0}.owner-stats small{color:#5e6e7e}.owner-panels{display:grid;grid-template-columns:1fr 1fr;gap:15px}.owner-panels article{border:1px solid #ccd5df;border-radius:10px;padding:24px}.owner-panels h4{font-size:19px;margin:15px 0}.owner-panels ul{padding-left:17px;font-size:12px;line-height:1.9;color:#54624e}.owner-panels small{font-size:10px;color:#63705b}.owner-status{display:inline-block;background:#f3e3bd;color:#715622;font-size:10px;padding:7px 10px;margin-top:18px;border-radius:15px}#owner-workspace{scroll-margin-top:30px}@media(max-width:760px){.owner-stats,.owner-panels{grid-template-columns:1fr}.owner-stats article{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 15px}.owner-stats b{grid-column:2;grid-row:1/3;margin:0}.owner-stats small{grid-column:1}.project-fit{grid-template-columns:90px 1fr}.sample-footer{flex-wrap:wrap}.landing-orbit{width:150px;height:150px;font-size:80px}}
/* Distinct art direction for each example, beyond a colour swap. */
.sample-site.service .sample-hero{background:linear-gradient(110deg,#f5f1e8 65%,#e1e9d7 65%)}.sample-site.service .sample-nav{text-transform:uppercase;letter-spacing:1px}.sample-site.service .sample-object>i{border-radius:90px 90px 0 0;background:repeating-linear-gradient(90deg,var(--accent) 0 8px,#7c8e6b 8px 10px)}.sample-site.hospitality{background:#faf3e8;border-color:#ceb59b}.sample-site.hospitality .sample-nav{background:#493227;color:#fff0de;border:0}.sample-site.hospitality .sample-nav b{font-family:Georgia,serif;font-size:28px;font-weight:400}.sample-site.hospitality h3{font-family:Georgia,serif;font-weight:400;letter-spacing:-1.5px}.sample-site.hospitality .sample-hero{background:radial-gradient(ellipse at 85% 50%,#e4c5a2,transparent 60%)}.sample-site.hospitality .menu-row{font-family:Georgia,serif;font-size:17px;border-color:#d8bfa3;padding:24px 0}.sample-site.hospitality .sample-cta{border-radius:30px;background:#493227;color:#fff0de}.sample-site.landing{background:#14241c;color:#f1f7e6;border-color:#6a8357}.sample-site.landing .sample-nav{border-color:#3c513a}.sample-site.landing .sample-nav button{color:#e9f3dc}.sample-site.landing .sample-hero{background:radial-gradient(ellipse at 90% 30%,#486138,transparent 60%);min-height:450px}.sample-site.landing .sample-hero h3{font-size:clamp(42px,5vw,68px);font-weight:750;letter-spacing:-3px}.sample-site.landing .sample-hero p,.sample-site.landing .sample-content>p{color:#c2d1b5}.sample-site.landing .sample-object{align-items:center;transform:rotate(-12deg)}.sample-site.landing .sample-object>i{border-radius:10px;height:180px;width:50px}.sample-site.landing .sample-object>i:nth-child(2){height:270px}.sample-site.landing .sample-object>i:nth-child(3){height:130px}.sample-site.landing .sample-cards{grid-template-columns:1fr}.sample-site.landing .sample-cards article{background:#243b2b;border:1px solid #536b43;color:#d5f6ac;display:grid;grid-template-columns:150px 1fr;gap:20px}.sample-site.landing .sample-cards p{color:#d3dec9;margin:0}.sample-site.landing .sample-placeholder{color:#d8e8ca}.sample-site.landing .sample-placeholder small{color:#bdcdae}.sample-site.landing .sample-footer{color:#1b2c21}.sample-site.workspace .sample-nav{background:#e6edf6}.sample-site.workspace .sample-nav b{font-size:17px}.sample-site.workspace .sample-content h3{font-size:clamp(32px,3.5vw,49px)}.sample-site.workspace .owner-dashboard{background:linear-gradient(#f9fbfd,#eef2f7)}@media(max-width:760px){.sample-site.landing .sample-hero h3{font-size:42px;letter-spacing:-2px}.sample-site.landing .sample-cards article{grid-template-columns:1fr;gap:12px}.sample-site.landing .sample-object>i{height:100px}.sample-site.landing .sample-object>i:nth-child(2){height:160px}.sample-site.landing .sample-object>i:nth-child(3){height:80px}.sample-site.hospitality .menu-row{font-size:15px}}
/* Playable workflows, with distinct visual systems and bounded local state. */
.demo-label{display:flex;flex-direction:column;gap:10px;font-size:12px;line-height:1.6;margin:20px 0}.demo-label select,.demo-label textarea{font:14px/1.6 inherit;padding:13px;border:1px solid #aebca1;border-radius:8px;background:#fffef9;color:#243620;width:100%;min-width:0}.demo-label textarea{min-height:120px;resize:vertical}.demo-label input[type=range]{width:100%;accent-color:#9ebd72}.demo-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.demo-receipt{padding:20px;border:1px solid #a5b98f;background:#edf6df;color:#263d24;border-radius:10px;font-size:13px;line-height:1.8;margin:25px 0;overflow-wrap:anywhere}.demo-text{border:0;background:transparent;color:inherit;text-decoration:underline;text-underline-offset:5px;font-size:12px;padding:12px 0;display:block}.sample-cta[aria-pressed=true]{box-shadow:0 0 0 2px #20331c}.quantity{display:flex;align-items:center;gap:12px}.quantity button{width:33px;height:33px;border:1px solid #bc9d80;border-radius:50%;background:#f5ead8;color:#493227}.quantity button:disabled{opacity:.4;cursor:default}.quantity output{font:16px ui-monospace,monospace;min-width:12px}.demo-total{display:flex;justify-content:space-between;font-size:17px;padding:25px 0}.damage-evidence{display:flex;align-items:center;gap:20px;border:1px solid #b6c5d6;border-radius:12px;padding:22px;margin:25px 0}.damage-evidence>span{font-size:55px;color:#6785a1}.small-stat{font-size:28px!important}.preview-limits{margin:0;padding:0 35px 30px;font-size:11px;line-height:1.8;color:#617154}.sample-cta:disabled{opacity:.5}.sample-site.social{background:#f7f4fc;border-color:#c5b4df}.social.project-art{background:#302443;color:#f0e7ff}.social .sample-nav{background:#302443;color:#f5ecff}.social .sample-nav button{color:inherit}.social-composer{display:grid;grid-template-columns:1.3fr 1fr;gap:32px}.social-composer h3{font-size:43px}.social-preview{border:1px solid #d6c7e9;border-radius:18px;background:#fff;padding:20px;align-self:center;color:#332642}.social-preview p{white-space:pre-wrap;overflow-wrap:anywhere}.social-preview small{font-size:10px;line-height:1.7;display:block}.social-art{height:170px;background:linear-gradient(135deg,var(--accent),#584474);border-radius:10px;margin-bottom:22px;font-size:110px;display:grid;place-items:center;color:#fff}.demo-channels{border:0;padding:0;font-size:11px}.demo-channels legend{margin-bottom:12px}.demo-channels label{display:flex;align-items:center;gap:8px;padding:7px 0}.queue-item{border:1px solid #cbb9e1;border-left:4px solid #9c75c2;border-radius:10px;padding:22px;margin:16px 0;background:#fff;overflow-wrap:anywhere}.queue-item>span,.queue-item>small{font:10px/1.8 ui-monospace,monospace}.queue-item p{white-space:pre-wrap}.motion-stage{height:230px;position:relative;overflow:hidden;border:1px solid #5f7c4c;border-radius:15px;display:grid;place-items:center;--spread:.35;background:#0d1a12}.motion-stage b{font-size:45px;letter-spacing:-2px;line-height:.95;color:#def5b7;z-index:1}.motion-stage i{position:absolute;left:50%;top:50%;height:8px;width:8px;background:var(--accent);transform:rotate(calc(var(--n)*22.5deg)) translateX(calc(35px + var(--spread)*180px)) rotate(45deg);border-radius:2px}.sample-site.partners{background:#f1f6eb}.sample-site.partners .sample-object{transform:rotate(15deg)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #69894b;outline-offset:4px}.sample-nav nav{flex-wrap:wrap}.sample-site.landing .demo-label{color:#d8e8ca}@media(prefers-reduced-motion:reduce){.motion-stage i{transform:rotate(calc(var(--n)*22.5deg)) translateX(90px)}}@media(max-width:760px){.demo-form,.social-composer{grid-template-columns:1fr}.social-composer h3{font-size:34px}.damage-evidence{align-items:start;gap:12px;padding:15px}.damage-evidence>span{font-size:32px}.preview-bottom{flex-direction:column;align-items:stretch}.preview-bottom .button{text-align:center;white-space:normal}.preview-limits{padding:0 20px 25px}.sample-content{padding:24px 18px}.sample-nav{padding:18px;gap:12px}.sample-nav button{font-size:10px}.sample-cards{grid-template-columns:1fr}.sample-hero{padding:30px 20px}.social-preview{padding:16px}.demo-total{font-size:15px}}

.social.project-art .workspace-lines i{color:#3b2b50}