.project-modal{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:5vh 4vw;border:0;background:transparent;color:var(--ink);overflow:hidden}.project-modal::backdrop{background:#101116b8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.project-modal-panel{height:90dvh;max-width:1440px;margin:auto;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 30px 90px #0006;display:flex;flex-direction:column}.project-modal-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px 16px;border-bottom:1px solid var(--line);flex-shrink:0;min-height:62px}.project-modal-bar h2{font-size:16px;font-weight:500;letter-spacing:-.3px;margin:0}.project-modal-bar>div{display:flex;align-items:center;gap:18px}.project-modal-bar button,.project-modal-bar a{font-size:12px;color:var(--ink);background:none;border:0;cursor:pointer;min-height:44px;display:inline-flex;align-items:center}.project-modal-bar .close-project{font-size:28px;width:44px;justify-content:center;border-radius:5px}.project-modal-bar button:hover{background:var(--surface-soft)}.project-modal-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;position:relative;background:#fff}.project-modal-content iframe{display:block;width:100%;height:100%;border:0;background:#fff}.full-project-preview{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.project-modal-hint{flex-shrink:0;margin:0;padding:9px 16px;font-size:max(11px,var(--min-font-size));color:var(--muted);text-align:center;border-top:1px solid var(--line)}.project-zoom-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;display:none}.opening .project-zoom-canvas{display:block}.opening .project-modal-panel{opacity:var(--zoom-reveal,0)}@keyframes modal-appear{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.project-modal[data-mobile=true] .preview-toggle{display:none}@media(max-width:767px){.project-modal{padding:3dvh 12px}.project-modal-panel{height:94dvh;border-radius:9px}.project-modal-bar{padding:6px 9px;gap:8px}.project-modal-bar>div{gap:7px}.project-modal-bar h2{font-size:13px}.project-modal-bar a,.project-modal-hint{font-size:max(10px,var(--min-font-size))}.full-project-preview{cursor:zoom-out}}@media(prefers-reduced-motion:reduce){.opening .project-modal-panel{animation:none}}.project-browser{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}.project-browser-bar{height:48px;min-height:48px;position:relative;display:flex;align-items:center;justify-content:center;padding:0 16px;border-bottom:1px solid var(--line);background:var(--surface-soft);color:var(--muted);flex-shrink:0}.window-lights{position:absolute;left:16px;top:50%;transform:translateY(-50%);display:flex;gap:7px;pointer-events:none}.window-lights i{display:block;width:10px;height:10px;border-radius:50%;background:#ff5f57;box-shadow:inset 0 0 0 1px #00000010}.window-lights i:nth-child(2){background:#febc2e}.window-lights i:nth-child(3){background:#28c840}.project-browser-title,.project-modal-bar h2{font:12px DM Sans Variable,sans-serif;letter-spacing:0;color:var(--muted);text-align:center;max-width:calc(100% - 150px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.project .project-preview{padding:0;display:block;aspect-ratio:auto;background:var(--surface);box-shadow:0 8px 25px #00000009}.project-browser-viewport{position:relative;aspect-ratio:1440/1050;overflow:hidden;background:var(--surface-soft);display:grid;place-items:center}.project .project-preview img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0;box-shadow:none;transform:none;position:relative}.project:hover .project-preview img{transform:none}.project .visit-label{bottom:14px;right:14px}.project-modal .project-modal-actions{position:absolute;right:9px;gap:12px;display:flex;align-items:center}.project-modal-bar h2{max-width:calc(100% - 530px)}.project-modal-snapshot{position:absolute;top:0;left:0;width:100%;height:auto;max-width:none;z-index:2;pointer-events:none;transition:opacity .18s;display:block}.project-zoom-stage{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.project-zoom-stage .project-modal-panel{pointer-events:auto}.project-modal.opening .project-modal-panel{opacity:1}.opening .project-modal-actions,.opening .project-modal-hint{visibility:hidden}.opening .project-modal-content{overflow:hidden}@media(max-width:767px){.project-browser-bar{height:44px;min-height:44px;padding:0 10px}.window-lights{left:11px;gap:5px}.window-lights i{width:8px;height:8px}.project-modal-bar h2{max-width:calc(100% - 200px);margin-left:-55px;font-size:max(11px,var(--min-font-size))}.project-modal .project-modal-actions{gap:4px;right:3px}.project-browser,.project-modal-panel{border-radius:12px}}.opening .project-modal-panel{visibility:hidden}.opening .project-modal-panel[data-zoom-mounted=true]{visibility:visible}.opening .project-modal-bar h2{max-width:calc(100% - 150px);margin-left:0}.opening .project-modal-hint{display:none}@media(max-width:767px){.project-modal-bar h2{max-width:calc(100% - 170px);margin-left:0}.project-modal-bar .external-project{font-size:0;width:32px;justify-content:center}.project-modal-bar .external-project:after{content:"↗";font-size:18px}}.project-modal[data-mobile=true] .external-project{display:none}.project-browser-year{position:absolute;right:16px;font:max(11px,var(--min-font-size)) "DM Sans Variable",sans-serif;color:var(--muted)}.project .project-meta{display:none}@media(max-width:767px){.project-browser-year{right:11px;font-size:max(10px,var(--min-font-size))}}.project-browser-bar{height:40px;min-height:40px}.project-modal-bar button,.project-modal-bar a{min-height:38px}@media(max-width:767px){.project-browser-bar{height:32px;min-height:32px}.project-modal-bar button,.project-modal-bar a{min-height:30px}}.project-modal-bar .window-close{position:relative;width:10px;height:10px;min-height:0;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:#ff5f57;box-shadow:inset 0 0 0 1px #00000010;pointer-events:auto;cursor:pointer}.window-close:after{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:50%}.window-close svg{width:8px;height:8px;stroke:#691c17;stroke-width:1.3;fill:none;opacity:0;pointer-events:none}.window-close:hover svg,.window-close:focus-visible svg{opacity:1}.project-modal-bar .window-close:hover{background:#ff5f57}.project-modal.closing::backdrop{background:transparent;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:background .44s,backdrop-filter .44s}.closing .project-modal-actions{visibility:hidden}.closing .project-modal-hint{display:none}.closing .project-modal-content{overflow:hidden}.closing .project-modal-bar h2{max-width:calc(100% - 150px);margin-left:0}.closing .project-modal-panel{visibility:hidden}.closing .project-modal-panel[data-zoom-mounted=true]{visibility:visible}@media(max-width:767px){.project-modal-bar .window-close{width:8px;height:8px}.window-close svg{width:6px;height:6px}}.project-modal-bar .preview-toggle{gap:8px;padding:0 6px;border-radius:6px;color:var(--muted)}.project-modal-bar .preview-toggle[hidden]{display:none}.preview-switch{width:30px;height:18px;flex-shrink:0;border-radius:20px;background:var(--line);position:relative;transition:background .2s}.preview-switch:after{content:"";position:absolute;left:3px;top:3px;width:12px;height:12px;border-radius:50%;background:var(--surface);box-shadow:0 1px 3px #0003;transition:transform .2s}.preview-toggle[aria-checked=true] .preview-switch{background:var(--accent)}.preview-toggle[aria-checked=true] .preview-switch:after{transform:translate(12px)}.preview-toggle[aria-checked=true] .toggle-live,.preview-toggle[aria-checked=false] .toggle-preview{color:var(--ink);font-weight:600}.project-modal[data-mobile=true] .preview-toggle,.project[hidden],.load-more[hidden]{display:none}.project-browser-viewport picture{display:block;width:100%;height:100%;min-height:0;grid-area:1/1}.load-more{display:block;margin:32px auto 0;padding:12px 24px;border:1px solid var(--line);border-radius:6px;background:var(--surface-soft);color:var(--ink);font:inherit;font-size:14px;cursor:pointer}.load-more:hover{border-color:var(--accent);background:var(--section)}@media(max-width:767px){.project-browser-viewport{height:900px;aspect-ratio:auto}.project .project-preview img{object-position:top}}.hero{grid-template-columns:1.12fr 1fr;gap:34px;min-height:730px}.hero-art.design-studio{height:575px;display:block;position:relative;width:100%;max-width:530px;padding:0;justify-self:end;isolation:isolate}.browser-stage{position:absolute;top:52px;right:18px;bottom:34px;left:18px;perspective:1000px}#hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;visibility:hidden;z-index:1;opacity:.22}.mini-browser{height:100%;border:1px solid var(--line);background:var(--surface);border-radius:9px;overflow:hidden;box-shadow:var(--shadow)}.browser-chrome{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;background:var(--surface-soft);border-bottom:1px solid var(--line);color:var(--muted)}.browser-dots{font:max(7px,var(--min-font-size)) "DM Sans Variable",sans-serif;letter-spacing:3px;opacity:.5}.browser-lock{width:13px;height:13px;opacity:.55}.browser-lock svg{width:100%;height:100%}.placeholder{display:block;border-radius:3px;background:var(--line);opacity:.48;min-height:6px}.address-placeholder{width:36%;height:7px}.mini-page{padding:25px;height:calc(100% - 36px);display:flex;flex-direction:column}.wire-nav{display:flex;align-items:center;justify-content:space-between}.wire-logo{height:12px;width:65px;background:var(--accent);opacity:.2}.wire-nav>div{display:flex;gap:10px}.wire-nav>div>span{width:23px;height:5px}.wire-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:25px;margin-top:39px;min-height:158px}.wire-copy{padding-top:6px}.wire-eyebrow{width:40%;height:5px;margin-bottom:15px}.wire-title{height:15px;width:100%;margin-bottom:9px;background:var(--accent);opacity:.2}.wire-title.short{width:76%;margin-bottom:20px}.wire-line{height:6px;width:100%;margin-bottom:7px}.medium{width:80%}.short{width:60%}.wire-button{height:20px;width:56px;margin-top:17px;background:var(--accent);opacity:.2}.wire-image{display:grid;place-items:center;border:1px solid var(--line);background:var(--surface-soft);border-radius:4px;color:var(--muted)}.wire-image svg{width:65%;max-width:85px;opacity:.28}.positive-icons{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:30px;padding:18px 0;border-block:1px solid var(--line)}.positive-icons>span{height:36px;width:36px;display:grid;place-items:center;background:var(--surface-soft);border-radius:50%;color:var(--accent)}.positive-icons svg{width:20px;height:20px;opacity:.75}.wire-content{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.wire-content>div>.placeholder{height:6px;margin-bottom:8px}.wire-footer{display:flex;justify-content:space-between;margin-top:auto;padding-top:20px}.wire-footer>span{width:40px;height:5px}.settings-card{position:absolute;z-index:3;border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:17px 20px;box-shadow:0 12px 32px #00000012,0 2px 5px #00000004;font-family:DM Sans Variable,sans-serif;transition:opacity .65s,transform .65s cubic-bezier(.2,.8,.2,1),visibility .65s,background-color .25s,border-color .25s}.palette-card{top:123px;left:0;width:264px}.mode-card{top:266px;right:0;width:184px}.font-card{left:38px;bottom:0;width:274px}.control-label{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:max(9px,var(--min-font-size));letter-spacing:1px}#palette-label{font-size:max(10px,var(--min-font-size));letter-spacing:0;color:var(--accent)}.swatches{display:flex;margin-top:7px;margin-left:-5px}.swatch{position:relative;min-width:44px;min-height:44px;border:0;border-radius:50%;background:transparent;padding:0;cursor:pointer;color:var(--ink)}.swatch:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;background:var(--swatch);border-radius:50%;border:3px solid var(--surface)}.swatch[aria-pressed=true]:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid var(--accent);border-radius:50%}#mode-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;width:100%;border:0;background:transparent;color:var(--ink);padding:0;cursor:pointer;font:12px DM Sans Variable,sans-serif;margin-top:7px}.switch-track{height:21px;width:36px;border-radius:20px;background:var(--line);padding:3px;display:block;flex-shrink:0}.switch-track>span{display:block;border-radius:50%;height:15px;width:15px;background:var(--surface);box-shadow:0 1px 3px #0002;transition:transform .2s}#mode-toggle[aria-checked=true] .switch-track{background:var(--accent)}#mode-toggle[aria-checked=true] .switch-track>span{transform:translate(15px);background:var(--on-accent)}.font-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.font-options>button{min-width:44px;min-height:66px;padding:8px 5px;border:1px solid var(--line);border-radius:5px;color:var(--muted);background:var(--surface);cursor:pointer}.font-options>button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:var(--surface-soft)}.font-options>button>span{font-size:23px;line-height:1.15;display:block}.font-options small{display:block;font:max(9px,var(--min-font-size)) "DM Sans Variable",sans-serif;margin-top:6px}.font-options [data-font-choice=sans]>span{font-family:DM Sans Variable,sans-serif}.font-options [data-font-choice=serif]>span{font-family:"Source Serif 4 Variable",serif}.font-options [data-font-choice=mono]>span{font-family:JetBrains Mono Variable,monospace}.design-studio:not([data-stage=live]) #hero-canvas{visibility:visible;opacity:1}.design-studio:not([data-stage=live]) .mini-browser{opacity:0;transition:none}.design-studio:not([data-stage=live]) .settings-card{opacity:0;visibility:hidden;transition:none}.design-studio[data-stage=live] .settings-card{transition:background-color .25s,border-color .25s}.design-studio[data-stage=live] #hero-canvas{visibility:hidden}@media(max-width:1100px)and (min-width:781px){.hero{grid-template-columns:1fr 1fr;gap:24px}.hero-art.design-studio{height:580px}.browser-stage{inset-inline:8px}.mini-page{padding:20px}.wire-hero{gap:15px}.palette-card{left:0}.mode-card{right:0}.font-card{left:14px}.hero h1{font-size:clamp(36px,4.5vw,50px);letter-spacing:-2px}}@media(max-width:780px)and (min-width:601px){.hero{grid-template-columns:1fr;gap:15px;padding-top:45px;padding-bottom:80px}.hero-copy{padding-top:0}.hero-art.design-studio{justify-self:center;max-width:500px}}@media(max-width:600px){.hero{gap:22px}.hero-art.design-studio{height:570px;max-width:440px;margin:0 auto;flex-shrink:0}.browser-stage{top:52px;right:5px;bottom:32px;left:5px}.mini-page{padding:20px}.wire-hero{gap:17px;margin-top:30px}.wire-title{height:12px}.positive-icons{gap:5px;margin-top:33px}.positive-icons>span{width:30px;height:30px}.positive-icons svg{width:17px;height:17px}.palette-card{left:0;top:123px;padding:15px 17px;width:254px}.mode-card{right:0;top:260px;padding:15px 17px;width:170px}.font-card{left:12px;bottom:0;width:265px;padding:15px 17px}.hero-bottom{bottom:15px}.hero{padding-bottom:55px}.settings-card{max-width:100%}}@media(prefers-reduced-motion:reduce){.design-studio #hero-canvas{visibility:hidden!important}.design-studio .settings-card{opacity:1!important;visibility:visible!important;transform:none!important;transition:none!important}}@property --glow-angle{syntax:"<angle>";initial-value:0deg;inherits:true}@property --beacon-strength{syntax:"<number>";initial-value:0;inherits:true}.settings-card:before,.settings-card:after{content:"";position:absolute;pointer-events:none;border-radius:inherit;background:conic-gradient(from var(--glow-angle),transparent 0deg 290deg,var(--accent) 342deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:calc(var(--beacon-strength) * var(--glow-max))}.settings-card:before{top:-1px;right:-1px;bottom:-1px;left:-1px;padding:1.5px;--glow-max:.8}.settings-card:after{top:-5px;right:-5px;bottom:-5px;left:-5px;padding:6px;border-radius:13px;filter:blur(5px);--glow-max:.36}.design-studio:not([data-stage=live]) .settings-card:before,.design-studio:not([data-stage=live]) .settings-card:after{visibility:hidden}.settings-card{--beacon-color:var(--accent)}.settings-card:before,.settings-card:after{background:conic-gradient(from var(--glow-angle),transparent 0deg 290deg,var(--beacon-color) 342deg,transparent 360deg)}.swatch{transition:transform .18s ease}@media(hover:hover){.settings-card:hover{border-color:color-mix(in srgb,var(--accent) 58%,white);--beacon-color:color-mix(in srgb,var(--accent) 52%,white)}.settings-card:hover:before{--glow-max:1;padding:2px}.settings-card:hover:after{--glow-max:.65}.swatch:hover{transform:translateY(-2px)}.swatch:hover:before{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 55%,white),0 2px 8px color-mix(in srgb,var(--accent) 25%,transparent)}#mode-toggle:hover{color:var(--accent)}#mode-toggle:hover .switch-track{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 38%,transparent)}.font-options>button:hover{border-color:color-mix(in srgb,var(--accent) 55%,white);background:var(--surface-soft);color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent)}}@media(prefers-reduced-motion:reduce){.swatch:hover{transform:none}}.settings-card .control-label{color:var(--ink)}.swatch:before{border-width:2px;transition:box-shadow .18s,border-color .18s}.swatch[aria-pressed=true]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 12 3 3 7-7'/%3E%3C/svg%3E");background-size:19px;background-position:center;background-repeat:no-repeat}.font-options>button{border-color:color-mix(in srgb,var(--accent) 30%,var(--line));box-shadow:0 2px 0 var(--line);transition:transform .16s,background-color .16s,border-color .16s,box-shadow .16s}.font-options>button[aria-pressed=true]{border-color:var(--accent);box-shadow:0 2px 0 var(--accent);background:var(--section)}#mode-toggle{border:1px solid var(--line);border-radius:5px;padding:0 8px;box-shadow:0 2px 0 var(--line);background:var(--surface-soft);transition:background-color .16s,border-color .16s,box-shadow .16s,transform .16s}@media(hover:hover){.settings-card:hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent),0 14px 34px #00000018}.swatch:hover{transform:translateY(-3px) scale(1.13)}.swatch:hover:before{box-shadow:0 0 0 2px var(--accent),0 4px 12px color-mix(in srgb,var(--accent) 30%,transparent)}.font-options>button:hover,#mode-toggle:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 3px 0 var(--accent);background:var(--section);color:var(--ink)}}.swatch:active{transform:scale(.92)}.font-options>button:active,#mode-toggle:active{transform:translateY(1px);box-shadow:0 0 0 var(--accent)}@media(prefers-reduced-motion:reduce){.swatch:hover,.swatch:active,.font-options>button:hover,.font-options>button:active,#mode-toggle:hover,#mode-toggle:active{transform:none}}.swatches{display:grid;grid-template-columns:repeat(5,44px);row-gap:2px}.settings-card{box-shadow:0 18px 42px #0000001c,0 5px 14px #0000000c;overflow:visible}.settings-card:after{content:none}.settings-card:before{--glow-max:.3}.card-glow{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;pointer-events:none;border-radius:12px;filter:blur(11px);opacity:calc(var(--beacon-strength) * .8)}.card-glow:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:4px;background:conic-gradient(from var(--glow-angle),transparent 0deg 290deg,var(--beacon-color) 342deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.design-studio:not([data-stage=live]) .card-glow{visibility:hidden}@media(hover:hover){.settings-card:hover{box-shadow:0 22px 50px #00000026,0 6px 16px #00000012}.settings-card:hover .card-glow{opacity:var(--beacon-strength)}}@media(max-width:600px){.mode-card{top:280px}}.mode-card{top:290px}.settings-card{box-shadow:0 23px 22px -13px #0000003b,0 9px 12px -8px #00000026}[data-mode=dark] .settings-card{box-shadow:0 25px 24px -12px #0009,0 9px 14px -7px #0008}@media(hover:hover){.settings-card:hover{box-shadow:0 27px 26px -13px #00000045,0 10px 14px -8px #00000030}}.settings-card:before,.card-glow{display:none}.card-flare{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;opacity:var(--beacon-strength);color:var(--accent-glow)}.flare-halo{fill:currentColor;filter:blur(7px);opacity:1}.flare-trail{fill:currentColor;filter:drop-shadow(0 0 3px currentColor) drop-shadow(0 0 8px currentColor)}.flare-bulb{fill:#fff;filter:drop-shadow(0 0 2px white) drop-shadow(0 0 5px currentColor) drop-shadow(0 0 12px currentColor)}.design-studio:not([data-stage=live]) .card-flare{visibility:hidden}.design-studio .settings-card,.design-studio .settings-card:hover{--proximity:0;--proximity-mix:0%;border-color:var(--line);transition:border-color .1s,background-color .25s,box-shadow .25s}.proximity-ring{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;padding:1.5px;border-radius:inherit;pointer-events:none;opacity:var(--proximity);background:radial-gradient(circle 360px at var(--pointer-x,50%) var(--pointer-y,50%),color-mix(in srgb,var(--accent) 22%,white),var(--accent) 40%,transparent 85%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:opacity .12s}.design-studio:not([data-stage=live]) .proximity-ring{visibility:hidden}@media(max-width:600px){.hero-bottom{position:static;margin-top:32px}.hero{padding-bottom:24px}}.swatches{grid-template-columns:repeat(4,44px);justify-content:space-between;margin-left:0}.swatch{width:44px;height:44px;justify-self:center}[data-palette=yellow] .proximity-ring{background:radial-gradient(circle 360px at var(--pointer-x,50%) var(--pointer-y,50%),var(--accent-glow),var(--accent-glow) 40%,transparent 85%)}[data-palette=yellow] .design-studio .settings-card{border-color:var(--line)}[data-palette=pink] .font-options>button[aria-pressed=true],[data-palette=pink] .font-options>button:hover,[data-palette=pink] #mode-toggle:hover{color:var(--ink)}.design-studio.awaiting-appearance-demo .palette-card,.design-studio.awaiting-appearance-demo .font-card{visibility:hidden!important;opacity:0!important;pointer-events:none}.design-studio .mode-card{left:-16px;right:auto;width:194px}@media(max-width:600px){.design-studio .mode-card{left:0;right:auto;width:184px}}.design-studio .palette-card{left:auto;right:0}.design-studio .font-card{left:calc(50% - 137px);right:auto}@media(max-width:600px){.design-studio .font-card{left:calc(50% - 132.5px)}}.switch-track{transition:background-color .1s,box-shadow .1s}.switch-track>span{transition:transform .1s ease,background-color .1s,box-shadow .1s}#mode-toggle{transition:background-color .1s,color .1s,border-color .1s,box-shadow .1s}#mode-label{min-width:10ch;text-align:left}.design-studio .settings-card,.design-studio .settings-card:hover{transition:border-color .1s,background-color .1s,color .1s,box-shadow .1s}@media(max-width:767px){.design-studio .mode-card{top:123px}.design-studio .palette-card{top:260px}}@media(max-width:767px){.hero{gap:10px}.hero-art.design-studio{height:480px}.design-studio .browser-stage{top:12px;bottom:28px}.design-studio .mode-card{top:64px}.design-studio .palette-card{top:180px}.design-studio .font-card{bottom:0}}.beacon-under-card .card-flare{clip-path:polygon(evenodd,-60px -60px,calc(100% + 60px) -60px,calc(100% + 60px) calc(100% + 60px),-60px calc(100% + 60px),-60px -60px,0 0,0 100%,100% 100%,100% 0,0 0)}.design-studio #mode-toggle,.design-studio #mode-toggle:hover,.design-studio #mode-toggle:active,.design-studio .font-options>button,.design-studio .font-options>button:hover,.design-studio .font-options>button:active,.design-studio .font-options>button[aria-pressed=true]{box-shadow:none;transform:none;transition:background-color .1s,color .1s,border-color .1s}.design-studio #mode-toggle .switch-track,.design-studio #mode-toggle .switch-track>span{box-shadow:none}.design-studio .swatch,.design-studio .swatch:hover,.design-studio .swatch:active{transform:none;box-shadow:none}.design-studio .swatch:before,.design-studio .swatch:hover:before,.design-studio .swatch:active:before{box-shadow:none;transition:border-color .1s}.design-studio .swatch:hover:before{border-color:var(--accent)}.design-studio .settings-card,.design-studio .settings-card:hover{box-shadow:0 27px 26px -13px #00000045,0 10px 14px -8px #00000030}.project-preview>.proximity-ring{top:0;right:0;bottom:0;left:0;z-index:4}