@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/barlow-condensed-vietnamese-700-normal.DYeBwlKR.woff2)format("woff2"),url(/_astro/barlow-condensed-vietnamese-700-normal.DhIzd8Tb.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/barlow-condensed-latin-ext-700-normal.CwuXbfVR.woff2)format("woff2"),url(/_astro/barlow-condensed-latin-ext-700-normal.BIHFfxf0.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/barlow-condensed-latin-700-normal.v1xN8_Wq.woff2)format("woff2"),url(/_astro/barlow-condensed-latin-700-normal.Dmwat-ge.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400}a:focus-visible,button:focus-visible{outline-offset:5px;outline:2px solid}::selection{color:#fff;background:#171717}.study{font:15px/1.7 Space Grotesk,sans-serif}.review-bar{color:#f5f4ed;background:#191919;justify-content:space-between;align-items:center;gap:20px;padding:11px 4%;font:10px/1.5 Space Mono,monospace;display:flex}.review-bar nav{gap:24px;display:flex}.review-bar nav [aria-current]{text-underline-offset:4px;text-decoration:underline}.pause{color:inherit;background:0 0;border:0;padding:3px}.skip{z-index:10;color:#000;background:#fff;padding:10px;position:fixed;top:-100px;left:12px}.skip:focus{top:12px}.label{font:10px/1.6 Space Mono,monospace;display:block}.study-header{justify-content:space-between;align-items:center;gap:30px;padding:26px 4%;display:flex}.study-header nav{gap:35px;font-size:12px;display:flex}.study-brand{letter-spacing:-1.5px;font-size:32px;line-height:1.05}.study-canvas{width:100%;height:100%;display:block}.text-link{border-bottom:1px solid;padding:8px 0;font-size:12px;display:inline-block}.study-work{padding:90px 6%}.work-intro{margin-bottom:55px}.work-intro h2{letter-spacing:-.05em;margin:25px 0;font-size:64px;line-height:1.05}.primary-case{grid-template-columns:1.1fr 1fr;align-items:center;gap:9%;display:grid}.primary-case h3{letter-spacing:-.04em;margin:25px 0;font-size:45px;line-height:1.08}.primary-case p{max-width:450px;font-size:14px;line-height:1.85}.primary-case a{border-bottom:1px solid;padding:9px 0;font-size:11px;display:inline-block}.case-pattern{place-items:center;height:380px;display:grid;position:relative;overflow:hidden}.case-pattern i{width:120%;left:-10%;top:calc(12% + var(--i)*22px);height:9px;transform:rotate(calc(-15deg + var(--i)*2deg));opacity:.3;background:currentColor;position:absolute}.case-pattern>span{text-align:center;z-index:1;letter-spacing:-2px;font-size:45px;line-height:1}.other-cases{grid-template-columns:1fr 1fr;gap:9%;margin-top:60px;display:grid}.other-cases article{border-top:1px solid;padding-top:25px}.other-cases h3{letter-spacing:-1px;margin:25px 0 15px;font-size:34px}.other-cases p{max-width:440px;font-size:14px}.study-contact{padding:75px 6% 30px}.study-contact h2{letter-spacing:-.06em;margin:35px 0;font-size:clamp(55px,8vw,130px);line-height:1}.study-contact>a{border-bottom:1px solid;padding:10px 0;font-size:24px}.study-contact footer{border-top:1px solid;justify-content:space-between;align-items:center;gap:30px;margin-top:80px;padding-top:30px;display:flex}.study-contact footer p,.study-contact footer>a{margin:0;font-size:11px}.instrument{color:#183c39;background:#dbe3ce}.instrument .study-header{border-bottom:1px solid #9bad95}.instrument .study-brand span{margin:0 8px}.instrument-hero{grid-template-columns:1fr 1.05fr;align-items:center;gap:6%;padding:60px 6% 80px;display:grid}.instrument-copy h1{letter-spacing:-.065em;margin:30px 0;font-size:clamp(55px,5.4vw,86px);line-height:1.03}.instrument-copy em{color:#8b3c2d;font-style:normal}.instrument-copy>p{font-size:14px;line-height:1.9}.instrument-key{flex-wrap:wrap;gap:18px;margin-top:70px;font:8px Space Mono,monospace;display:flex}.enamel-machine{color:#f4eedc;background:#426c5f;border-radius:25px;padding:28px;position:relative;box-shadow:inset 0 2px 1px #a3b9a5,inset 0 -5px 1px #30564b,0 25px 35px #193c3925}.machine-plaque{justify-content:space-between;align-items:center;gap:15px;padding:0 10px 22px;font:9px Space Mono,monospace;display:flex}.machine-plaque b{font-size:14px}.machine-plaque>span{font-size:7px}.instrument-window{border:9px solid #3c6256;border-radius:12px;height:430px;overflow:hidden;box-shadow:0 1px #9fb5a0}.instrument-dashboard{justify-content:space-between;align-items:center;gap:20px;padding:25px 8px 5px;display:flex}.instrument-dashboard .label{font-size:8px}.instrument-dashboard output{font:35px/1.3 Space Mono,monospace;display:block}.physical-button{color:#422e24;background:#ffc0a5;border:1px solid #6e392c;border-radius:9px;padding:16px 22px;font-size:12px;box-shadow:0 6px #884b3b}.physical-button span{margin-left:20px;font-size:20px}.physical-button:active{translate:0 5px;box-shadow:0 1px #884b3b}.machine-caption{color:#fff5df;margin:15px 8px 0;font-size:9px}.screw{background:linear-gradient(45deg,#b2c2a2 40%,#355247 45% 55%,#b2c2a2 60%);border-radius:50%;width:8px;height:8px;position:absolute}.s1{top:12px;left:14px}.s2{top:12px;right:14px}.s3{bottom:12px;left:14px}.s4{bottom:12px;right:14px}.instrument-practice{background:#eff0df;border-top:1px solid #acb99f;padding:80px 6%}.instrument-practice h2{letter-spacing:-2px;margin:30px 0 55px;font-size:50px;line-height:1.15}.practice-grid{grid-template-columns:repeat(4,1fr);gap:35px;display:grid}.practice-grid article{border-top:1px solid #abb79f;padding-top:20px}.practice-grid h3{margin:20px 0 10px;font-size:26px}.practice-grid p{font-size:12px}.dial{width:47px;height:47px;transform:rotate(var(--turn));background:#e1e7ce;border:7px solid #b5c3a8;border-radius:50%;margin-bottom:25px;display:block;position:relative;box-shadow:2px 3px #7c917b}.dial:after{content:"";background:#8b3c2d;width:3px;height:12px;position:absolute;top:1px;left:15px}.instrument .study-work{color:#f0eedc;background:#204b43}.instrument .case-pattern{color:#244b42;background:#adc1a0;border-radius:16px}.instrument .study-contact{color:#332f22;background:#eeb497}.selvedge{color:#422c48;background:#e9e2ed;font-family:EB Garamond,serif}.selvedge .study-header{border-bottom:1px solid #a898ad;margin:0 4%;padding:30px 0}.selvedge .study-brand{font:36px EB Garamond,serif}.selvedge .study-brand em{color:#a14d34;margin:0 10px}.selvedge .study-header nav{font:11px Space Mono,monospace}.selvedge-hero{grid-template-columns:.55fr 1.7fr .55fr;gap:30px;padding:65px 4% 85px;display:grid;position:relative}.selvedge-margin{border-right:1px solid #a898ad;grid-row:1/3;padding-right:25px;font-size:15px}.selvedge-margin .label{margin-bottom:35px}.margin-line{background:#a14d34;width:1px;height:100px;margin:35px 0 35px 25px;display:block;transform:rotate(12deg)}.hand-note{color:#89432f;font-size:25px;font-style:italic;line-height:1.1;transform:rotate(-7deg)}.selvedge-title{grid-column:2/4}.selvedge-title h1{letter-spacing:-.05em;margin:35px 0;font-size:clamp(75px,8.4vw,135px);line-height:.82}.selvedge-title h1 em{color:#89432f}.selvedge-title>p{margin-top:30px;font-size:20px;line-height:1.4}.specimen-sheet{border:1px solid #a898ad;margin-top:30px;padding:20px;transform:rotate(-2deg);box-shadow:6px 9px #d4cbd8}.specimen-caption{justify-content:space-between;gap:20px;display:flex}.specimen-caption>span:last-child{font-size:22px;font-style:italic}.specimen-sheet canvas{height:330px}.thread-select{border-top:1px solid #a898ad;gap:8px;padding-top:15px;display:flex}.thread-select button{color:#422c48;background:0 0;border:1px solid #a898ad;flex:1;padding:9px 10px;font:9px/1.5 Space Mono,monospace}.thread-select button[aria-pressed=true]{color:#fff;background:#53365e}.specimen-sheet>p{min-height:40px;margin:15px 0 0;font-size:15px;line-height:1.35}.specimen-aside{align-self:center;padding-left:10px;font-size:20px;font-style:italic;line-height:1.2}.specimen-aside>span{color:#89432f;font-size:60px;display:block}.specimen-aside small{font:9px/1.7 Space Mono,monospace}.selvedge-essay{border-top:1px solid #a898ad;grid-template-columns:1.7fr 1fr;gap:60px;padding:80px 10% 80px 23%;display:grid;position:relative}.essay-main h2{letter-spacing:-2px;margin:25px 0;font-size:70px;line-height:.95}.essay-main>p{font-size:19px;line-height:1.6}.essay-main .essay-lead{font-size:28px;line-height:1.25}.selvedge-essay aside{padding-top:100px}.selvedge-essay aside p{margin:25px 0;font-size:27px;font-style:italic;line-height:1.25}.selvedge-essay aside a{border-bottom:1px solid;padding-bottom:10px;font:10px Space Mono,monospace}.selvedge-ribbon{background:repeating-linear-gradient(0deg,#0000 0 5px,#653d70 6px 9px,#0000 10px 15px),repeating-linear-gradient(90deg,#ad8b9d 0 3px,#e9e2ed 4px 7px);width:55px;position:absolute;top:0;bottom:0;left:7%}.selvedge .study-work{color:#f6eaf4;background:#513757;padding-left:23%}.selvedge .work-intro h2{font-size:78px}.selvedge .primary-case{grid-template-columns:1fr;gap:35px}.selvedge .case-pattern{color:#59335a;background:#d9becd;height:270px}.selvedge .case-pattern>span{font:48px/.95 EB Garamond,serif}.selvedge .primary-case>div:last-child{grid-template-columns:1fr 1fr;gap:10px 40px;display:grid}.selvedge .primary-case .label,.selvedge .primary-case h3{grid-column:1/-1}.selvedge .primary-case h3{margin:15px 0;font-size:58px}.selvedge .primary-case p,.selvedge .other-cases p{font-size:19px;line-height:1.5}.selvedge .primary-case a{justify-self:start;font-family:Space Mono,monospace}.selvedge .other-cases h3{font-size:40px}.selvedge .study-contact{color:#36412d;background:#d7dcbf;padding-left:23%}.selvedge .study-contact h2{font-size:90px;font-style:italic}.selvedge .study-contact footer .study-brand{font-size:32px}.crossings{color:#f5ede1;background:#151515}.crossings .study-header{border-bottom:1px solid #67615a}.crossings .study-brand{letter-spacing:-1px;font:700 35px/.76 Barlow Condensed,sans-serif}.crossings-hero{grid-template-columns:1fr 1fr;gap:0 4%;padding:50px 4% 35px;display:grid;position:relative}.crossings-title h1{letter-spacing:-.025em;margin:30px 0;font:700 clamp(70px,8.8vw,145px)/.79 Barlow Condensed,sans-serif}.crossings-title h1 span{color:#ff674b}.crossings-graphic{padding-top:30px}.crossings-graphic canvas{height:580px}.crossing-controls{color:#151515;background:#f5ede1;justify-content:space-between;align-items:center;gap:20px;padding:20px;display:flex}.crossing-controls .label{font-size:8px}.crossing-controls button{color:inherit;background:0 0;border:0;border-bottom:1px solid;padding:8px 0;font-size:11px}.crossings-deck{border-top:1px solid #67615a;grid-column:1/-1;justify-content:space-between;margin:40px 0 0;padding-top:25px;font:11px/1.8 Space Mono,monospace;display:flex}.crossings-deck>span{width:48%;font:17px/1.5 Space Grotesk,sans-serif}.crossings-manifesto{color:#151515;background:#f5ede1;grid-template-columns:1.5fr 1fr;gap:30px 10%;padding:80px 4%;display:grid}.crossings-manifesto>.label{grid-column:1/-1}.crossings-manifesto h2{letter-spacing:-1px;margin:0;font:700 90px/.87 Barlow Condensed,sans-serif}.crossings-manifesto h2 i{color:#a5311d;margin:10px 0 10px 40%;font:italic 40px/.9 EB Garamond,serif;display:inline-block;transform:rotate(-10deg)}.crossings-manifesto>div{border-top:12px solid #e94427;align-self:center;max-width:340px;padding-top:35px;font-size:17px;line-height:1.8}.crossings-manifesto a{border-bottom:1px solid;padding-bottom:10px;font:10px Space Mono,monospace}.crossings .study-work{color:#151515;background:#e94427;padding:80px 4%}.crossings .work-intro h2{letter-spacing:-2px;font:700 110px/.85 Barlow Condensed,sans-serif}.crossings .case-pattern{color:#f5ede1;background:#151515;height:460px}.crossings .case-pattern>span{text-transform:uppercase;font:700 70px/.85 Barlow Condensed,sans-serif}.crossings .case-pattern i{opacity:.6;height:18px}.crossings .primary-case h3{text-transform:uppercase;font:700 65px/.95 Barlow Condensed,sans-serif}.crossings .primary-case p{font-size:15px}.crossings .other-cases h3{text-transform:uppercase;font:700 50px Barlow Condensed,sans-serif}.crossings .study-contact h2{letter-spacing:-.02em;font:700 clamp(80px,14vw,210px)/.82 Barlow Condensed,sans-serif}.crossings .study-contact{padding-left:4%;padding-right:4%}.crossings .study-contact>a{color:#ff8b71}@media (width<=750px){.review-bar{flex-wrap:wrap;gap:8px;padding:10px 4%;font-size:8px}.review-bar nav{order:3;justify-content:space-between;gap:10px;width:100%}.study-header{gap:15px;padding:23px 4%}.study-header>.label{display:none}.study-header nav{gap:16px;font-size:10px}.study-brand{font-size:26px}.label{font-size:9px}.instrument-hero{grid-template-columns:1fr;gap:40px;padding:35px 5% 55px}.instrument-copy h1{margin:25px 0;font-size:15vw}.instrument-key{margin-top:25px;font-size:7px}.enamel-machine{padding:22px 15px}.machine-plaque{padding:0 7px 18px}.machine-plaque b{font-size:11px}.machine-plaque>span{font-size:6px}.instrument-window{border-width:6px;height:350px}.instrument-dashboard{gap:12px;padding:20px 5px 5px}.physical-button{padding:12px;font-size:10px}.physical-button span{margin-left:8px}.machine-caption{font-size:8px}.instrument-practice{padding:55px 5%}.instrument-practice h2{letter-spacing:-1px;font-size:36px}.practice-grid{grid-template-columns:1fr 1fr;gap:25px}.study-work{padding:55px 5%}.work-intro h2{font-size:44px}.primary-case{grid-template-columns:1fr;gap:30px}.case-pattern{height:300px}.primary-case h3{font-size:38px}.other-cases{grid-template-columns:1fr;gap:30px;margin-top:40px}.study-contact{padding:55px 5% 25px}.study-contact h2{font-size:55px}.study-contact>a{font-size:20px}.study-contact footer{flex-wrap:wrap;gap:25px;margin-top:55px}.selvedge .study-header nav{gap:12px;font-size:9px}.selvedge .study-brand{font-size:30px}.selvedge-hero{grid-template-columns:1fr;gap:25px;padding:35px 5% 55px}.selvedge-margin{border:0;grid-row:auto;justify-content:space-between;gap:20px;padding:0;display:flex}.selvedge-margin>p:not(.hand-note),.margin-line{display:none}.selvedge-margin .label{margin:0}.hand-note{margin:0;font-size:20px;line-height:1.05}.selvedge-title{grid-column:auto}.selvedge-title h1{margin:25px 0;font-size:20vw}.selvedge-title>p{font-size:18px}.specimen-sheet{margin-top:5px;padding:14px}.specimen-sheet canvas{height:300px}.specimen-caption .label{font-size:8px}.thread-select{gap:4px}.thread-select button{padding:8px 4px;font-size:8px}.specimen-aside{align-items:center;gap:20px;padding:0;font-size:17px;display:flex}.specimen-aside>span{font-size:45px}.specimen-aside small{font-size:8px}.selvedge-essay{grid-template-columns:1fr;gap:25px;padding:55px 6% 55px 15%}.selvedge-ribbon{width:22px;left:3%}.essay-main h2{font-size:52px}.essay-main .essay-lead{font-size:25px}.selvedge-essay aside{border-top:1px solid #a898ad;padding-top:25px}.selvedge .study-work{padding:55px 6%}.selvedge .work-intro h2{font-size:54px}.selvedge .primary-case>div:last-child{display:block}.selvedge .primary-case h3{font-size:48px}.selvedge .study-contact{padding:55px 6% 25px}.selvedge .study-contact h2{font-size:62px}.crossings-hero{grid-template-columns:1fr;padding-top:35px}.crossings-title h1{font-size:24vw}.crossings-graphic{padding-top:10px}.crossings-graphic canvas{height:430px}.crossing-controls{gap:15px;padding:15px}.crossing-controls .label{font-size:7px}.crossing-controls button{font-size:10px}.crossings-deck{margin-top:25px;font-size:9px;display:block}.crossings-deck>span{width:100%;margin-top:20px;font-size:15px;display:block}.crossings-manifesto{grid-template-columns:1fr;gap:35px;padding:55px 5%}.crossings-manifesto h2{font-size:18vw}.crossings-manifesto>div{font-size:15px}.crossings .study-work{padding:55px 5%}.crossings .work-intro h2{font-size:23vw}.crossings .case-pattern{height:350px}.crossings .primary-case h3{font-size:55px}.crossings .study-contact h2{font-size:24vw}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
