@font-face{font-family:Archivo;src:url(/fonts/archivo-normal.woff2)format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}@font-face{font-family:Archivo;src:url(/fonts/archivo-italic.woff2)format("woff2");font-weight:100 900;font-stretch:62% 125%;font-style:italic;font-display:swap}@font-face{font-family:Martian Mono;src:url(/fonts/martian-mono-normal.woff2)format("woff2");font-weight:100 800;font-stretch:75% 112.5%;font-display:swap}@font-face{font-family:"Brygada 1918";src:url(/fonts/brygada-1918-roman.woff2)format("woff2");font-weight:400 700;font-display:swap}:root{--kraft:#cfb68b;--kraft-deep:#c2a678;--kraft-pale:#dcc79f;--ink:#1b1712;--ink-2:#3a3027;--chalk:#2466a0;--chalk-deep:#174a78;--thread:#b8261f;--tape:#f1c232;--muslin:#ece3cf;--rule:#1b171247;--rule-soft:#1b171224;--sans:"Archivo", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;--mono:"Martian Mono", "SFMono-Regular", Menlo, Consolas, monospace;--step-mark:clamp(3rem, calc(1.2rem + 8vw), 8.75rem);--step-h2:clamp(2.25rem, calc(1.5rem + 3.3333vw), 4.5rem);--step-h3:clamp(1.375rem, calc(1.1667rem + .9259vw), 2rem);--step-lede:clamp(1.1875rem, calc(1.0833rem + .463vw), 1.5rem);--step-body:clamp(1.0625rem, calc(1.0208rem + .1852vw), 1.1875rem);--step-small:.9375rem;--gutter:clamp(1rem, calc(.3333rem + 2.963vw), 3rem);--section:clamp(5rem, calc(3rem + 8.8889vw), 11rem);--ease:cubic-bezier(.16, 1, .3, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;accent-color:var(--chalk);scrollbar-color:var(--kraft-deep) var(--kraft-pale)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:4.5rem}body{background-color:var(--kraft);color:var(--ink);font:400 var(--step-body)/1.55 var(--sans);caret-color:var(--thread);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cpath d='M80 74v12M74 80h12' stroke='%231b1712' stroke-opacity='.32' stroke-width='1.2'/%3E%3C/svg%3E"),radial-gradient(circle,#1b171242 1.1px,#0000 1.4px);background-position:0 0,16px 16px;background-size:160px 160px,32px 32px;margin:0;font-stretch:100%;overflow-x:clip}::selection{background:var(--ink);color:var(--tape)}img{max-width:100%;height:auto;display:block}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}a:hover{color:var(--chalk-deep)}h1,h2,h3{text-wrap:balance;margin:0;line-height:1}p{text-wrap:pretty;margin:0}code{font-family:var(--mono);font-size:.86em;font-stretch:87.5%}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--thread);outline-offset:3px}.skip{left:var(--gutter);z-index:100;background:var(--ink);color:var(--tape);padding:.75rem 1rem;font-weight:700;position:absolute;top:-4rem}.skip:focus{top:.75rem}.masthead{z-index:50;padding:.7rem var(--gutter);background:var(--kraft);border-bottom:1px dashed var(--rule);justify-content:space-between;align-items:center;gap:1rem;display:flex;position:sticky;top:0}.masthead__home{font:850 1.25rem/1 var(--sans);letter-spacing:-.02em;align-items:center;min-height:2.75rem;font-stretch:118%;text-decoration:none;display:inline-flex}.masthead ul{flex-wrap:wrap;gap:.25rem 1.5rem;margin:0;padding:0;list-style:none;display:flex}.masthead nav a{align-items:center;min-height:2.75rem;font-weight:600;font-stretch:85%;text-decoration:none;display:inline-flex}.masthead nav a:hover{color:var(--chalk-deep);-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.grainline{width:100%;height:12px;color:var(--ink);display:block}.divider{width:calc(100% - var(--gutter) * 2);margin:0 var(--gutter);opacity:.6}.front{padding:clamp(2rem, 5vw, 4.5rem) var(--gutter) clamp(3rem, 6vw, 6rem);grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(2rem,4vw,4.5rem);display:grid}.front__wordmark{font:900 min(9rem, 11.2vw)/.86 var(--sans);letter-spacing:-.035em;white-space:nowrap;grid-column:1/-1;margin-bottom:clamp(.25rem,1.5vw,1rem);font-stretch:118%}.front__copy{align-content:start;gap:1.75rem;display:grid}.front__lede{font-size:var(--step-lede);max-width:33ch;font-weight:450;line-height:1.42}.front__more{font-size:var(--step-small);color:var(--ink-2);max-width:46ch}.front__demos{flex-wrap:wrap;gap:.25rem 1.75rem;margin:0;padding:0;list-style:none;display:flex}.front__demos a{text-underline-offset:.3em;align-items:center;min-height:2.75rem;font-weight:800;font-stretch:90%;text-decoration:underline;text-decoration-thickness:2px;display:inline-flex}.front__toile{margin:0;position:relative;rotate:-.8deg}.front__toile figcaption{font-size:var(--step-small);color:var(--ink-2);max-width:46ch;margin-top:1rem;rotate:.8deg}.pin{z-index:3;background:var(--thread);border-radius:50%;width:.9rem;height:.9rem;position:absolute;top:-.5rem;left:9%}.pin:after{content:"";background:var(--ink);transform-origin:top;z-index:-1;width:1.5px;height:1.3rem;position:absolute;top:55%;left:50%;rotate:32deg}.pin--2{left:auto;right:11%}.command{gap:.4rem;display:grid}.command__label{font-weight:700;font-stretch:85%;font-size:var(--step-small)}.command__tape{background:repeating-linear-gradient(90deg, #1b17128c 0 1px, transparent 1px 8px) top / 100% 6px no-repeat, repeating-linear-gradient(90deg, #1b1712cc 0 1.5px, transparent 1.5px 40px) top / 100% 11px no-repeat, var(--tape);align-items:stretch;max-width:40rem;display:flex;box-shadow:0 1px #1b171240,0 10px 18px -12px #1b171280}.command__tape code{overflow-wrap:anywhere;min-width:0;color:var(--ink);flex:1;padding:1.15rem 1rem .85rem;font-size:clamp(.78rem,.7rem + .25vw,.92rem);line-height:1.45}.command__tape button{background:var(--ink);min-width:5rem;min-height:2.75rem;color:var(--tape);cursor:pointer;border:0;flex:none;padding:0 1rem;font-weight:800;font-stretch:90%;transition:background-color .25s}.command__tape button:hover{background:var(--chalk)}.command__status{min-height:1.3em;color:var(--ink-2);font-size:.875rem}.toile{background:var(--muslin);background-image:repeating-linear-gradient(0deg,#7864460d 0 1px,#0000 1px 3px),repeating-linear-gradient(90deg,#7864460d 0 1px,#0000 1px 3px);position:relative;box-shadow:0 1px #1b171233,0 24px 40px -26px #1b171299;container-type:inline-size}.toile__page{aspect-ratio:16/10.4;color:#1f2333;transition:color .6s var(--ease);padding:1.4em 2.2em;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:1.62cqw;position:relative;overflow:hidden}.toile__backdrop{z-index:0;transition:opacity .8s var(--ease);background:radial-gradient(42% 60% at 70% 30%,#818cf861,#0000 70%),radial-gradient(40% 55% at 25% 70%,#60a5fa47,#0000 70%);position:absolute;inset:0}.toile__backdrop:after{content:"";opacity:0;transition:opacity .9s var(--ease);background:url(/demos/poterie-studio-still.webp) 70% 40%/cover;position:absolute;inset:0}.toile__page>:not(.toile__backdrop){z-index:1;position:relative}.toile__nav{align-items:center;gap:1.6em;margin-bottom:2.2em;font-size:.92em;display:flex}.toile__logo{font-weight:700}.toile__links{color:#4b5068;gap:1.2em;margin-left:auto;display:flex}.toile__hero{text-align:center;max-width:34em;transition:all .6s var(--ease);justify-items:center;gap:.9em;margin:0 auto;display:grid}.toile__eyebrow{letter-spacing:.14em;color:#4f46e5;transition:opacity .4s, max-height .5s var(--ease), padding .5s;background:#4f46e514;border-radius:999px;align-items:center;gap:.5em;max-height:3em;padding:.35em .8em;font-size:.62em;font-weight:600;display:inline-flex}.toile__eyebrow.is-cut{opacity:0;max-height:0;padding-block:0}.toile__dot{background:#22c55e;border-radius:50%;width:.6em;height:.6em;box-shadow:0 0 0 .25em #22c55e40}.toile__h{letter-spacing:-.03em;font-size:2.6em;font-weight:750;line-height:1.05;display:block}.toile__p{color:#5b6078;max-width:30em;font-size:.95em;line-height:1.5}.toile__actions{align-items:center;gap:.7em;display:flex}.toile__btn{white-space:nowrap;align-items:center;padding:.7em 1.3em;font-size:.85em;font-weight:600;display:inline-flex}.toile__btn--pill{color:#fff;background:#4f46e5;border-radius:999px;box-shadow:0 .4em 1em #4f46e559}.toile__btn--ghost{color:#1f2333;background:#ffffffb3;border:1px solid #c7c9d9;border-radius:999px}.toile__btn--square{color:#efebe5;background:#2b1f19;border-radius:0;box-shadow:inset 0 0 0 .2em #2b1f19,inset 0 0 0 .27em #d6be96b3}.toile__textlink{text-underline-offset:.3em;font-size:.85em;text-decoration:underline}.toile__navcta{margin-left:.4em}.toile__typemark{color:#6b7085;opacity:.9;font:600 .62em/1 Martian Mono,monospace;position:absolute;top:0;right:0}.toile__below{margin-top:2.2em;transition:opacity .6s}.toile__below.is-gone{opacity:0}.toile__cards{grid-template-columns:repeat(3,1fr);gap:1em;display:grid}.toile__card{text-align:left;color:#5b6078;background:#ffffffbf;border:1px solid #e3e5ef;border-radius:.9em;gap:.35em;padding:1em;font-size:.8em;display:grid;box-shadow:0 .5em 1.4em #1f233312}.toile__card b{color:#1f2333;font-size:1.05em}.toile__icon{background:linear-gradient(135deg,#a5b4fc,#818cf8);border-radius:.5em;width:1.8em;height:1.8em}.toile__photo{aspect-ratio:16/7;object-fit:cover;object-position:50% 45%;width:60%;margin:0 auto}.toile__frame-mark{pointer-events:none;inset:3.2em 1.2em 1em;position:absolute!important}.toile__page.is-serif{font-family:"Brygada 1918",Georgia,serif}.toile__page.is-serif .toile__h{letter-spacing:-.015em;font-size:2.8em;font-weight:500}.toile__page.is-serif .toile__btn,.toile__page.is-serif .toile__textlink,.toile__page.is-serif .toile__links,.toile__page.is-serif .toile__typemark{font-family:inherit}.toile__page.is-studio{color:#f4eee6}.toile__page.is-studio .toile__backdrop{background:#3b332c}.toile__page.is-studio .toile__backdrop:after{opacity:1}.toile__page.is-studio .toile__hero{text-align:left;justify-items:start;max-width:17em;margin:2.4em 0 0}.toile__page.is-studio .toile__p,.toile__page.is-studio .toile__links,.toile__page.is-studio .toile__typemark{color:#f4eee6d1}.toile__page.is-studio .toile__btn--square{color:#2b1f19;background:#f4eee6;box-shadow:inset 0 0 0 .2em #f4eee6,inset 0 0 0 .27em #7a5a42}.toile__mark{position:relative}.toile__chalk{--c:var(--chalk);border:.12em dashed var(--c);pointer-events:none;transition:opacity .4s var(--ease), border-color .3s;background:linear-gradient(var(--c), var(--c)) left -.35em top -.35em / .9em .14em no-repeat, linear-gradient(var(--c), var(--c)) left -.35em top -.35em / .14em .9em no-repeat, linear-gradient(var(--c), var(--c)) right -.35em bottom -.35em / .9em .14em no-repeat, linear-gradient(var(--c), var(--c)) right -.35em bottom -.35em / .14em .9em no-repeat;position:absolute;inset:-.4em -.5em}.toile__chalk span{background:var(--muslin);font:900 max(.95em, 11px)/1 var(--sans);color:var(--c);padding:0 .15em;font-stretch:80%;position:absolute;top:-1.2em;left:-.3em}.toile__mark[data-mark=next]>.toile__chalk{--c:var(--thread);border-style:solid;border-width:.16em}.toile__mark[data-mark=done]>.toile__chalk{opacity:0}.fitting{height:560vh;position:relative}.fitting__sticky{height:calc(100svh - 3.9rem);padding:1.25rem var(--gutter) 1rem;grid-template-rows:auto minmax(0,1fr) auto;gap:1rem;display:grid;position:sticky;top:3.9rem}.fitting__head{flex-wrap:wrap;align-items:baseline;gap:.5rem 2rem;display:flex}.fitting__head h2{font:850 var(--step-h2)/.95 var(--sans);text-transform:uppercase;letter-spacing:-.005em;font-stretch:72%}.fitting__head p{max-width:44ch;color:var(--ink-2)}.fitting__bench{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:clamp(1.25rem,3vw,3rem);min-height:0;display:grid}.fitting__toile{align-items:center;min-height:0;display:grid}@media (width>=961px){.fitting__toile{align-self:stretch;place-items:center;container-type:size}.fitting__toile .toile{width:min(100%,153.8cqh)}}.fitting__notes{align-content:center;gap:.15rem;margin:0;padding:0;list-style:none;display:grid}.fitting__notes li{border-bottom:1px dashed var(--rule);padding:.55rem 0 .6rem}.fitting__notes button{text-align:left;cursor:pointer;background:0 0;border:0;align-items:baseline;gap:.7rem;width:100%;min-height:2.75rem;padding:.15rem 0;display:flex}.fitting__num{clip-path:polygon(0 0,100% 0,100% 70%,70% 100%,0 100%);color:#fff8e6;background:var(--chalk);flex:none;place-items:center;width:1.7rem;height:1.7rem;font-size:.85rem;font-weight:800;display:grid;translate:0 .15rem}.fitting__title{font:750 var(--step-h3)/1.05 var(--sans);font-stretch:82%}.fitting__notes p,.fitting__notes code{display:none}.fitting__notes li[data-state=next] .fitting__num{background:var(--thread)}.fitting__notes li[data-state=next] p{max-width:46ch;margin:.3rem 0 .4rem 2.4rem;display:block}.fitting__notes li[data-state=next] code{background:var(--ink);color:var(--tape);margin-left:2.4rem;padding:.2rem .45rem;font-size:.78rem;display:inline-block}.fitting__notes li[data-state=done] .fitting__title{text-decoration:line-through;-webkit-text-decoration-color:var(--chalk);text-decoration-color:var(--chalk);color:var(--ink-2);text-decoration-thickness:2px}.fitting__notes li[data-state=done] .fitting__num{background:var(--ink-2)}.fitting__controls{border-top:1px dashed var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;padding-top:.85rem;display:flex}.fitting__controls p{font-weight:600;font-stretch:90%}.tool{border:1.5px solid var(--ink);cursor:pointer;background:0 0;min-height:2.75rem;padding:.55rem 1rem;font-weight:750;font-stretch:90%;transition:background-color .25s,color .25s}.tool:hover:not(:disabled){background:var(--ink);color:var(--tape)}.tool:disabled{opacity:.45;cursor:not-allowed}.tool--strong{background:var(--ink);color:var(--tape)}.tool--strong:hover:not(:disabled){background:var(--chalk);color:#fff8e6}.fitting--static{height:auto}.fitting--static .fitting__sticky{height:auto;position:static}.fitting--static .fitting__notes p,.fitting--static .fitting__notes code{margin-left:2.4rem;display:block}.fitting--static .fitting__notes code{display:inline-block}.section-head{gap:1rem;max-width:46rem;margin-bottom:clamp(2.5rem,5vw,4.5rem);display:grid}.section-head h2{font:850 var(--step-h2)/.95 var(--sans);text-transform:uppercase;letter-spacing:-.005em;font-stretch:72%}.section-head p{font-size:var(--step-lede);color:var(--ink-2);max-width:40ch;line-height:1.45}.cloth{padding:var(--section) var(--gutter) 0;background:var(--kraft-pale);border-top:1px dashed var(--rule);background-image:none}.garment{padding-bottom:var(--section);grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,5vw,5rem);display:grid}.garment--1{grid-template-columns:minmax(0,1fr) minmax(0,1.55fr)}.garment--1 .garment__view{order:2}.garment__view{padding:0 2.5rem 2.5rem 0;text-decoration:none;display:block;position:relative}.garment__view>img:first-child{width:100%;transition:transform .9s var(--ease);box-shadow:0 30px 60px -32px #1b1712b3}.garment__second{width:40%;position:absolute;bottom:-1.75rem;right:21%;box-shadow:0 24px 40px -22px #1b1712b3}.garment__phone{border:.35rem solid var(--ink);width:19%;transition:transform .9s var(--ease);position:absolute;bottom:-1rem;right:0;box-shadow:0 24px 40px -18px #1b1712bf}.garment__view:hover>img:first-child{transform:translateY(-6px)}.garment__view:hover .garment__phone{transform:translateY(-12px)rotate(1.5deg)}.piece{border:1.5px dashed var(--ink);background:#ece3cf59;padding:clamp(1.25rem,2.5vw,2rem);position:relative}.piece:before,.piece:after{content:"";background:var(--ink);clip-path:polygon(0 0,100% 0,50% 100%);width:.9rem;height:.55rem;position:absolute}.piece:before{top:-1px;left:22%}.piece:after{top:-1px;right:18%}.piece .grainline{opacity:.55;width:7rem;height:10px;rotate:0deg}.garment__label{align-content:start;gap:1rem;display:grid}.garment__label h3{font:850 clamp(2rem, calc(1.4rem + 2.4vw), 3.5rem)/.95 var(--sans);letter-spacing:-.02em;font-stretch:100%}.garment__label>p{max-width:42ch}.garment__label dl{border-top:1px dashed var(--rule);margin:0;display:grid}.garment__label dl div{border-bottom:1px dashed var(--rule);grid-template-columns:7rem minmax(0,1fr);gap:.75rem;padding:.6rem 0;display:grid}.garment__label dt{font-weight:700;font-stretch:85%}.garment__label dd{font-family:var(--mono);align-self:center;margin:0;font-size:.8rem;font-stretch:87.5%}.slip{background:var(--muslin);border-top:2px dashed var(--chalk);margin:0;padding:1rem 1.1rem 1.1rem;rotate:-.6deg;box-shadow:0 1px #1b171233,0 14px 24px -18px #1b171299}.slip figcaption{color:var(--chalk);margin-bottom:.4rem;font-size:.875rem;font-weight:800;font-stretch:85%}.slip blockquote{margin:0}.slip blockquote p{font:500 1.0625rem/1.45 var(--mono);font-stretch:87.5%}.textlink{text-underline-offset:.3em;justify-self:start;align-items:center;min-height:2.75rem;font-weight:800;font-stretch:90%;text-decoration:underline;text-decoration-thickness:2px;display:inline-flex}.views{padding:var(--section) var(--gutter)}.views__pair{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(1.25rem,3vw,2.5rem);display:grid}.view{align-content:start;gap:1.1rem;display:grid}.view:nth-child(2){margin-top:3rem}.view__letter{font:900 clamp(5rem, 10vw, 8rem)/.8 var(--sans);color:#0000;-webkit-text-stroke:1.5px var(--ink);font-stretch:125%}.view h3{font:800 var(--step-h3)/1.1 var(--mono);letter-spacing:-.02em;font-stretch:87.5%}.view__for{font-size:var(--step-lede);font-weight:500;line-height:1.4}.view p{max-width:48ch}.sizes{padding:var(--section) var(--gutter);background:var(--kraft-deep);border-block:1px dashed var(--rule);background-image:none}.sizes__table{overflow-x:auto}.sizes__table:focus-visible{outline-offset:6px}.sizes table{border-collapse:collapse;width:100%;min-width:34rem}.sizes th,.sizes td{text-align:left;border-bottom:1px dashed var(--rule);vertical-align:baseline;padding:.7rem 1rem .7rem 0}.sizes thead th{border-bottom:2px solid var(--ink);font-weight:800;font-stretch:85%}.sizes tbody th{font-size:1.1rem;font-weight:700}.sizes code{font-size:.82rem}.instructions{padding:var(--section) var(--gutter)}.steps{border-top:2px solid var(--ink);gap:0;margin:0;padding:0;list-style:none;display:grid}.steps li{border-bottom:1px dashed var(--rule);grid-template-columns:5rem minmax(0,.8fr) minmax(0,1.2fr);grid-template-areas:"num title cmd""num note cmd";align-items:start;gap:.5rem 2rem;padding:1.75rem 0;display:grid}.steps__num{font:900 3.5rem/.8 var(--sans);color:#0000;-webkit-text-stroke:1.5px var(--ink);grid-area:num;font-stretch:125%}.steps h3{font:800 var(--step-h3)/1.1 var(--sans);grid-area:title;font-stretch:85%}.steps p{max-width:44ch;color:var(--ink-2);grid-area:note}.steps .command{grid-area:cmd}.steps .command__label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.selvedge{padding:2rem var(--gutter) 2.5rem;background:var(--ink);color:var(--kraft-pale)}.selvedge .grainline{color:var(--kraft-pale);opacity:.6;margin-bottom:1.75rem}.selvedge__row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem 2rem;display:flex}.selvedge__mark{font:900 clamp(2rem, 6vw, 4rem)/.9 var(--sans);letter-spacing:-.03em;color:var(--tape);font-stretch:118%}.selvedge a{color:var(--tape);font-weight:700}.selvedge__small{color:#d9c9a8;max-width:70ch;margin-top:1.75rem;font-size:.875rem}.lost{min-height:70vh;padding:var(--section) var(--gutter);align-content:center;gap:1.5rem;display:grid}.lost h1{font:900 var(--step-h2)/.95 var(--sans);letter-spacing:-.02em;max-width:16ch;font-stretch:100%}.lost ul{flex-wrap:wrap;gap:.5rem 1.5rem;margin:0;padding:0;list-style:none;display:flex}.lost a{font-weight:800}@media (width>=961px) and (height<=820px){.fitting__head p{display:none}.fitting__title{font-size:1.25rem}.fitting__notes li{padding-block:.3rem}.fitting__notes button{min-height:2.5rem}}@media (width<=960px){.front{grid-template-columns:1fr}.front__toile{max-width:40rem}.fitting__bench{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;align-items:start}.fitting__notes{align-content:start;overflow:visible}.fitting__notes li{border:0;display:none}.fitting__notes li[data-state=next]{display:block}.fitting:has(.fitting__notes li:last-child[data-state=done]) .fitting__notes li:last-child{display:block}.garment,.garment--1{grid-template-columns:1fr}.garment--1 .garment__view{order:0}.views__pair{grid-template-columns:1fr}.view:nth-child(2){margin-top:0}.steps li{grid-template-columns:3.5rem minmax(0,1fr);grid-template-areas:"num title""num note""num cmd"}.steps__num{font-size:2.6rem}}@media (width<=640px){.masthead{flex-direction:column;align-items:flex-start;gap:0;padding-block:.4rem}.masthead ul{gap:0 1rem}.masthead nav a{min-height:2.5rem;font-size:.95rem}.fitting__sticky{height:100svh;padding-top:.75rem;top:0}.fitting__head p{display:none}.fitting__controls p{order:-1;width:100%}.fitting__controls .tool{flex:1}.garment__view{padding:0 1.25rem 1.5rem 0}.garment__phone{width:24%}.garment__second{display:none}html{scroll-padding-top:1rem}.masthead{position:relative}.masthead nav{scrollbar-width:none;max-width:100%;overflow-x:auto}.masthead ul{white-space:nowrap;flex-wrap:nowrap;gap:0 .85rem}.steps li{grid-template-columns:minmax(0,1fr);grid-template-areas:"num""title""note""cmd";gap:.6rem}.steps__num{font-size:2.25rem}.fitting__head h2{font-size:2rem}}@media (width<=640px) and (height<=760px){.fitting__notes li[data-state=next] code{display:none}.fitting__notes li[data-state=next] p{margin-left:0;font-size:.95rem;line-height:1.45}.fitting__controls{padding-top:.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}