.studio-home{--studio-ink:#f2f0e9;--studio-muted:#b7b8c5;color:var(--studio-ink)}.studio-scroll-progress{z-index:200;transform-origin:0;pointer-events:none;background:linear-gradient(90deg,#76f,#b77dff 58%,#6ee7c5);height:3px;position:fixed;top:0;left:0;right:0;box-shadow:0 0 18px #8f7aff80}.studio-home .section{padding-block:clamp(3rem,5vw,5rem)}.studio-home .studio-hero{padding-block:clamp(2.25rem,4vw,4rem)}.studio-hero-grid{align-items:center;gap:clamp(2rem,5vw,4.5rem);display:grid}.studio-hero .title{letter-spacing:-.045em;text-wrap:balance;max-width:15ch;font-size:clamp(2.65rem,4.4vw,4.5rem);line-height:1.09}.studio-hero .title+p{max-width:43ch;font-size:1rem;line-height:1.85}.studio-hero-demo{justify-self:center;width:100%;min-width:0;max-width:560px}.studio-try-caption{gap:.4rem;margin-bottom:1rem;display:grid}.studio-try-caption b{font-size:1rem;font-weight:600}.studio-try-caption span{color:#b7b8c5;font-size:.8rem;line-height:1.6}.studio-small-label{letter-spacing:.07em;font-size:.7rem;font-weight:650;line-height:1.7}.studio-text-link{color:#eceaf3;border-bottom:1px solid #676878;align-items:center;gap:.65rem;padding-block:.6rem;font-size:.9rem;display:inline-flex}.studio-text-link:hover{color:#c3b6ff;border-color:#c3b6ff}.studio-section-intro{color:#b7b8c5;max-width:44rem;margin-top:1rem;line-height:1.8}.studio-shop-preview{color:#eceaf3;background:#11141d;border:1px solid #ffffff29;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 30px 80px #0007,inset 0 1px #ffffff0a}.studio-preview-toolbar{background:linear-gradient(90deg,#171a25,#1d1928);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:.5rem;min-height:58px;padding:.55rem .8rem .55rem 1rem;display:flex}.studio-preview-wordmark{letter-spacing:.12em;font-size:.7rem;font-weight:800}.studio-preview-wordmark>span{color:#aeb0c3}.studio-view-switch{flex-shrink:0;gap:.2rem;display:flex}.studio-view-switch button,.studio-sample-bag button{color:#c5c6d6;border-radius:6px;place-items:center;width:40px;height:40px;transition:background-color .16s,color .16s;display:grid}.studio-view-switch button[aria-pressed=true]{color:#211b32;background:#e1d8ff;box-shadow:0 7px 24px #9274e038}.studio-preview-stage{background:radial-gradient(circle at 90% 10%,#72574f24,#0000 42%),radial-gradient(circle at 10% 90%,#5e805a1f,#0000 38%),#0e1118;place-items:center;height:372px;padding:14px;display:grid}.studio-shop-surface{color:#f5efe3;background:#121810;border:1px solid #ffffff1f;border-radius:8px;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);width:100%;max-width:100%;height:100%;min-height:0;margin-inline:auto;display:grid;overflow:hidden;box-shadow:0 18px 55px #0007}.studio-shop-photo{min-width:0;min-height:0;position:relative;overflow:hidden}.studio-shop-photo:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 68%,#121810);position:absolute;inset:0}.studio-shop-photo img{object-fit:cover;width:100%;height:100%}.studio-shop-product{z-index:1;background:linear-gradient(145deg,#161d14,#10150f);flex-direction:column;justify-content:center;min-width:0;min-height:0;padding:clamp(.9rem,2vw,1.35rem);display:flex;position:relative}.studio-shop-product h2{letter-spacing:-.025em;margin-block:.35rem;font-family:Georgia,serif;font-size:clamp(1.35rem,2.25vw,1.8rem);font-weight:400;line-height:1.1}.studio-shop-product .studio-small-label{color:#dfc598}.studio-shop-product>p:not(.studio-small-label){color:#55594c;font-size:.78rem;line-height:1.65}.studio-weight-options{border:0;flex-wrap:wrap;gap:.35rem;margin-top:.8rem;padding:0;display:flex}.studio-weight-options legend{color:#d7d0c3;margin-bottom:.5rem;font-size:.75rem;font-weight:650}.studio-weight-options label{cursor:pointer;flex:1;min-width:3rem;position:relative}.studio-weight-options input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.studio-weight-options span{color:#d6d6cd;background:#ffffff08;border:1px solid #ffffff35;border-radius:7px;place-items:center;min-height:42px;padding:.3rem;font-size:.75rem;transition:background-color .16s,border-color .16s;display:grid}.studio-weight-options input:checked+span{color:#172015;background:#dfe8cf;border-color:#dfe8cf;box-shadow:0 6px 18px #0003}.studio-weight-options input:focus-visible+span{outline-offset:3px;outline:3px solid #284dcc}.studio-shop-price{color:#f4dfb5;font-variant-numeric:tabular-nums;margin-block:.65rem;font-size:1.35rem;font-weight:700;display:block}.studio-shop-add{color:#182018;background:#e4ce9d;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:44px;padding:.65rem;font-size:.78rem;font-weight:600;line-height:1.5;transition:background-color .16s,transform .16s;display:flex}.studio-shop-add:hover{background:#f4dfb5;transform:translateY(-1px)}.studio-shop-surface.is-mobile{grid-template-rows:88px minmax(0,1fr);grid-template-columns:minmax(0,1fr);max-width:248px}.studio-shop-surface.is-mobile .studio-shop-photo{height:100%;min-height:0}.studio-shop-surface.is-mobile .studio-shop-product{padding:.75rem}.studio-shop-surface.is-mobile .studio-shop-product h2{font-size:1.3rem}.studio-shop-surface.is-mobile .studio-weight-options{margin-top:.5rem}.studio-shop-surface.is-mobile .studio-shop-price{margin-block:.45rem}.studio-preview-footer{background:linear-gradient(90deg,#171b22,#15141e);border-top:1px solid #ffffff14;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.25rem 1rem;min-height:76px;padding:.55rem 1rem;display:grid}.studio-sample-bag{color:#c7e5d8;justify-content:space-between;align-items:center;gap:.5rem;font-size:.75rem;line-height:1.5;display:flex}.studio-sample-bag>span{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.studio-sample-bag svg{flex-shrink:0}.studio-preview-note{color:#b4b7c9;grid-column:1/-1;font-size:.65rem;line-height:1.45}.studio-preview-shop-link{color:#ded6ff;white-space:nowrap;align-items:center;gap:.35rem;font-size:.72rem;font-weight:650;display:inline-flex}.studio-preview-shop-link:hover{color:#fff}.studio-shop-preview :is(button,a):focus-visible{outline-offset:2px;outline:3px solid #9a84ff}.studio-case-list{gap:clamp(2.5rem,5vw,4rem);margin-top:2.5rem;display:grid}.studio-selected-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:2rem;display:grid}.studio-selected-grid .studio-case-row{border:0;grid-template-columns:1fr;align-content:start;gap:1rem;padding-top:0}.studio-selected-grid .studio-case-0{grid-column:1/-1;grid-template-columns:1.2fr 1fr;align-items:center;gap:2rem}.studio-selected-grid .studio-case-row .studio-case-image{aspect-ratio:16/9;order:0}.studio-scroll-case-image{height:100%;overflow:hidden}.studio-selected-grid .studio-case-text h3{margin-block:.7rem;font-size:clamp(1.5rem,2.3vw,2.2rem)}.studio-selected-grid .studio-case-text dl{gap:.65rem}.studio-selected-grid .studio-case-text dd{line-height:1.6}.studio-services-visible .studio-service-row{padding-block:1rem}.studio-process-visible{padding-left:1.5rem;position:relative}.studio-process-progress{background:#ffffff12;border-radius:3px;width:3px;position:absolute;inset:0 auto 0 0;overflow:hidden}.studio-process-progress span{transform-origin:top;background:linear-gradient(#8e7bf0,#61ddbf);height:100%;display:block}.studio-process-visible .studio-process-list{grid-template-columns:1fr;gap:1rem;margin:0;padding:0;list-style:none}@media (width<=767px){.studio-selected-grid{grid-template-columns:1fr}.studio-selected-grid .studio-case-0{grid-template-columns:1fr;gap:1rem}.studio-selected-grid .studio-case-row{border-bottom:1px solid #ffffff15;padding-bottom:1rem}}.studio-card-rail{min-width:0;margin-top:1.5rem}.studio-card-rail-controls{justify-content:flex-end;gap:.5rem;margin-bottom:.75rem;display:flex}.studio-card-rail-controls button:disabled{opacity:.35;cursor:default}.studio-card-rail-track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#8e7bf0 #ffffff0a;grid-auto-columns:calc(33.3333% - 13.3333px);grid-auto-flow:column;gap:20px;padding:4px 2px 16px;display:grid;overflow-x:auto}.studio-card-rail-track:focus-visible{outline-offset:4px;outline:2px solid #b7a8ff}.studio-card-rail-track>*{scroll-snap-align:start;min-width:0}.studio-card-rail .studio-service-row{background:#ffffff03;border:1px solid #ffffff1a;border-radius:8px;padding:1.25rem}.studio-card-rail .studio-process-step{border:1px solid #ffffff1a;border-radius:8px;height:100%;padding:1.25rem}.studio-process-layout>*{min-width:0}.studio-process-layout .studio-card-rail{margin-top:0}.studio-process-layout .studio-card-rail-track{grid-auto-columns:85%}.studio-card-rail--cases .studio-card-rail-track{grid-auto-columns:92%}.studio-card-rail--cases .studio-case-row{border-top:0;align-content:start;padding-top:0}.studio-card-rail--cases .studio-case-image{order:0}@media (width>=768px){.studio-card-rail--cases .studio-case-row{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:1.5rem}}@media (width<=767px){.studio-card-rail-track{grid-auto-columns:86%}.studio-card-rail-controls{display:none}.studio-card-rail--cases .studio-case-image{aspect-ratio:16/9}.studio-card-rail--cases .studio-case-row{gap:1rem}.studio-card-rail--cases .studio-case-text h3{margin-block:.65rem;font-size:1.7rem}.studio-card-rail--cases .studio-case-text dl{gap:.75rem}}.studio-case-row{border-top:1px solid #ffffff24;align-items:center;gap:2rem;padding-top:2rem;display:grid}.studio-case-image{aspect-ratio:16/11;background:#151723;border-radius:4px;display:block;position:relative;overflow:hidden}.studio-case-image img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .45s}.studio-case-image:hover img{transform:scale(1.035)}.studio-case-image>span{color:#24251f;background:#f4f0e6;border-radius:50%;padding:.8rem;position:absolute;bottom:1rem;right:1rem}.studio-case-text h3{letter-spacing:-.035em;margin-block:1rem 1.4rem;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.1}.studio-case-text .studio-small-label{color:#c0b4fa}.studio-case-text dl{gap:1.2rem;display:grid}.studio-case-text dt{font-size:.75rem;font-weight:650}.studio-case-text dd{color:#b7b8c5;margin:.4rem 0 0;font-size:.9rem;line-height:1.75}.studio-case-text .studio-text-link{margin-top:1.3rem}.studio-founder{border-block:1px solid #ffffff24;gap:2.5rem;padding-block:2.5rem;display:grid}.studio-founder-identity{flex-direction:column;justify-content:space-between;gap:2rem;display:flex}.studio-founder-monogram{color:#f2eee3;letter-spacing:-.09em;font-family:Georgia,serif;font-size:clamp(6rem,14vw,11rem);line-height:.85}.studio-founder-monogram span{color:#c2b2f2}.studio-founder-identity p{color:#b7b8c5;max-width:22rem;font-size:.8rem;line-height:1.7}.studio-founder h2{margin-block:.8rem 1.4rem;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.15}.studio-founder>div>p:not(.eyebrow){color:#b7b8c5;line-height:1.9}.studio-founder .studio-founder-note{color:#eceaf3;margin-top:1rem}.studio-founder .studio-text-link{margin-top:1rem}.studio-workspace-section{background:#10111a;border-block:1px solid #ffffff12;scroll-margin-top:6rem}.studio-workspace-grid{align-items:start;gap:2rem;display:grid}.studio-workspace{background:#191b27;border:1px solid #3a3c4e;border-radius:8px;min-width:0;overflow:hidden}.studio-workspace-header{justify-content:space-between;gap:.5rem;padding:1.2rem;display:flex}.studio-workspace-header h3{margin-top:.4rem;font-size:.95rem}.studio-workspace-header .studio-small-label{color:#b9addb}.studio-reset{background:#292c3e;border:1px solid #55596d;border-radius:6px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.studio-workspace-notice{color:#b8bbce;padding:0 1.2rem 1rem;font-size:.75rem;line-height:1.7}.studio-workspace-tabs{border-block:1px solid #3a3c4e;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:.5rem;display:grid}.studio-workspace-tabs button{color:#c7cad8;overflow-wrap:anywhere;border-radius:5px;min-width:0;padding:.6rem .3rem;font-size:.75rem;line-height:1.6}.studio-workspace-tabs button span{opacity:.8;font-variant-numeric:tabular-nums;font-size:.65rem;display:block}.studio-workspace-tabs button[aria-selected=true]{color:#262038;background:#dcd4f8}.studio-workspace-panel{min-height:360px;padding:1.3rem}.studio-workspace-panel[hidden]{display:none}.studio-workspace-panel>p,.studio-workspace-panel form>p{color:#b8bbce;font-size:.82rem;line-height:1.7}.studio-workspace-progress{justify-content:space-between;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.studio-workspace-progress b{font-size:1.5rem}.studio-workspace progress{accent-color:#b3dbc6;background:#383b4d;border:0;border-radius:8px;width:100%;height:8px;margin-block:1rem;display:block;overflow:hidden}.studio-workspace progress::-webkit-progress-bar{background:#383b4d}.studio-workspace progress::-webkit-progress-value{background:#b3dbc6}.studio-workspace-stages{grid-template-columns:1fr 1fr;gap:.8rem;margin-block:1.5rem;padding:0;list-style:none;display:grid}.studio-workspace-stages li{color:#c7cad8;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.studio-workspace-stages li>span{border:1px solid #656b7b;border-radius:50%;flex-shrink:0;place-items:center;width:25px;height:25px;display:grid}.studio-workspace-stages .is-complete{color:#b3dbc6}.studio-workspace-stages .is-complete>span{background:#244136;border-color:#b3dbc6}.studio-workspace-next{color:#dcd4f8;justify-content:flex-end;align-items:center;gap:.6rem;margin-top:1.5rem;margin-left:auto;padding:.5rem 0;font-size:.8rem;display:flex}.studio-bakery-preview{margin:0}.studio-bakery-preview>div{color:#452c1f;background:#e8dbc3;border-radius:3px;min-height:220px;padding:1.5rem;position:relative;overflow:hidden}.studio-bakery-preview h4{z-index:1;max-width:12ch;margin-block:1rem;font:400 clamp(1.8rem,3vw,2.7rem)/1.03 Georgia,serif;position:relative}.studio-bakery-preview p{z-index:1;max-width:28ch;font-size:.75rem;line-height:1.7;position:relative}.studio-bakery-mark{pointer-events:none;border:18px double #79553d25;border-radius:55% 55% 15% 15%;width:130px;height:160px;position:absolute;bottom:-35px;right:-10px;transform:rotate(25deg)}.studio-bakery-preview figcaption{color:#b8bbce;margin-top:.7rem;font-size:.72rem}.studio-workspace form>label{margin-bottom:.6rem;font-size:.85rem;display:block}.studio-workspace textarea{color:#f0f0f4;resize:vertical;background:#11131d;border:1px solid #72788f;border-radius:7px;width:100%;max-width:100%;padding:.7rem;font-size:1rem}.studio-workspace textarea::placeholder{color:#a8adc4}.studio-workspace .studio-feedback-hint{margin-block:.5rem 1rem;font-size:.72rem}.studio-workspace .button{white-space:normal;font-size:.8rem}.studio-comment-result{color:#b8bbce;margin-top:1rem;font-size:.78rem;line-height:1.7}.studio-comment-result blockquote{color:#eee;overflow-wrap:anywhere;white-space:pre-wrap;background:#222638;border-left:2px solid #b3dbc6;margin-top:.5rem;padding:.7rem}.studio-approval{justify-items:start;gap:1rem;display:grid}.studio-approval svg{color:#b3dbc6}.studio-approval h4{font-size:1.2rem}.studio-approval p{color:#b8bbce;font-size:.85rem;line-height:1.8}.studio-service-list{grid-template-columns:1fr 1fr;column-gap:3rem;display:grid}.studio-service-row{border-top:1px solid #ffffff24;grid-template-columns:24px minmax(0,1fr);gap:.7rem 1rem;height:100%;padding-block:1.5rem;display:grid}.studio-service-row>p{grid-column:2}.studio-process-layout{align-items:center;gap:3rem;margin-top:2.5rem;display:grid}.studio-process-list{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.studio-process-step{align-items:start;gap:.7rem;display:flex}.studio-process-step>span{flex-shrink:0}.studio-process-step b{font-size:.9rem}.studio-process-step p{color:#b7b8c5;margin-top:.4rem;font-size:.8rem;line-height:1.7}.studio-process-layout .code-terminal{width:100%;min-height:270px;overflow:hidden}.studio-shop-case{border-block:1px solid #ffffff24;margin-top:3rem;padding-block:3rem}.studio-shop-case ol{gap:1.5rem;margin-block:2rem;padding:0;list-style:none;display:grid}.studio-shop-case li{align-items:baseline;gap:1rem;font-size:.95rem;line-height:1.8;display:flex}.studio-shop-case li span{color:#c0b4fa;font-family:monospace}.studio-shop-case>img{object-fit:cover;border-radius:6px;width:100%;max-height:500px}.studio-about-approach{max-width:48rem}@media (width>=768px){.studio-case-row{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:3rem}.studio-case-1{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.studio-case-1 .studio-case-image{order:2}.studio-founder{grid-template-columns:minmax(0,.6fr) minmax(0,1fr);gap:4rem}.studio-shop-case ol{grid-template-columns:repeat(3,1fr)}}@media (width>=1100px){.studio-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.studio-workspace-grid{grid-template-columns:minmax(0,.7fr) minmax(0,1.1fr);gap:4rem}.studio-process-layout{grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr)}}@media (width<=600px){.studio-hero .title{font-size:clamp(2.5rem,9vw,3.5rem)}.studio-preview-stage{height:390px;padding:12px}.studio-shop-surface{grid-template-rows:88px minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.studio-shop-photo{height:100%;min-height:0}.studio-shop-surface.is-mobile{max-width:248px}.studio-shop-product h2{font-size:1.35rem}.studio-preview-wordmark>span{display:none}.studio-preview-footer{grid-template-columns:minmax(0,1fr);gap:.35rem;min-height:94px;padding-block:.6rem}.studio-preview-shop-link{justify-self:start}.studio-service-list{grid-template-columns:1fr}.studio-workspace-panel{padding:1rem}.studio-workspace-tabs button{font-size:.68rem}.studio-workspace-stages,.studio-process-list{grid-template-columns:1fr}.studio-shop-case li{font-size:.9rem}}@media (prefers-reduced-motion:reduce){.studio-scroll-progress{display:none}.studio-shop-preview *,.studio-case-image img{transition:none}}