.hero{padding-block:60px 48px;overflow:clip}.studio-grid{grid-template-columns:1.3fr 1fr;align-items:center;gap:30px;display:grid}.hero h1{letter-spacing:-.055em;margin:22px 0 26px;font-size:clamp(48px,5.6vw,80px);font-weight:500;line-height:1.07}.hero h1 em{color:var(--accent);font-style:normal}.hero-description{max-width:490px;font-size:16px}.hero-actions{flex-wrap:wrap;align-items:center;gap:26px;margin-top:26px;display:flex}.hero-actions .text-link{margin:0}.hero-person{align-items:center;gap:13px;width:fit-content;min-height:48px;margin-top:30px;display:flex}.hero-person img{object-fit:cover;filter:grayscale();border-radius:50%}.hero-person strong{color:var(--text);font-size:13px;font-weight:600;display:block}.hero-person span span{color:var(--muted);font-size:11px}.hero-person>span:last-child{color:var(--accent);margin-left:10px}.hero-visual{min-width:0;height:450px}@media (width<=1000px){.hero h1{font-size:clamp(40px,6vw,64px)}}@media (width<=700px){.hero{padding-block:35px 25px}.studio-grid{flex-direction:column;align-items:stretch;display:flex}.studio-copy{z-index:1;position:relative}.hero h1{margin-block:22px;font-size:clamp(37px,9.5vw,66px)}.hero-description{max-width:440px;font-size:15px}.hero-actions{gap:20px}.hero-person{margin-top:25px}.hero-person span span{font-size:10px}.hero-visual{width:100%;height:350px;margin-top:10px}}.studio-copy .hero-description{font-size:18px}@media (width<=640px){.studio-copy .hero-description{font-size:17px}}.hero-option-interface{isolation:isolate;color:#292621;width:100%;height:100%;min-height:360px;font-family:Inter Variable,sans-serif;position:relative}.hero-option-interface *{box-sizing:border-box}.hero-option-interface:before{content:"";z-index:-2;background:radial-gradient(#eecdc067 0,#f3dfd733 49%,#0000 72%);border-radius:50%;position:absolute;inset:2% 3% 8%}.hero-option-interface .interface-orbit{z-index:-1;border:1px solid #a8492b1e;border-radius:50%;position:absolute}.hero-option-interface .interface-orbit-one{aspect-ratio:1;width:83%;top:1%;left:7%}.hero-option-interface .interface-orbit-two{aspect-ratio:1;width:66%;top:11%;left:17%}.hero-option-interface .interface-browser{transform-origin:50%;background:#fff;border:1px solid #ddd9d2;border-radius:13px;width:82%;height:68%;min-height:245px;position:absolute;top:11%;left:2%;overflow:hidden;transform:rotate(-3deg);box-shadow:0 24px 54px #5645391c,0 4px 12px #5645390b}.hero-option-interface .interface-browser-bar{background:#faf9f6;border-bottom:1px solid #eeebe6;justify-content:space-between;align-items:center;height:27px;padding:0 11px;display:flex}.hero-option-interface .interface-browser-dots{gap:4px;display:flex}.hero-option-interface .interface-browser-dots i{background:#d8d0c7;border-radius:50%;width:5px;height:5px}.hero-option-interface .interface-browser-dots i:first-child{background:#b87b67}.hero-option-interface .interface-browser-address{color:#928d84;letter-spacing:.02em;font-size:7px}.hero-option-interface .interface-browser-menu{gap:3px;display:grid}.hero-option-interface .interface-browser-menu i{background:#989088;width:9px;height:1px}.hero-option-interface .interface-browser-page{background:#faf9f6;height:calc(100% - 27px)}.hero-option-interface .interface-site-top{color:#6f6b62;justify-content:space-between;align-items:center;height:33px;padding:0 6.5%;font-size:6px;display:flex}.hero-option-interface .interface-site-mark{color:#292621;letter-spacing:-.06em;font-size:12px;font-weight:800}.hero-option-interface .interface-site-mark span{color:#a8492b}.hero-option-interface .interface-site-body{background:#f3eee8;grid-template-columns:53% 47%;min-height:70%;display:grid}.hero-option-interface .interface-site-copy{flex-direction:column;justify-content:center;align-items:flex-start;padding:13% 2% 13% 12%;display:flex}.hero-option-interface .interface-site-kicker{color:#a8492b;letter-spacing:.15em;font-size:6px;font-weight:700}.hero-option-interface .interface-site-copy strong{letter-spacing:-.055em;margin-top:10px;font-family:Geist Variable,sans-serif;font-size:clamp(15px,3.5vw,30px);font-weight:600;line-height:1.05}.hero-option-interface .interface-site-description{color:#777066;max-width:145px;margin-top:9px;font-size:7px;line-height:1.55}.hero-option-interface .interface-site-button{color:#fff;background:#292621;border-radius:4px;align-items:center;gap:14px;margin-top:13px;padding:6px 9px;font-size:6px;display:inline-flex}.hero-option-interface .interface-site-button b{font-size:9px;font-weight:400}.hero-option-interface .interface-site-art{background:#d8b9a6;position:relative;overflow:hidden}.hero-option-interface .interface-art-window{background:#ebd4be;border:7px solid #f3e5d7;border-bottom:0;border-radius:100px 100px 0 0;position:absolute;inset:10% 14% -5% 16%;box-shadow:0 2px 14px #77503a33}.hero-option-interface .interface-art-sun{aspect-ratio:1;background:#f7e1b8;border-radius:50%;width:48%;position:absolute;top:20%;right:5%;box-shadow:0 0 35px #f7e1b8b0}.hero-option-interface .interface-art-arch{background:linear-gradient(110deg,#a8492b,#ce8060 85%);border-radius:100px 100px 0 0;width:45%;height:65%;position:absolute;bottom:-18%;left:18%;box-shadow:13px -3px 20px #8b4a3633}.hero-option-interface .interface-art-floor{background:#b28e77;height:16%;position:absolute;bottom:0;left:0;right:0}.hero-option-interface .interface-site-foot{color:#777066;white-space:nowrap;justify-content:center;align-items:center;gap:9px;height:30px;font-size:6px;display:flex}.hero-option-interface .interface-site-foot i{background:#a8492b;border-radius:50%;width:3px;height:3px}.hero-option-interface .interface-connector{border-bottom:1px dashed #a8492b99;border-right:1px dashed #a8492b99;border-radius:0 0 24px;width:23%;height:12%;position:absolute;top:64%;left:62%;transform:rotate(-3deg)}.hero-option-interface .interface-workflow{background:#fffefc;border:1px solid #e5ddd5;border-radius:11px;width:48%;min-width:185px;padding:13px 14px 15px;position:absolute;bottom:10%;right:1%;transform:rotate(5deg);box-shadow:0 22px 36px #57473822,0 3px 9px #5747380e}.hero-option-interface .interface-workflow-top{color:#94877d;letter-spacing:.1em;align-items:center;gap:7px;font-size:6px;font-weight:700;display:flex}.hero-option-interface .interface-workflow-icon{color:#a8492b;background:#f3dfd6;border-radius:5px;place-items:center;width:21px;height:21px;font-size:14px;font-weight:400;display:grid}.hero-option-interface .interface-workflow-dots{color:#8c8177;margin-left:auto;font-size:13px;line-height:.5}.hero-option-interface .interface-workflow>strong{letter-spacing:-.04em;margin-top:13px;font-family:Geist Variable,sans-serif;font-size:16px;display:block}.hero-option-interface .interface-workflow-row{border:1px solid #ece7df;border-radius:6px;align-items:center;gap:8px;margin-top:13px;padding:9px;display:flex}.hero-option-interface .interface-row-avatar{color:#725e50;background:#e6d8cb;border-radius:5px;place-items:center;width:21px;height:21px;font-size:9px;display:grid}.hero-option-interface .interface-workflow-row b{font-size:7px;font-weight:700;display:block}.hero-option-interface .interface-workflow-row small{color:#9a9187;margin-top:2px;font-size:6px;display:block}.hero-option-interface .interface-workflow-row i{background:#a8492b;border-radius:50%;width:5px;height:5px;margin-left:auto}.hero-option-interface .interface-workflow-progress{color:#8e8980;white-space:nowrap;justify-content:space-between;align-items:center;gap:3px;margin-top:12px;font-size:5px;display:flex}.hero-option-interface .interface-workflow-progress span:nth-child(3){color:#a8492b;font-weight:700}.hero-option-interface .interface-workflow-progress i{background:#e5ded6;flex:1;height:1px}.hero-option-interface .interface-workflow-track{background:#eee8e2;border-radius:2px;height:3px;margin-top:6px}.hero-option-interface .interface-workflow-track i{border-radius:inherit;background:#a8492b;width:58%;height:100%;display:block}.hero-option-interface .interface-caption{color:#968d83;letter-spacing:.19em;white-space:nowrap;font-size:8px;position:absolute;bottom:5%;left:7%}@media (width<=520px){.hero-option-interface{min-height:310px}.hero-option-interface .interface-browser{width:89%;height:66%;min-height:0;top:8%;left:1%}.hero-option-interface .interface-site-copy strong{font-size:clamp(16px,6vw,25px)}.hero-option-interface .interface-workflow{width:55%;min-width:0;padding:10px;bottom:7%;right:1%}.hero-option-interface .interface-workflow>strong{margin-top:8px;font-size:13px}.hero-option-interface .interface-workflow-row{margin-top:8px;padding:6px}.hero-option-interface .interface-workflow-progress{margin-top:8px}.hero-option-interface .interface-caption{font-size:6px;bottom:5%;left:3%}}@media (prefers-reduced-motion:no-preference){.hero-option-interface .interface-browser{animation:.8s cubic-bezier(.2,.8,.2,1) both interface-rise}.hero-option-interface .interface-workflow{animation:.9s cubic-bezier(.2,.8,.2,1) .11s both interface-card-rise}}@keyframes interface-rise{0%{opacity:0;transform:translateY(13px)rotate(-3deg)}to{opacity:1;transform:translateY(0)rotate(-3deg)}}@keyframes interface-card-rise{0%{opacity:0;transform:translateY(17px)rotate(5deg)}to{opacity:1;transform:translateY(0)rotate(5deg)}}
