:root{--color-ink:#11100e;--color-charcoal:#4f4b48;--color-stone:#a6a4a2;--color-paper:#fafaf7;--color-paper-sunk:#e6e4de;--font-base:"ZT Nature", system-ui, -apple-system, "Segoe UI", sans-serif;--weight-regular:400;--weight-strong:600;--size-display:clamp(48px, 6vw, 96px);--size-heading:clamp(28px, 3vw, 48px);--size-subhead:clamp(18px, 1.5vw, 24px);--size-body:clamp(16px, 1vw, 18px);--size-micro:clamp(12px, .8vw, 14px);--tracking-display:-.02em;--tracking-heading:-.01em;--tracking-micro:.03em;--leading-display:1.05;--leading-heading:1.15;--leading-body:1.55;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;--page-max:none;--page-pad:var(--space-4);--measure:62ch;--rail-width:200px;--col-info:420px;--rule:1px solid var(--color-stone)}@media (width>=48rem){:root{--page-pad:var(--space-5)}}@font-face{font-family:ZT Nature;src:url(/fonts/ZTNature-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ZT Nature;src:url(/fonts/ZTNature-SemiBold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd,ul,ol{margin:0;padding:0}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6,th{font-weight:var(--weight-regular)}strong,b{font-weight:var(--weight-strong)}img,svg{max-width:100%;height:auto;display:block}[hidden]{display:none!important}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body{font-family:var(--font-base);font-size:var(--size-body);line-height:var(--leading-body);color:var(--color-ink);background:var(--color-paper);font-synthesis:none}p{max-width:var(--measure)}a{color:inherit;text-underline-offset:.18em;text-decoration:underline 1px}a:hover{text-decoration-color:var(--color-stone)}:focus-visible{outline:2px solid var(--color-ink);outline-offset:3px}.skip{left:var(--space-4);top:var(--space-4);z-index:10;padding:var(--space-2) var(--space-4);background:var(--color-ink);color:var(--color-paper);text-decoration:none;position:absolute;transform:translateY(-200%)}.skip:focus{transform:translateY(0)}.page{max-width:var(--page-max);padding-inline:var(--page-pad);margin-inline:auto}.section{padding-block:var(--space-8)}.section+.section{padding-block-start:0}.rule{border:0;border-top:var(--rule);margin-block:var(--space-7)}.display{font-size:var(--size-display);line-height:var(--leading-display);letter-spacing:var(--tracking-display);font-weight:var(--weight-strong);max-width:16ch}.heading{font-size:var(--size-heading);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);font-weight:var(--weight-strong);max-width:24ch}.subhead{font-size:var(--size-subhead);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);font-weight:var(--weight-regular);color:var(--color-charcoal);max-width:46ch}.micro{font-size:var(--size-micro);letter-spacing:var(--tracking-micro);color:var(--color-charcoal);line-height:1.4}.lede{font-size:var(--size-subhead);line-height:var(--leading-body)}.masthead{z-index:5;border-bottom:var(--rule);background:var(--color-paper);color:var(--color-ink);position:sticky;top:0}.masthead--over{background:0 0;border-bottom-color:#0000;position:fixed;inset-inline:0}.masthead--on-dark{color:var(--color-paper)}.masthead--on-dark .nav a{color:inherit}.logo{color:currentColor;block-size:auto;inline-size:84px}.masthead__inner{align-items:baseline;gap:var(--space-4) var(--space-6);padding-block:var(--space-4);flex-wrap:wrap;display:flex}.masthead__mark{color:inherit;margin-inline-end:auto;text-decoration:none;display:block}.nav{gap:var(--space-5);font-size:var(--size-micro);letter-spacing:var(--tracking-micro);display:flex}.nav a{text-decoration:none}.nav a:hover,.nav [aria-current=page]{text-underline-offset:.25em;text-decoration:underline}.hero{padding-block:var(--space-8) var(--space-7)}.hero__sub{margin-block-start:var(--space-5)}.ph{background:var(--color-paper-sunk);place-items:center;display:grid;position:relative;overflow:hidden}.ph--3x2{aspect-ratio:3/2}.ph--4x5{aspect-ratio:4/5}.ph--1x1{aspect-ratio:1}.ph__note{font-size:var(--size-micro);letter-spacing:var(--tracking-micro);color:var(--color-charcoal);padding:var(--space-3);text-align:center}.ph--drawing{background:var(--color-paper);border:var(--rule)}.register{border-top:var(--rule)}.register__row{border-bottom:var(--rule)}.register__link{gap:var(--space-2);padding-block:var(--space-5);text-decoration:none;display:grid}.register__link:hover .register__name{text-underline-offset:.2em;text-decoration:underline}.register__name{font-size:var(--size-subhead);letter-spacing:var(--tracking-heading);font-weight:var(--weight-strong)}.register__meta{align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}@media (width>=48rem){.register__link{align-items:baseline;gap:var(--space-5);grid-template-columns:1fr auto}}.grid{gap:var(--space-7) var(--space-5);grid-template-columns:1fr;display:grid}@media (width>=34rem){.grid{grid-template-columns:repeat(2,1fr)}}@media (width>=60rem){.grid{grid-template-columns:repeat(3,1fr)}}.tile{gap:var(--space-3);display:grid}.tile a{text-decoration:none}.tile a:hover .tile__name{text-underline-offset:.2em;text-decoration:underline}.tile__name{font-size:var(--size-subhead);letter-spacing:var(--tracking-heading);font-weight:var(--weight-strong)}.tile__meta{gap:var(--space-2) var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.collections{gap:var(--space-8) var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=48rem){.collections{grid-template-columns:repeat(2,1fr)}}.collection a{text-decoration:none}.collection a:hover .tile__name{text-underline-offset:.2em;text-decoration:underline}.collection .tile__meta{margin-block-start:var(--space-2)}.collection p:last-child{margin-block-start:var(--space-3)}.state{font-size:var(--size-micro);letter-spacing:var(--tracking-micro);color:var(--color-charcoal);white-space:nowrap}.state:before{content:"";block-size:6px;inline-size:6px;vertical-align:.1em;background:var(--color-ink);margin-inline-end:var(--space-2);display:inline-block}.state--sold:before{box-shadow:inset 0 0 0 1px var(--color-charcoal);background:0 0}.state--archived:before{box-shadow:inset 0 0 0 1px var(--color-stone);background:0 0}.swatches{gap:var(--space-2);display:flex}.swatch{border:1px solid var(--color-stone);block-size:12px;inline-size:12px}.object{gap:var(--space-6);display:grid}@media (width>=60rem){.object{grid-template-columns:var(--rail-width) minmax(0, 1fr);gap:var(--space-8);align-items:start}.rail{top:var(--space-5);position:sticky}}.rail{border-top:2px solid var(--color-ink);padding-block-start:var(--space-4)}.rail__code{font-size:var(--size-subhead);letter-spacing:var(--tracking-micro);font-weight:var(--weight-strong)}.rail dl{gap:var(--space-3);margin-block-start:var(--space-5);display:grid}.rail dt{font-size:var(--size-micro);letter-spacing:var(--tracking-micro);color:var(--color-charcoal)}.rail dd{font-size:var(--size-body)}.gallery{gap:var(--space-3);scroll-snap-type:x mandatory;scrollbar-width:thin;grid-auto-columns:78%;grid-auto-flow:column;padding-block-end:var(--space-3);display:grid;overflow-x:auto}.gallery>*{scroll-snap-align:start}@media (width>=60rem){.gallery{grid-template-columns:repeat(2,1fr);grid-auto-columns:auto;grid-auto-flow:row;overflow-x:visible}.gallery>:first-child{grid-column:1/-1}}.caption{font-size:max(24px, var(--size-subhead));line-height:var(--leading-heading);color:var(--color-stone);margin-block-start:var(--space-3)}.variants{gap:var(--space-3);margin-block:var(--space-5);flex-wrap:wrap;display:flex}.variant{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-stone);font-size:var(--size-micro);letter-spacing:var(--tracking-micro);display:inline-flex}.variant[aria-pressed=true]{border-color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-ink)}.variant__dot{border:1px solid var(--color-stone);block-size:12px;inline-size:12px}.no-js .variants{display:none}.no-js .variant-panel__label{display:block}.variant-panel__label{margin-block-end:var(--space-4);display:none}.variant-panel[hidden]{display:none}.spec{border-top:var(--rule);margin-block-start:var(--space-7)}.spec div{gap:var(--space-1);padding-block:var(--space-4);border-bottom:var(--rule);display:grid}.spec dt{font-size:var(--size-micro);letter-spacing:var(--tracking-micro);color:var(--color-charcoal)}.cta{padding:var(--space-3) var(--space-6);background:var(--color-ink);color:var(--color-paper);letter-spacing:var(--tracking-micro);margin-block-start:var(--space-5);text-decoration:none;display:inline-block}.cta:hover{background:var(--color-charcoal)}.cta--muted{color:var(--color-charcoal);border:1px solid var(--color-stone);cursor:not-allowed;background:0 0}.cta--muted:hover{background:0 0}.lookup{gap:var(--space-3);max-width:34rem;margin-block-start:var(--space-6);display:grid}@media (width>=34rem){.lookup{grid-template-columns:1fr auto;align-items:end}}.lookup__field{gap:var(--space-2);display:grid}.lookup label{font-size:var(--size-micro);letter-spacing:var(--tracking-micro);color:var(--color-charcoal)}.lookup input{font:inherit;color:var(--color-ink);background:var(--color-paper);border:0;border-bottom:2px solid var(--color-ink);padding:var(--space-3) 0;inline-size:100%}.lookup__result{max-width:var(--measure);margin-block-start:var(--space-5)}.lookup__result:empty{margin-block-start:0}.record{border-top:2px solid var(--color-ink);max-width:46ch;padding-block-start:var(--space-5)}.record__code{font-size:var(--size-heading);letter-spacing:var(--tracking-micro);line-height:var(--leading-heading);font-weight:var(--weight-strong)}.record dl{gap:var(--space-4);margin-block-start:var(--space-6);display:grid}.record dt{font-size:var(--size-micro);letter-spacing:var(--tracking-micro);color:var(--color-charcoal)}.record__foot{border-top:var(--rule);margin-block-start:var(--space-7);padding-block-start:var(--space-5)}.footer{border-top:var(--rule);margin-block-start:var(--space-9)}.footer__inner{gap:var(--space-5);padding-block:var(--space-7) var(--space-8);display:grid}@media (width>=48rem){.footer__inner{grid-template-columns:1fr auto;align-items:start}}.footer__links{gap:var(--space-2) var(--space-5);font-size:var(--size-micro);letter-spacing:var(--tracking-micro);flex-wrap:wrap;display:flex}.shot{background:var(--color-paper-sunk);block-size:auto;inline-size:100%;display:block}.shot--3x2{aspect-ratio:3/2;object-fit:cover}.shot--4x5{aspect-ratio:4/5;object-fit:cover}.shot--1x1{aspect-ratio:1;object-fit:cover}.shot--drawing{background:var(--color-paper);border:var(--rule);object-fit:contain}.record dd .plain{color:var(--color-ink)}.page--wide{max-width:none;padding-inline:var(--space-4)}@media (width>=48rem){.page--wide{padding-inline:var(--space-5)}}.product{gap:var(--space-7);display:grid}@media (width>=64rem){.product{grid-template-columns:var(--col-info) minmax(0, 1fr);column-gap:var(--space-8);grid-template-rows:auto auto auto auto 1fr;align-items:start;row-gap:0}.product__head{grid-area:1/1}.product__decide{grid-area:2/1}.product__prose{grid-area:3/1}.product__spec{grid-area:4/1}.product__media{grid-area:1/2/-1}}.product__head{border-top:2px solid var(--color-ink);padding-block-start:var(--space-4)}.product__code{font-size:var(--size-micro);letter-spacing:var(--tracking-micro);color:var(--color-charcoal)}.product__name{margin-block-start:var(--space-2)}.facts{gap:var(--space-4);margin-block-start:var(--space-6);display:grid}.facts dt{font-size:var(--size-micro);letter-spacing:var(--tracking-micro);color:var(--color-charcoal)}.facts dd{font-size:var(--size-body)}.colour{margin-block-start:var(--space-6)}.colour__label{font-size:var(--size-micro);letter-spacing:var(--tracking-micro);color:var(--color-charcoal)}.colour__name{font-size:var(--size-body)}.swatch-row{gap:var(--space-3);flex-wrap:wrap;margin-block-start:var(--space-3);display:flex}.swatch-btn{border:1px solid var(--color-stone);block-size:30px;inline-size:30px;padding:0;display:block}.swatch-btn:hover{border-color:var(--color-charcoal)}.swatch-btn[aria-pressed=true]{border-color:var(--color-ink);box-shadow:0 0 0 1px var(--color-ink)}.buy{margin-block-start:var(--space-6)}.buy .state{display:block}.buy .cta{margin-block-start:var(--space-3)}.product__prose{margin-block-start:var(--space-7)}.product__prose p{max-width:none}.product__spec{border-top:var(--rule);margin-block-start:var(--space-7)}.product__spec div{gap:var(--space-2);padding-block:var(--space-5);border-bottom:var(--rule);display:grid}.product__spec dt{font-size:var(--size-micro);letter-spacing:var(--tracking-micro);color:var(--color-charcoal)}.media{gap:var(--space-4);display:grid}.media__grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=40rem){.media__grid{grid-template-columns:repeat(2,1fr)}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero{min-block-size:78vh;display:grid;position:relative}.hero__media{position:absolute;inset:0}.hero__media .shot,.hero__media .ph{object-fit:cover;aspect-ratio:auto;block-size:100%;inline-size:100%}.hero__text{padding:var(--page-pad);color:var(--color-ink);align-self:end;padding-block-end:var(--space-8);position:relative}.hero--dark .hero__text{color:var(--color-paper)}.hero--dark .hero__sub{color:inherit;opacity:.85}.hero__text .display{max-width:18ch}.hero__sub{max-width:42ch;margin-block-start:var(--space-5)}.showcase{padding-block:var(--space-9) var(--space-8)}.showcase+.showcase{border-top:var(--rule);padding-block-start:var(--space-8)}.showcase__info{gap:var(--space-4);max-width:46ch;display:grid}.showcase__info p{max-width:none}.showcase__meta{gap:var(--space-4);display:flex}@media (width>=64rem){.showcase__info{grid-template-columns:var(--col-info) minmax(0, 1fr);gap:var(--space-8);align-items:start;max-width:none}.showcase__info>:first-child{grid-column:1}.showcase__body{gap:var(--space-4);grid-column:2;justify-items:start;max-width:52ch;display:grid}}.rail-row{gap:var(--space-4);scroll-snap-type:x proximity;scrollbar-width:thin;grid-auto-columns:74%;grid-auto-flow:column;margin-block-start:var(--space-7);padding-block-end:var(--space-3);display:grid;overflow-x:auto}@media (width>=48rem){.rail-row{grid-auto-columns:38%}}@media (width>=64rem){.rail-row{grid-auto-columns:24%}}.rail-row>*{scroll-snap-align:start}.thumb a{text-decoration:none;display:block}.thumb a:hover .thumb__name{text-underline-offset:.2em;text-decoration:underline}.thumb__name{font-size:var(--size-body);font-weight:var(--weight-strong);margin-block-start:var(--space-3)}.thumb__meta{gap:var(--space-2) var(--space-4);flex-wrap:wrap;align-items:center;margin-block-start:var(--space-2);display:flex}.band-dark{background:var(--color-ink);color:var(--color-paper);padding-block:var(--space-9);margin-block-start:var(--space-9)}.band-dark .heading{max-width:20ch}.band-dark p{opacity:.85;max-width:52ch;margin-block-start:var(--space-5)}.cta--invert{background:var(--color-paper);color:var(--color-ink);margin-block-start:var(--space-6)}.cta--invert:hover{background:var(--color-stone)}.collection-hero{padding-inline:var(--page-pad)}.collection-hero .shot,.collection-hero .ph{inline-size:100%}@media (width>=64rem){.collection-hero .shot--3x2,.collection-hero .ph--3x2{aspect-ratio:21/9}}.facts--row{margin-block-start:var(--space-6)}@media (width>=48rem){.facts--row{justify-content:start;gap:var(--space-8);grid-template-columns:repeat(3,auto)}}@media (width>=80rem){.grid--wide{grid-template-columns:repeat(4,1fr)}}.prose-column{gap:var(--space-5);max-width:46ch;display:grid}.prose-column p{max-width:none}.frame{aspect-ratio:1;cursor:zoom-in;background:0 0;border:0;inline-size:100%;padding:0;display:block;position:relative}.frame--3x2{aspect-ratio:3/2}.frame .shot{aspect-ratio:auto;object-fit:cover;block-size:100%;inline-size:100%;transition:inline-size .16s;position:absolute;inset-block-start:0;inset-inline-start:50%;transform:translate(-50%)}.frame:focus-visible{outline:2px solid var(--color-ink);outline-offset:3px}.frame .shot--drawing{object-fit:contain}@media (hover:hover){.frame:hover{z-index:20}.frame:hover .shot{object-fit:contain;inline-size:auto;max-inline-size:none}}.lightbox{z-index:100;cursor:zoom-out;background:#11100eeb;place-items:center;padding:clamp(16px,4vw,64px);display:grid;position:fixed;inset:0}.lightbox img{object-fit:contain;block-size:auto;max-block-size:100%;inline-size:auto;max-inline-size:100%}
