@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800&family=Inter:wght@400;500;600&display=swap');
:root{--bg:#14161a;--panel:#1e2227;--ink:#f2f0e9;--muted:#b5bbc2;--orange:#ff5c1a;--blue:#8fa3b8;--line:#454a50;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.75 Inter,Arial,sans-serif}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}button,input,textarea{font:inherit}button,summary{cursor:pointer}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--orange);outline-offset:5px}h1,h2,h3{font-family:Archivo,Arial,sans-serif;line-height:1.08;letter-spacing:-.045em;margin:0 0 24px}h1{font-size:clamp(38px,6.7vw,100px);font-weight:600}h2{font-size:clamp(28px,3.4vw,48px);font-weight:500}h3{font-size:25px}p{margin:0 0 22px;color:var(--muted)}strong{color:var(--ink)}li{padding-left:8px;margin:10px 0;color:var(--muted)}ul,ol{padding-left:24px}main,footer{max-width:1440px;margin:auto;padding:0 24px}.eyebrow,.section-number,.visual-label{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;letter-spacing:.12em;color:var(--blue);text-transform:uppercase}.site-header{display:flex;align-items:center;gap:24px;max-width:1440px;margin:auto;padding:24px;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{font-family:Archivo,Arial,sans-serif;font-size:27px;font-weight:800;text-decoration:none;line-height:1;letter-spacing:-1.5px}.brand span{color:var(--orange)}.brand small{display:block;font:10px/2.3 ui-monospace,monospace;letter-spacing:.17em;color:var(--muted)}nav{display:flex;align-items:center;gap:24px;margin-left:auto}nav a,summary{font-size:14px;text-decoration:none}nav details{position:relative}summary{list-style:none}summary::after{content:' +';color:var(--orange)}summary::-webkit-details-marker{display:none}.dropdown{position:absolute;top:38px;left:-20px;min-width:225px;padding:16px;background:var(--panel);border:1px solid var(--line)}.dropdown a{display:block;padding:9px 12px}.header-link{font-size:12px;padding:12px;border:1px dashed var(--orange);text-decoration:none}.site-header>button{display:none}.skip{position:fixed;top:-80px;left:20px;padding:12px;background:var(--orange);color:var(--bg);z-index:20}.skip:focus{top:10px}.hero{position:relative;display:grid;gap:28px;padding-top:48px}.hero-copy{position:relative;z-index:1;padding:24px 0}.hero h1 span{color:var(--blue)}.hero-sub{font-size:18px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--orange);border:1px dashed var(--bg);color:#14161a;padding:16px 20px;text-decoration:none;font-weight:600;font-size:14px;transition:transform 150ms var(--ease),background 180ms var(--ease)}.button.secondary{background:transparent;border-color:var(--blue);color:var(--ink)}a:active,button:active,summary:active{transform:scale(.97)}.stitch-line{width:100%;height:42px;display:block;overflow:visible}.stitch-line path{fill:none;stroke:var(--blue);stroke-width:1.3;stroke-dasharray:6 7;vector-effect:non-scaling-stroke}.hero-stitch{position:absolute;top:30px;left:0;height:100%;z-index:0;pointer-events:none;opacity:.45}.hero-stitch path{stroke:var(--orange);animation:sew 1600ms var(--ease) 1}@keyframes sew{from{clip-path:inset(0 100% 0 0);stroke-dashoffset:160}to{clip-path:inset(0 0 0 0);stroke-dashoffset:0}}.evidence{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;z-index:1}.evidence>div{padding:22px 14px;border-right:1px solid var(--line)}.evidence strong{display:block;font:clamp(23px,2.5vw,34px)/1.4 ui-monospace,monospace;letter-spacing:-.06em}.evidence span{font-size:12px;color:var(--muted)}.material-visual{position:relative;min-height:420px;overflow:hidden;background-color:#2c3641;background-position:center;background-size:cover;isolation:isolate}.image-hero{background-image:url('/images/hero.jpg')}.image-fabric{background-image:url('/images/fabric.jpg')}.image-lifestyle{background-image:url('/images/lifestyle.jpg')}.fabric-fold{position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(105deg,transparent 0 3px,#ffffff0a 3px 4px);border-radius:45% 10% 50% 5%;box-shadow:inset 26px 16px 55px #ffffff16,inset -40px -22px 65px #00000080;transform:rotate(-22deg)}.fold-one{width:80%;height:125%;left:35%;top:-25%;background-color:#8fa3b8}.fold-two{width:70%;height:100%;left:-15%;top:30%;background-color:#dd5425;transform:rotate(30deg)}.visual-label{position:absolute;top:22px;left:22px;color:var(--ink);background:var(--bg);padding:7px 10px}.swatch-panel{position:absolute;bottom:24px;left:24px;right:24px;background:var(--bg);padding:22px;border:1px solid var(--line);max-width:350px;font-size:12px}.swatch-panel>span{display:block}.swatches{display:flex;gap:10px;margin:16px 0}.swatch{width:48px;height:58px;border:1px solid #ffffff25;background-image:repeating-linear-gradient(90deg,transparent 0 2px,#ffffff16 2px 3px)}.orange{background-color:var(--orange)}.blue{background-color:var(--blue)}.cream{background-color:#ded7c7}.graphite{background-color:#41464c}.swatch-panel a{display:block;margin-top:12px;color:var(--blue)}.opening{padding:70px 0 36px}.opening h1{font-size:clamp(32px,4vw,56px)}.category-links{display:grid;grid-template-columns:1fr;border-top:1px solid var(--line)}.category-links a{padding:22px 12px;border-bottom:1px solid var(--line);text-decoration:none}.category-links a::after{content:' ↗';color:var(--orange);float:right}.content-section{display:grid;gap:24px;padding-bottom:54px}.content-section>.stitch-line{grid-column:1/-1}.section-number{padding-top:8px}.copy{min-width:0}.copy p{max-width:76ch}.copy h2{font-size:clamp(28px,3vw,42px)}.copy h3{margin-top:32px}.copy em{color:var(--ink)}.page-heading{padding:64px 0 48px;max-width:1120px}.page-heading h1{font-size:clamp(36px,5.2vw,72px)}.page-heading+.material-visual{min-height:300px;margin-bottom:48px}.reading-layout{display:grid;gap:40px;padding-bottom:48px}.article-section{padding-bottom:24px;scroll-margin-top:30px}.article-section h2{margin-top:20px}aside{border-top:1px solid var(--line);padding:24px 0;align-self:start}.toc{display:grid;gap:16px}.toc a{font-size:13px;text-decoration:none;color:var(--muted)}.sidebar-note{margin-top:40px;border-top:1px dashed var(--blue);padding-top:24px}.sidebar-note a{display:block;font-size:13px;margin:12px 0}.inquiry{display:grid;gap:32px;padding-bottom:60px;scroll-margin-top:30px}.inquiry>.stitch-line{grid-column:1/-1}form{display:grid;gap:18px}label{display:grid;gap:8px;font-size:13px;color:var(--muted)}input,textarea{width:100%;border:1px solid var(--line);padding:13px;background:var(--panel);color:var(--ink);border-radius:0}textarea{resize:vertical}.form-note{font-size:12px;margin:0}form .button{justify-self:start}form p{font-size:13px}.posts{display:grid;gap:32px;padding:32px 0 72px}.post-card{padding:30px 0;border-bottom:1px solid var(--line)}.post-card h2{font-size:32px}.post-card h2 a{text-decoration:none}.text-link{color:var(--orange)}.footer-top{display:grid;gap:40px;padding:48px 0}.footer-top h2{font-size:clamp(34px,4.4vw,62px)}.contact{align-self:end;overflow-wrap:anywhere}.contact>a{display:block;font-size:16px;margin-bottom:14px}.contact p{font-size:12px;margin-top:20px}.footer-bottom{display:flex;flex-wrap:wrap;gap:20px;padding:24px 0;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.footer-bottom span{margin-right:auto}@media(hover:hover){.button:hover{transform:translateY(-2px);background:#ff753e}.button.secondary:hover{background:var(--panel)}nav a:hover,.toc a:hover,.category-links a:hover{color:var(--orange)}}@media(min-width:800px){main,footer{padding:0 48px}.site-header{padding:24px 48px}.hero{grid-template-columns:1.15fr 1fr;gap:36px;padding-top:70px}.hero-copy{padding-top:60px}.hero .material-visual{min-height:540px}.hero h1{font-size:clamp(50px,6.3vw,88px)}.evidence{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}.evidence>div{padding:28px 22px}.opening{display:grid;grid-template-columns:1fr 2fr;column-gap:40px}.opening>.eyebrow{grid-row:1/4}.opening h1,.opening p:not(.eyebrow){grid-column:2}.category-links{grid-template-columns:repeat(5,1fr);margin:16px 0 64px}.category-links a{border-right:1px solid var(--line);font-size:13px}.content-section{grid-template-columns:1fr 2fr;column-gap:40px}.reading-layout{grid-template-columns:minmax(0,2.4fr) minmax(240px,1fr);gap:70px}aside{position:sticky;top:30px}.page-heading+.material-visual{min-height:340px}.inquiry,.footer-top{grid-template-columns:1.2fr 1fr;gap:70px}.posts{grid-template-columns:repeat(3,1fr)}.post-card{padding-right:24px}.post-card h2{font-size:29px}}
@media(max-width:1050px){.header-link{display:none}.site-header{gap:16px}nav{gap:18px}}@media(max-width:799px){.site-header{flex-wrap:wrap}.site-header>.menu-toggle{display:block;margin-left:auto;color:var(--ink);background:transparent;border:1px dashed var(--blue);padding:10px 16px;font-size:13px}nav{width:100%;margin:0;flex-wrap:wrap;gap:16px 24px;padding-top:12px}html.js nav{display:none}html.js nav.open{display:flex}.dropdown{position:static;margin-top:10px;min-width:180px}nav details[open]{width:100%}.hero-stitch{height:65%}.hero .material-visual{min-height:390px}.hero-copy .eyebrow{max-width:260px}.actions .button{width:100%;font-size:13px}.evidence>div:nth-child(2){border-right:0}.evidence>div:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.hero-visual{margin:0;overflow:hidden;border-radius:12px;border:1px solid rgba(255,255,255,.08)}
.hero-visual img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:4/5}
.page-visual{margin:2rem 0;overflow:hidden;border-radius:12px;border:1px solid rgba(255,255,255,.08)}
.page-visual img{display:block;width:100%;height:auto;object-fit:cover}
@media(min-width:900px){.page-visual img{max-height:420px}}
.material-visual.image-ready .fabric-fold{display:none}