@font-face{font-family:Quattro;src:url('fonts/iAWriterQuattroS-Regular.woff2')}@font-face{font-family:Mono;src:url('fonts/iAWriterMonoS-Regular.woff2')}*{box-sizing:border-box} :root{--bg:#fafafa;--surface:#f5f5f5;--ink:#1a1a1a;--muted:#666;--line:#e0e0e0;--xs:.5rem;--sm:1rem;--md:2rem;--lg:4rem;--xl:8rem}html{scroll-behavior:auto}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Quattro,monospace}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--ink);outline-offset:8px}.mast{padding:var(--md) var(--lg);display:flex;justify-content:space-between;align-items:center}.mast a:last-child{color:var(--muted)}.archive{width: min(100% - 8rem,960px);margin:auto}.intro{display:flex;align-items:baseline;justify-content:space-between;margin:var(--lg) 0}.intro h1{font-size:1rem;font-weight:400;margin:0}.intro span,.caption p,.footnote,.project-head span,.section-heading span{color:var(--muted);font-size:.8rem}.intro span{font-family:Mono,monospace}.entry{display:block;padding:0;border:0;background:none;width:100%;text-align:left}.caption{display:flex;justify-content:space-between;align-items:center;gap:var(--md)}h2,h3,p{margin:0}h2,h3{font-size:1rem;font-weight:400}.caption p{margin-top:var(--xs)}.open{font-size:.8rem;color:var(--muted)}.collection{display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:center;gap:var(--sm);min-height:440px;padding:var(--md) 0}.collection img{width:100%;height:auto;object-fit:contain;mix-blend-mode:multiply}.entry:hover .open{text-decoration:underline;text-underline-offset:5px}.footnote{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:var(--sm) 0 var(--md);font-family:Mono,monospace}.second{width:75%;margin:var(--xl) 0 var(--xl) auto}.patches{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--lg);padding:var(--lg);background:var(--surface);margin-top:var(--md)}.patches img{width:100%;height:240px;object-fit:contain;mix-blend-mode:multiply}footer{display:flex;justify-content:space-between;gap:var(--md);padding:var(--md) 0 var(--lg);font-size:.8rem;color:var(--muted)}dialog{max-width:none;max-height:none;width:100%;height:100dvh;border:0;margin:0;padding:0;color:var(--ink);background:var(--bg);overflow-y:auto}dialog::backdrop{background:var(--bg)}.project-head{position:sticky;top:0;z-index:2;background:var(--bg);border-bottom:1px solid var(--line);padding:var(--sm) var(--md);display:flex;justify-content:space-between;align-items:center}.project-head button,.end button{border:0;padding:var(--xs);background:none}.project-body{max-width:1200px;padding:0 var(--md);margin:auto}.project-intro{display:flex;justify-content:space-between;align-items:flex-end;padding:var(--lg) 0;color:var(--muted);font-size:.8rem}.project-intro nav{display:flex;gap:var(--md)}.garment-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--lg) var(--md)}figure{margin:0}figure img{width:100%;height:480px;object-fit:contain;mix-blend-mode:multiply}figcaption{font: .8rem/1.6 Mono,monospace;color:var(--muted);padding:var(--sm) 0;border-bottom:1px solid var(--line)}#details{padding-top:var(--xl);scroll-margin-top:var(--xl)}#garments{scroll-margin-top:var(--xl)}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--md)}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--md);background:var(--surface);padding:var(--md)}.detail-grid img{height:200px}.end{display:flex;justify-content:space-between;align-items:center;margin:var(--lg) 0;font-size:.8rem}@media(max-width:700px){.mast{padding:var(--md) var(--sm);font-size:.8rem}.archive{width:calc(100% - 2rem)}.intro{margin:var(--md) 0 var(--lg)}.intro span{max-width:55%;text-align:right;font-size:.7rem}.collection{min-height:320px;gap:0;grid-template-columns:1fr 1.5fr 1fr}.caption{gap:var(--sm)}.open{font-size:.7rem}.caption p{font-size:.7rem}.second{width:100%;margin:var(--lg) 0}.patches{padding:var(--md) var(--sm);gap:var(--md)}.patches img{height:160px}footer{flex-direction:column;gap:var(--xs)}.project-head{padding:var(--sm)}.project-body{padding:0 var(--sm)}.project-intro{align-items:flex-start;gap:var(--md);padding:var(--md) 0}.project-intro nav{flex-direction:column;gap:var(--xs)}.garment-grid{grid-template-columns:1fr;gap:var(--md)}figure img{height:360px}.detail-grid{grid-template-columns:1fr 1fr;padding:var(--sm);gap:var(--sm)}.detail-grid img{height:160px}.section-heading span{font-size:.7rem}}

.project-intro h3{color:var(--ink)}

.centred-archive{min-height:100dvh;display:flex;flex-direction:column}
.centred-archive .mast{justify-content:center}
.centred-archive .mast a{color:var(--ink)}
.centred-archive .archive{margin:0 auto}
.centred-archive .archive-contact{margin-top:auto;padding:var(--md) var(--sm);justify-content:center;align-items:center;text-align:center;font-family:Mono,monospace}

.project-head{padding-inline:max(var(--md), calc((100% - 1200px) / 2 + var(--md)))}
@media(max-width:700px){.project-head{padding-inline:var(--sm)}}