@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--wine:#5c192a;--wine-light:#8a3449;--ink:#27292d;--cream:#f8f5f1;--muted:#eeeae5;--line:rgba(39,41,45,.16);--serif:'Libre Caslon Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #c38a59;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.04;letter-spacing:-.025em}h1{font-size:clamp(54px,5.6vw,88px)}h2{font-size:clamp(40px,4.1vw,62px)}h3{font-size:32px}p{font-size:17px}section{padding:90px 0}.wrap{width:min(1200px,calc(100% - 80px));margin:auto}.eyebrow{font-size:11px;letter-spacing:.24em;font-weight:700;text-transform:uppercase;display:block;margin-bottom:24px}.dark{background:var(--ink);color:var(--cream)}.wine{background:var(--wine);color:var(--cream)}.light{background:var(--cream)}.muted{opacity:.7}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:50px;padding:13px 25px;border:1px solid transparent;border-radius:7px;background:var(--wine);color:white;font-size:14px;font-weight:600;line-height:1.45;transition:transform .2s,background .2s}.btn:hover{background:#74243a;transform:translateY(-2px)}.btn.light-btn{background:var(--cream);color:var(--ink)}.btn.light-btn:hover{background:white}.btn.outline{background:transparent;border-color:#ffffff70;color:var(--cream)}.text-link{display:inline-flex;gap:20px;align-items:center;font-size:14px;border-bottom:1px solid currentColor;padding:6px 0;line-height:1.5}.actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:30px}.skip{position:fixed;top:-80px;left:12px;background:white;color:var(--ink);padding:12px;z-index:100}.skip:focus{top:10px}.site-header{background:var(--ink);color:var(--cream);border-bottom:1px solid #ffffff18;position:sticky;top:0;z-index:20}.header-inner{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:14px}.brand img{width:64px;height:64px;object-fit:contain;border-radius:50%}.brand strong{font:25px var(--serif);letter-spacing:.12em;white-space:nowrap}.brand small{display:block;font-size:8px;letter-spacing:.24em;margin-top:5px}.nav{display:flex;align-items:center;gap:28px;font-size:13px}.nav>a:hover{color:#ffffff}.langs{display:flex;gap:9px;align-items:center}.langs a[aria-current=page]{border-bottom:1px solid #f8f5f1}.langs span{opacity:.35}.header-call{min-height:42px;padding:10px 17px;font-size:12px}.menu-toggle{display:none;background:transparent;border:1px solid #ffffff55;color:white;border-radius:5px;padding:9px 13px}.hero{padding:74px 0 54px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 95% 75%,#5c192a65,transparent 53%),#27292d}.hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:36px;align-items:center}.hero-copy{position:relative;z-index:2}.hero-copy p{max-width:420px;margin-top:28px;color:#dfdddb;font-size:18px}.hero .eyebrow{color:#f8f5f1}.hero h1 em{font-style:normal;color:#f8f5f1}.scroll-cue{margin-top:55px;font-size:10px;letter-spacing:.11em;display:flex;align-items:center;gap:12px;opacity:.65}.scroll-cue b{font-weight:400;border:1px solid #fff7;border-radius:20px;padding:3px 7px}.hero-art{min-height:490px;position:relative;display:flex;align-items:center;justify-content:center;perspective:1500px}.neural{position:absolute;inset:-8%;width:116%;height:116%;pointer-events:none;opacity:.75}.neural path{fill:none;stroke:#bbb7b0;stroke-width:.7;opacity:.4}.neural circle{fill:#8a8175}.neural .signal{animation:pulse 4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.tablet{width:91%;background:#edece8;border:9px solid #141617;border-radius:22px;box-shadow:4px 4px 0 #a7a3a0,0 35px 70px #0006;transform:rotateY(-8deg) rotateZ(-3deg);color:var(--ink);padding:22px 20px 26px;position:relative}.tablet-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.15em;margin-bottom:26px}.avatar{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#e1ddd7;letter-spacing:0;font-size:9px}.workspace{display:grid;grid-template-columns:50px 1fr;gap:15px}.app-sidebar{display:flex;flex-direction:column;align-items:center;gap:23px;color:#736e6b;padding-top:7px}.app-sidebar span:first-child{color:var(--wine);background:#eeeae5;padding:7px;border-radius:6px}.app-body h3{font-size:33px}.app-caption{font-size:10px;opacity:.6;margin:7px 0 20px}.app-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.app-tile{border:1px solid #dedbd6;background:#faf8f5;border-radius:8px;padding:12px 8px;min-width:0}.app-tile i{font-style:normal;color:var(--wine);font-size:20px}.app-tile b{display:block;font-size:11px;margin-top:10px}.app-tile small{font-size:8px;opacity:.6;display:block;margin-top:2px}.summary-card{margin-top:17px;padding:15px;border-radius:9px;background:white;box-shadow:0 8px 20px #00000005}.summary-card strong{font-size:11px;display:block}.summary-card p{font-size:10px;margin:5px 0 11px;color:#696465;line-height:1.6}.summary-card button{border:0;border-radius:5px;background:var(--wine);color:white;font-size:10px;padding:7px 12px}.phone{position:absolute;right:-2%;bottom:58px;width:133px;background:var(--cream);border:6px solid #191a1b;border-radius:23px;box-shadow:4px 6px 0 #aaa6a2,0 20px 35px #0005;color:var(--ink);padding:32px 10px 18px;transform:rotate(6deg)}.phone:before{content:'';position:absolute;top:9px;left:38px;width:45px;height:10px;background:#191a1b;border-radius:8px}.phone h3{font-size:23px}.phone p{font-size:7px;margin:10px 0}.phone-row{font-size:8px;margin-top:8px;padding:10px 3px;border-bottom:1px solid #ddd}.clock{width:150px;height:150px;position:absolute;bottom:-16px;right:18px;background:var(--wine);border-radius:50%;box-shadow:0 12px 30px #0005;display:grid;place-items:center;color:white}.clock svg{position:absolute;inset:5px;width:140px;height:140px;transform:rotate(-90deg)}.clock .mid{text-align:center;z-index:1}.clock b{font-size:32px;font-weight:400;display:block;line-height:1.2}.clock small{font-size:8px;letter-spacing:.07em}.art-note{position:absolute;bottom:-30px;left:20%;font-size:9px;opacity:.55}.clock-note{margin-top:44px;font-size:10px;text-align:right;opacity:.65}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:48px}.section-intro p{max-width:390px;color:#6b6665}.work-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;align-items:center}.work-copy{border-top:1px solid var(--line);padding-top:32px}.work-copy h3{font-size:42px;margin-bottom:22px}.work-copy p{color:#696363;max-width:310px}.demo-shell{background:white;border:1px solid #ddd7d1;border-radius:16px;overflow:hidden;box-shadow:0 15px 40px #2d202a0c}.demo-bar{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee8e4;font-size:12px;font-weight:600;gap:10px}.demo-bar span:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--wine);margin-right:8px}.demo-bar a{font-size:11px;font-weight:400;text-decoration:underline}.demo-shell iframe{display:block;width:100%;height:510px;border:0;background:#faf7f4}.demo-note{font-size:11px;opacity:.65;text-align:right;margin-top:12px}.workflows{position:relative;overflow:hidden;background:linear-gradient(110deg,#4b1624,var(--wine))}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.workflows h2{font-size:48px}.workflows p{max-width:460px;margin-top:20px;color:#f0ece6}.workflow-preview{display:block;border:1px solid #ffffff36;border-radius:15px;background:#ffffff06;padding:30px;position:relative;overflow:hidden}.workflow-preview:hover{background:#ffffff0e}.flow-top{display:flex;justify-content:space-between;align-items:center;font-size:13px}.flow-top small{font-size:10px;opacity:.65}.flow-diagram{display:flex;align-items:center;justify-content:space-between;margin:35px 0 20px;gap:8px}.flow-node{width:98px;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid #ffffff32;border-radius:50%;background:#ffffff0b}.flow-node b{font-size:25px;font-weight:400}.flow-node span{font-size:10px}.flow-arrow{font-size:23px;opacity:.5;animation:pulse 3s infinite}.flow-label{text-align:center;font-size:11px;opacity:.75}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:45px}.step{border-left:1px solid var(--line);padding-left:30px}.step:first-child{border-left:0;padding-left:0}.step-no{color:var(--wine);font-size:12px;display:block;margin-bottom:22px}.step h3{font-size:27px;margin-bottom:16px}.step p{font-size:15px;color:#6a6463}.calculator .two-col{grid-template-columns:1fr 1.1fr}.calculator h2{font-size:48px}.calculator p{color:#c9c6c4;margin-top:24px}.calc-box{padding:32px;background:#ffffff04;border:1px solid #ffffff2b;border-radius:13px}.range-label{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:13px;margin-bottom:10px}.range-label output{font-size:18px;font-variant-numeric:tabular-nums;background:#ffffff08;padding:2px 13px;border:1px solid #ffffff22;border-radius:5px}.range-wrap+.range-wrap{margin-top:20px}input[type=range]{width:100%;accent-color:#b6aa92;cursor:pointer;height:25px}.calc-result{border-top:1px solid #ffffff25;margin-top:22px;padding-top:25px;display:flex;align-items:center;justify-content:space-between;gap:15px}.calc-result strong{font:57px var(--serif);font-variant-numeric:tabular-nums}.calc-result .unit{font-size:13px;display:block;opacity:.8}.calc-result .days{font-size:12px;max-width:140px}.calc-foot{font-size:10px;opacity:.6;margin-top:20px}.security{background:linear-gradient(120deg,var(--wine),#481421)}.security h2{font-size:54px}.security-tagline{margin-top:20px;max-width:430px;color:#f0ece6}.security-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 20px;margin-top:36px}.security-item{display:flex;gap:13px;align-items:flex-start}.security-item svg{width:24px;height:24px;flex-shrink:0;stroke:#f8f5f1;fill:none;stroke-width:1.5}.security-item b{display:block;font-size:13px;margin-bottom:5px}.security-item p{font-size:12px;line-height:1.65;color:#eeeae5}.health-card{padding:38px;background:#2c101960;border:1px solid #ffffff1c;border-radius:10px}.health-card h3{font-size:39px;margin-bottom:22px}.health-card p{font-size:15px;color:#eeeae5}.health-card a{margin-top:25px;font-size:12px}.faq-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.faq h2{max-width:430px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq details:first-child{padding-top:0}.faq summary{font-size:15px;font-weight:600;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';color:var(--wine);font-size:25px;font-weight:400}.faq details[open] summary:after{content:'−'}.faq details p{font-size:14px;margin-top:16px;color:#6a6463;max-width:470px}.social{padding:65px 0}.social-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:30px;align-items:start}.social h2{font-size:38px}.social-card{padding-left:25px;border-left:1px solid #ffffff25}.social-card>span{font-size:22px;display:block;margin-bottom:16px}.social-card h3{font:15px var(--sans);margin-bottom:13px}.social-card a{font-size:11px;line-height:1.6}.contact{padding:75px 0;background:linear-gradient(120deg,#571928,#661e31)}.contact .two-col{grid-template-columns:1.2fr 1fr;gap:70px}.contact h2{font-size:45px}.contact p{font-size:14px;margin-top:22px;color:#f0ece6}.contact-actions{display:flex;gap:28px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.contact-details{display:flex;flex-direction:column;gap:13px;font-size:13px}.contact-details a:hover{text-decoration:underline}.site-footer{padding:27px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:24px}.footer-brand{display:flex;align-items:center;gap:15px}.footer-brand img{width:70px;height:70px;border-radius:50%}.footer-brand strong{font:23px var(--serif);display:block}.footer-brand span{display:block;font-size:10px;margin-top:6px;opacity:.65}.footer-inner>a{font-size:11px}.hero-dialog{width:min(460px,calc(100% - 32px));padding:30px;border:1px solid #bbb7b0;background:var(--cream);color:var(--ink);border-radius:16px;box-shadow:0 25px 90px #0005}.hero-dialog::backdrop{background:#111a;backdrop-filter:blur(4px)}.hero-dialog h3{font-size:35px}.hero-dialog p{font-size:14px;margin:18px 0}.hero-dialog button{margin-top:8px}.dialog-kicker{font-size:10px;letter-spacing:.15em;color:var(--wine);display:block;margin-bottom:15px}@keyframes pulse{0%,100%{opacity:.4}50%{opacity:1}}
@media(min-width:1500px){.hero-art{min-height:550px}.tablet{padding:30px}.phone{width:150px}.clock{right:20px;bottom:0}}
@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.nav{gap:17px}.brand strong{font-size:21px}.brand small{font-size:7px}.brand img{width:54px;height:54px}.hero-grid{gap:20px;grid-template-columns:1fr 1fr}.hero-art{min-height:440px}.tablet{padding:18px 12px}.workspace{grid-template-columns:30px 1fr;gap:8px}.app-body h3{font-size:26px}.phone{right:-5%;width:115px}.clock{width:128px;height:128px;right:0;bottom:-4px}.clock svg{width:118px;height:118px}.work-grid{gap:35px;grid-template-columns:.7fr 1.3fr}.two-col,.faq-grid{gap:40px}.social-grid{grid-template-columns:1.1fr repeat(3,1fr);gap:18px}.social-card{padding-left:18px}.contact .two-col{gap:35px}.contact-actions{justify-content:flex-start}}
@media(max-width:760px){html{scroll-padding-top:80px}.wrap{width:calc(100% - 40px)}section{padding:62px 0}.header-inner{min-height:78px}.brand img{width:50px;height:50px}.brand strong{font-size:21px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--ink);padding:22px;flex-direction:column;align-items:stretch;border-bottom:1px solid #fff3;gap:18px}.nav.open{display:flex}.nav>a{padding:4px 0}.nav .header-call{padding:13px}.langs{padding:4px 0}.hero{padding-top:47px}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(48px,9.7vw,75px)}.hero-copy p{font-size:16px;max-width:440px}.hero .eyebrow{font-size:9px;margin-bottom:20px}.actions{gap:23px}.hero-art{margin:20px auto 0;width:min(530px,100%);min-height:440px}.tablet{width:90%;max-width:440px}.phone{right:1%}.clock{right:4%;bottom:0}.art-note{bottom:-16px;left:15%}.clock-note{margin-top:30px}.scroll-cue{display:none}.section-intro{display:block;margin-bottom:32px}.section-intro p{margin-top:22px}.work-grid,.two-col,.calculator .two-col,.faq-grid,.contact .two-col{grid-template-columns:1fr;gap:36px}.work-copy{padding-top:24px}.work-copy p{max-width:100%}.demo-shell iframe{height:530px}.workflows h2,.calculator h2,.contact h2{font-size:42px}.workflow-preview{padding:25px}.flow-node{width:92px}.steps{grid-template-columns:1fr;gap:28px;margin-top:32px}.step,.step:first-child{border-left:0;border-top:1px solid var(--line);padding:23px 0 0}.step-no{margin-bottom:12px}.step h3{font-size:29px;margin-bottom:12px}.calc-box{padding:25px}.security-grid{gap:25px}.health-card{padding:28px}.faq-grid{gap:35px}.social-grid{grid-template-columns:repeat(3,1fr);gap:20px}.social h2{grid-column:1/-1;margin-bottom:15px;font-size:40px}.social-card{padding-left:12px}.social-card a{font-size:10px}.contact-actions{justify-content:flex-start}.footer-brand img{width:56px;height:56px}.footer-brand strong{font-size:21px}.footer-brand span{font-size:9px}.footer-inner{gap:12px}.footer-inner>a{font-size:10px}.eyebrow{font-size:10px}.security h2{font-size:48px}}
@media(max-width:390px){.wrap{width:calc(100% - 30px)}.hero-art{min-height:400px}.tablet{padding:18px 10px;width:95%}.app-sidebar{display:none}.workspace{grid-template-columns:1fr}.phone{width:104px;right:0}.clock{right:0}.hero h1{font-size:49px}.btn{padding:12px 20px}.social-grid{grid-template-columns:1fr}.social h2{grid-column:auto}.social-card{display:grid;grid-template-columns:30px 1fr;border-left:0;padding-left:0}.social-card>span{grid-row:span 2}.social-card a{font-size:12px}.social-card h3{margin-bottom:4px}.footer-brand span{max-width:150px}.flow-node{width:75px}.flow-node span{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.tablet,.phone{transform:none}}

/* Fictional app preview, without a device frame. */
.hero-art{min-height:540px;padding-bottom:38px;perspective:none}.sample-app{width:100%;position:relative;background:#f8f5f1;color:#27292d;border:1px solid #77736d;border-radius:14px;box-shadow:0 24px 60px #0004;overflow:hidden;z-index:1}.sample-top{display:flex;align-items:center;gap:10px;padding:17px 20px;background:#eeebe6;border-bottom:1px solid #d7d2ca;font-size:13px}.sample-symbol{display:grid;place-items:center;background:#5c192a;color:white;border-radius:7px;width:28px;height:28px;font:20px Georgia}.sample-user{margin-left:auto;border:1px solid #d2cdc4;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;font-size:9px}.sample-body{padding:24px}.sample-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.sample-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#68645e}.sample-heading h3{font:500 19px var(--sans);letter-spacing:-.03em;margin-top:5px;line-height:1.3}.sample-date{font-size:10px;color:#68645e;white-space:nowrap}.sample-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.sample-stats>div{background:#eeebe5;border:1px solid #dfdbd3;border-radius:8px;padding:13px 10px}.sample-stats b{font:29px var(--serif);display:block}.sample-stats span{font-size:9px;display:block;margin-top:5px;color:#5d5953}.sample-projects>strong{font-size:11px;display:block;margin-bottom:6px}.sample-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #dfdbd3;font-size:11px}.project-icon{width:29px;height:31px;background:#e8e3da;border-radius:5px;display:grid;place-items:center;color:#5c192a}.sample-row small{display:block;font-size:9px;color:#767069}.project-status{margin-left:auto;font-size:8px;background:#e8e4dd;padding:4px 7px;border-radius:4px;white-space:nowrap}.review-status{background:#5c192a;color:white}.sample-brief{display:flex;align-items:center;gap:10px;justify-content:space-between;background:#27292d;color:#f8f5f1;border-radius:8px;padding:13px;margin-top:17px}.sample-brief strong{font-size:11px}.sample-brief p{font-size:9px;color:#eeeae5;margin-top:4px}.sample-brief button{background:#f8f5f1;color:#27292d;border:0;border-radius:4px;padding:8px;font-size:9px;white-space:nowrap}.clock{z-index:2;bottom:-32px;right:-8px}.art-note{bottom:-19px;left:0;color:#f8f5f1;opacity:.75}.clock-note{margin-top:50px}
@media(max-width:1050px){.sample-body{padding:19px}.sample-heading h3{font-size:17px}.hero-art{min-height:530px}.clock{bottom:-30px}}
@media(max-width:760px){.hero-art{min-height:510px;margin-top:32px;padding-bottom:35px}.sample-body{padding:20px}.clock{right:0;bottom:-27px}.art-note{bottom:-12px;font-size:8px}.clock-note{margin-top:43px}}
@media(max-width:390px){.sample-body{padding:15px}.sample-heading h3{font-size:16px}.sample-date{display:none}.sample-stats{gap:6px}.sample-row{gap:7px}.sample-brief{padding:10px}.sample-brief p{max-width:150px}.art-note{max-width:180px}}

/* Forma: a fictional booking app, presented on two devices. */
.studio-art{height:510px;min-height:510px;padding:0;display:block;isolation:isolate}.studio-orbit{position:absolute;inset:20px -15px 65px 15px;border:1px solid #ffffff0c;border-radius:50%;transform:rotate(-20deg);z-index:-1}.studio-tablet{position:absolute;top:37px;left:0;width:96%;padding:11px;background:#161719;border:1px solid #777974;border-radius:22px;box-shadow:2px 3px 0 #555751,0 30px 50px #0004;transform:rotate(-3deg)}.studio-screen{border-radius:12px;overflow:hidden;background:#f5f2eb;color:#30332d}.studio-top{height:47px;display:flex;justify-content:space-between;align-items:center;padding:0 17px;border-bottom:1px solid #d9d6ce}.studio-wordmark{font-size:9px;letter-spacing:.03em}.studio-wordmark:first-letter{font-size:17px}.studio-wordmark span{color:#9b9487;margin:0 7px}.studio-profile{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#e1ddcf;font-size:7px}.studio-layout{display:grid;grid-template-columns:74px 1fr}.studio-nav{padding:21px 9px;border-right:1px solid #dedbd2;display:flex;flex-direction:column;gap:19px;font-size:8px;color:#7d7e71;position:relative}.studio-nav>span{display:flex;gap:5px;align-items:center}.studio-nav .studio-active{color:#5c192a;font-weight:700}.studio-monogram{font:62px Georgia;color:#d5d0c4;margin-top:auto;line-height:1}.studio-calendar{padding:18px 13px 10px;min-width:0}.studio-month{display:flex;align-items:center;justify-content:space-between;gap:7px}.studio-month small{font-size:8px;color:#77796d}.studio-month h3{font:500 15px var(--sans);letter-spacing:-.035em;margin-top:5px;line-height:1.2}.studio-month>span{font-size:12px}.studio-week{display:grid;grid-template-columns:repeat(4,1fr);margin:17px 0 0;padding-left:22px;border-bottom:1px solid #d8d5cb;padding-bottom:8px}.studio-week>div{text-align:center;font-size:6px;color:#87877c;letter-spacing:.07em}.studio-week b{font-size:14px;font-weight:500;display:block;color:#3d3d35;line-height:1.5}.studio-week .studio-selected b{background:#5c192a;color:white;border-radius:50%;width:24px;margin:auto}.studio-schedule{height:155px;position:relative;margin-top:9px;margin-left:22px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 37px,#dedbd155 38px,#dedbd155 39px),repeating-linear-gradient(to right,transparent 0,transparent calc(25% - 1px),#dedbd170 calc(25% - 1px),#dedbd170 25%)}.schedule-hour{position:absolute;left:-26px;top:0;font-size:6px;color:#939183}.hour-two{top:80px}.studio-event{position:absolute;border-radius:4px;padding:6px 4px;font-size:6px;line-height:1.5;border-left:2px solid #92947f;background:#e0e2d6;color:#454b37;width:24%}.studio-event b{display:block;font-size:7px;font-weight:600;margin:3px 0}.studio-event small{font-size:5.5px;white-space:nowrap}.studio-event span{font-size:5px}.event-one{left:0;top:2px;height:67px}.event-two{left:25%;top:26px;height:56px;background:#e8e2d5;border-color:#ab9b7e;color:#6b604a}.event-three{left:50%;top:66px;height:74px;background:#5c192a;color:#f8f5f1;border-color:#5c192a}.event-four{left:75%;top:91px;height:59px}.schedule-now{position:absolute;top:57px;left:0;width:100%;height:1px;background:#5c192a65}.schedule-now i{position:absolute;left:0;width:4px;height:4px;border-radius:50%;background:#5c192a;top:-1.5px}.studio-foot{font-size:7px;color:#8a897c;border-top:1px solid #dedbd1;margin-top:9px;padding-top:9px}.studio-foot span{font-size:5px;color:#757f65;margin-right:3px}.studio-phone{position:absolute;right:-1%;bottom:5px;width:156px;border:6px solid #18191a;border-radius:27px;background:#f8f5ef;padding:30px 13px 22px;color:#37392f;box-shadow:2px 3px 0 #7a7971,0 20px 35px #0005;transform:rotate(5deg);z-index:3}.phone-speaker{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:37px;height:8px;border-radius:10px;background:#18191a}.phone-brand{font:24px Georgia;letter-spacing:-.06em;margin-bottom:17px}.phone-brand span{color:#5c192a}.phone-kicker{font-size:7px;text-transform:uppercase;letter-spacing:.13em;color:#77776a}.pottery-art{background:#eee9df;border-radius:55px 55px 5px 5px;margin:11px 0 13px;height:88px;overflow:hidden}.pottery-art svg{width:100%;height:100%}.studio-phone h3{font:17px Georgia;letter-spacing:-.025em}.studio-phone p{font-size:8px;line-height:1.7;margin:8px 0}.booking-confirmed{font-size:6px;color:#626e52;margin:11px 0}.studio-phone button{border:0;border-radius:4px;background:#5c192a;color:#f8f5f1;font-size:7px;padding:9px 6px;width:100%;line-height:1.4}.phone-home{height:3px;width:40px;background:#30332d;border-radius:10px;position:absolute;bottom:8px;left:50%;transform:translateX(-50%)}.studio-art .clock{width:114px;height:114px;left:25px;right:auto;bottom:4px;z-index:2;box-shadow:0 10px 25px #0003}.studio-art .clock svg{width:104px;height:104px}.studio-art .clock b{font-size:27px}.studio-art .clock small{font-size:7px}.studio-art .art-note{left:8px;bottom:-21px;font-size:8px;letter-spacing:.025em}.hero .clock-note{margin-top:33px}
@media(min-width:1200px){.studio-tablet{top:22px}.studio-layout{grid-template-columns:83px 1fr}.studio-calendar{padding:22px 18px 14px}.studio-schedule{height:173px}.studio-week{margin-top:20px}.studio-event{font-size:8px}.studio-event b{font-size:9px}.studio-event small{font-size:7px}.studio-event span{font-size:6px}.studio-month h3{font-size:19px}.studio-phone{width:170px;bottom:-5px}.pottery-art{height:100px}.studio-art .clock{bottom:-5px}}
@media(max-width:760px){.studio-art{width:min(510px,100%);height:475px;min-height:475px;margin-top:36px}.studio-tablet{top:18px;width:95%}.studio-art .clock{left:12px;bottom:0}.studio-phone{right:0;bottom:0;width:145px}.studio-art .art-note{bottom:-22px}.hero .clock-note{margin-top:39px}}
@media(max-width:430px){.studio-art{height:430px;min-height:430px}.studio-tablet{padding:8px;border-radius:18px;width:98%;left:-2px}.studio-top{height:38px;padding:0 10px}.studio-layout{grid-template-columns:42px 1fr}.studio-nav{padding:17px 10px;font-size:12px}.studio-nav>span>span{display:none}.studio-monogram{font-size:34px}.studio-calendar{padding:12px 8px 9px}.studio-month h3{font-size:12px}.studio-week{margin-top:13px}.studio-schedule{height:143px}.studio-phone{width:129px;padding:26px 10px 20px;border-width:5px;bottom:0}.phone-brand{font-size:21px;margin-bottom:12px}.pottery-art{height:66px;margin:8px 0 10px}.studio-phone h3{font-size:15px}.studio-phone p{font-size:7px}.studio-phone button{font-size:6px}.studio-art .clock{width:101px;height:101px;bottom:7px}.studio-art .clock svg{width:91px;height:91px}.studio-art .clock b{font-size:25px}}
@media(prefers-reduced-motion:reduce){.studio-tablet,.studio-phone{transform:none}}

/* Mobile: use the full-screen app instead of an iframe inside a narrow page. */
.mobile-demo{display:none}
@media(max-width:760px){
#work{padding-top:44px;padding-bottom:48px}#work .section-intro{margin-bottom:25px}#work .section-intro p{font-size:16px;line-height:1.6;margin-top:16px}#work .section-intro .eyebrow{margin-bottom:17px}#work .work-grid{gap:22px}#work .work-copy{padding-top:22px}#work .work-copy .eyebrow{margin-bottom:15px}#work .work-copy h3{font-size:36px;margin-bottom:15px}#work .work-copy p{font-size:16px;line-height:1.6}#work .work-copy .actions,#work .demo-shell,#work .demo-note{display:none}.mobile-demo{display:block;background:#27292d;color:#f8f5f1;border-radius:14px;padding:23px;border:1px solid #393c40}.mobile-demo-top{display:flex;gap:13px;align-items:center}.mobile-demo-icon{display:grid;place-items:center;width:45px;height:45px;background:#f8f5f1;color:#5c192a;border-radius:10px;font:22px var(--serif);flex-shrink:0}.mobile-demo-top strong{font-size:16px;display:block}.mobile-demo-top small{display:block;font-size:10px;color:#d4d0c8;margin-top:3px}.mobile-demo-desc{display:block;font-size:13px;line-height:1.6;color:#dedbd4;margin:18px 0}.mobile-demo-action{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff25;padding-top:15px;font-size:14px;font-weight:600}.mobile-demo-action>span{font-size:22px;font-family:Arial,sans-serif}.mobile-demo:hover{background:#313338}
}

.social-card .social-app-icon{display:block;width:30px;height:30px;margin-bottom:20px;color:var(--cream)}.social-app-icon svg{display:block;width:100%;height:100%}@media(max-width:390px){.social-card .social-app-icon{width:24px;height:24px;margin-bottom:0}}
