@import url('/source-type.css');
@font-face{font-family:'Diatype Variable';src:url('/media/Cargo-DiatypePlusVariable.woff2') format('woff2');font-weight:100 1000;font-display:swap}
@font-face{font-family:'Diatype Variable';src:url('/media/Cargo-DiatypePlusVariable-Italic.woff2') format('woff2');font-weight:100 1000;font-style:italic;font-display:swap}
@font-face{font-family:'Monument Grotesk Variable';src:url('/media/CargoMonumentGroteskPlusVariable.woff2') format('woff2');font-weight:100 1000;font-display:swap}
@font-face{font-family:'Monument Grotesk Variable';src:url('/media/CargoMonumentGroteskItalicPlusVariable.woff2') format('woff2');font-weight:100 1000;font-style:italic;font-display:swap}
@font-face{font-family:'Monument Grotesk Semi-Mono Variable';src:url('/media/CargoMonumentGroteskPlusVariable.woff2') format('woff2');font-weight:100 1000;font-display:swap}
@font-face{font-family:'Diatype Mono Variable';src:url('/media/Cargo-DiatypePlusVariable.woff2') format('woff2');font-weight:100 1000;font-display:swap}
*{box-sizing:border-box}html{font-size:1.44vmin;--font-scale:1;background:#fff}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.18s;animation-timing-function:ease-out}body{margin:0;background:#fff;color:#000}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid #000;outline-offset:4px}img{max-width:100%}main{position:relative;min-height:100vh}.page{width:100%;min-height:100vh}.page-content{padding:1.5rem;position:relative}.description-layer{position:absolute;inset:0 0 auto;pointer-events:none;z-index:2}.description-layer a{pointer-events:auto}.image-layer{position:relative}.site-header{position:fixed;inset:0 0 auto;padding:1.5rem;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;z-index:10;pointer-events:none}.site-header a{pointer-events:auto}.brand{grid-column:span 7;justify-self:start;display:block;line-height:0}.brand img{display:block;width:6.6rem;height:6.6rem;object-fit:contain}.site-header nav{grid-column:span 5}.site-header nav a{white-space:nowrap}.site-header .home-page-menu{--font-size:1.8rem;--font-scale:.9;font-size:calc(var(--font-size)*var(--font-scale))}column-set{display:grid;grid-template-columns:repeat(var(--columns,12),minmax(0,1fr));gap:var(--gutter,1rem);position:relative;width:100%}column-unit{display:block;min-width:0;position:relative}.media{display:inline-flex;flex-direction:column;position:relative;vertical-align:bottom;margin:0;max-width:100%;padding:0;line-height:inherit}.media>a{display:block;width:100%}.media img{width:100%;height:auto;display:block}.media video,.media iframe{width:100%;display:block;border:0;height:auto}.media figcaption{margin-top:1em}.media [data-zoom]{cursor:zoom-in}.masonry{display:flex;gap:var(--gutter,1rem);width:100%;align-items:flex-start}.masonry-column{display:flex;flex:1;min-width:0;flex-direction:column;gap:var(--gutter,1rem)}.masonry .media{width:100%}.justified{display:flex;gap:var(--gutter,1rem);align-items:flex-start;width:100%}.justified .media{min-width:0}.justified img{height:auto;display:block}.unavailable-media{width:100%;background:transparent}#image-viewer{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;margin:0;padding:3rem;background:#fff}#image-viewer::backdrop{background:#fff}#image-viewer[open]{display:flex;align-items:center;justify-content:center}#image-viewer>img{width:100%;height:100%;object-fit:contain}.close-viewer{position:absolute;top:1rem;right:1.5rem;border:0;background:#fff;font:32px/1 Arial;cursor:pointer;padding:6px;z-index:1}body:has(#image-viewer[open]){overflow:hidden}
@media(max-width:700px){html{font-size:12px}.site-header{position:relative;grid-template-columns:64px 1fr;gap:18px;padding:16px}.brand{grid-column:auto}.brand img{width:64px;height:64px}.site-header nav{grid-column:auto}.home-page-menu{line-height:1.5!important}.site-header .home-page-menu{font-size:15px}.page{min-height:0}.page-content{padding:16px}bodycopy{font-size:1.4rem;--font-size:1.4rem}.description-layer{position:relative;inset:auto;pointer-events:auto}.description-layer .page-content{padding-bottom:8px}.project-page .image-layer .page-content{padding-top:8px}.mobile-lead{display:none!important}column-set{display:flex;flex-wrap:wrap;gap:16px}column-unit{width:100%}column-unit[data-empty]{display:none}.description-layer column-unit{width:100%}.other-article-title-{font-size:2.2rem}.other-{font-size:1.2rem}.masonry{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.masonry-column{display:contents}.masonry .media{order:var(--mobile-order);align-self:start}.justified{flex-wrap:wrap}.justified .media{flex:1 1 calc(50% - 1rem)!important;width:auto!important}.about-page column-unit:has(.media){width:100%}.about-page column-unit:has(.media):not(:has(.other-)){max-width:180px}.media{max-width:100%}.page-content{overflow-wrap:break-word}#image-viewer{padding:16px}.close-viewer{top:8px;right:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.sunday-media-wrap{width:66.6667%;margin-left:33.3333%;padding-left:.35rem}.sunday-cover{display:block;width:96%;height:auto;margin-bottom:1rem}.sunday-film{display:block;width:96%;height:auto;max-height:80vh;background:#111;object-fit:contain}.sunday-section-title{font-family:"Diatype Variable";font-size:2.2rem;font-weight:400;line-height:1.2;margin:3rem 0 1rem;width:96%}.sunday-grid{display:grid;gap:1rem;align-items:start;width:96%}.sunday-mockup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sunday-store{grid-template-columns:repeat(3,minmax(0,1fr))}.sunday-ui{grid-template-columns:repeat(4,minmax(0,1fr))}.sunday-grid .media{width:100%}.sunday-grid .media img{display:block;width:100%;height:auto}.sunday-copy{width:17%;margin-left:8.3333%;font-family:"Monument Grotesk Variable";font-size:1.2rem;line-height:1.5}.sunday-copy .other-article-title-{font-family:"Monument Grotesk Semi-Mono Variable";font-size:2.2rem;font-weight:700;line-height:1.5}.sunday-description{min-height:0}.sunday-description .page-content{padding-top:18.75rem}.sunday-images .page-content{padding-top:18.75rem}
@media(max-width:700px){.sunday-description .page-content,.sunday-images .page-content{padding-top:16px}.sunday-copy{width:100%;margin:0}.sunday-media-wrap{width:100%;margin:0;padding:0}.sunday-cover,.sunday-film,.sunday-grid,.sunday-section-title{width:100%}.sunday-film{max-height:none}.sunday-mockup-grid{grid-template-columns:1fr}.sunday-store{grid-template-columns:repeat(2,minmax(0,1fr))}.sunday-ui{grid-template-columns:repeat(2,minmax(0,1fr))}.sunday-section-title{font-size:2rem;margin:2rem 0 1rem}}

.collection-page .media[data-project-title]{overflow:hidden}
.collection-page .media[data-project-title]>a{position:relative}
.collection-page .media[data-project-title]>a::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.22);opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:1}
.collection-page .media[data-project-title]::after{content:attr(data-project-title) "  ·  " attr(data-project-year);position:absolute;left:0;right:0;bottom:0;padding:.75rem .8rem;background:rgba(255,255,255,.72);color:#000;font-family:"Diatype Variable";font-size:1rem;line-height:1.2;opacity:0;transform:translateY(.35rem);transition:opacity .2s ease,transform .2s ease;pointer-events:none;z-index:2}
.collection-page .media[data-project-title]:hover>a::after,.collection-page .media[data-project-title]:focus-within>a::after,.collection-page .media[data-project-title]:hover::after,.collection-page .media[data-project-title]:focus-within::after{opacity:1}
.collection-page .media[data-project-title]:hover::after,.collection-page .media[data-project-title]:focus-within::after{transform:translateY(0)}
.sunday-store{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:700px){
  .collection-page .media[data-project-title]>a::after{display:none}
  .collection-page .media[data-project-title]::after{position:relative;padding:.5rem 0;background:#fff;font-size:.88rem;opacity:1;transform:none}
  .collection-page .masonry .media.sunday-feature{order:-1!important}
  .sunday-store{grid-template-columns:1fr}
}

/* Consistent detail-page information hierarchy */
.project-page:not(.sunday-page) .description-layer bodycopy>br{display:none}
.project-page:not(.sunday-page) .description-layer bodycopy>column-set:not(:has(>column-unit:not([data-empty]))){display:none}
.project-page:not(.sunday-page) .description-layer bodycopy>column-set{margin-top:13rem}
.project-page:not(.sunday-page) .description-layer .other-article-title-{display:block;line-height:1.15;margin-bottom:.3rem;font-weight:700!important}
.project-page:not(.sunday-page) .description-layer i{display:block;line-height:1.25;margin-bottom:1.1rem}
.project-page:not(.sunday-page) .description-layer i,.project-page:not(.sunday-page) .description-layer .other-{font-weight:400!important}
.project-page:not(.sunday-page) .description-layer .other- i{display:inline;line-height:inherit;margin:0;font-weight:400!important}
.project-page:not(.sunday-page) .description-layer .other-{max-width:34rem;line-height:1.45}
@media(max-width:700px){
  .project-page:not(.sunday-page) .description-layer bodycopy>column-set{margin-top:0}
  .project-page:not(.sunday-page) .description-layer i{margin-bottom:.8rem}
  .project-page:not(.sunday-page) .description-layer .other-{max-width:none}
}

/* Detail-page previews are enabled with #sample. */
body.editorial-sample .sunday-description{position:fixed;inset:0 auto 0 0;width:28%;height:100vh;border-right:0;background:#fff;overflow:auto}
body.editorial-sample .sunday-description .page-content{padding:9.5rem 2.2rem 2.2rem}
body.editorial-sample .sunday-copy{width:100%;margin:0;line-height:1.45}
body.editorial-sample .sunday-copy .other-article-title-{font-size:2.35rem;line-height:1.08;margin-bottom:1.6rem}
body.editorial-sample .sunday-copy>i{display:block;font-size:1.25rem;line-height:1.3;margin-bottom:3rem}
body.editorial-sample .sunday-copy .other-{display:block;max-width:26rem;font-size:1.05rem;line-height:1.45}
body.editorial-sample .sunday-images{margin-left:28%;width:72%;min-height:100vh}
body.editorial-sample .sunday-images .page-content{padding:9.5rem 2.2rem 5rem}
body.editorial-sample .sunday-media-wrap{width:100%;margin:0;padding:0}
body.editorial-sample .sunday-film{width:100%;max-height:none;aspect-ratio:16/10;object-fit:cover}
body.editorial-sample .sunday-section-title{width:100%;font-size:1.35rem;font-weight:700;line-height:1.2;margin:4.5rem 0 1.1rem;text-transform:uppercase;letter-spacing:.02em}
body.editorial-sample .sunday-grid{width:100%;gap:.8rem}
body.editorial-sample .sunday-mockup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body.editorial-sample .sunday-store{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:700px){
  body.editorial-sample .sunday-description{position:relative;width:100%;height:auto;border-right:0;overflow:visible}
  body.editorial-sample .sunday-description .page-content,body.editorial-sample .sunday-images .page-content{padding:16px}
  body.editorial-sample .sunday-images{margin-left:0;width:100%;min-height:0}
  body.editorial-sample .sunday-copy .other-article-title-{font-size:2.2rem}
  body.editorial-sample .sunday-copy>i{margin-bottom:2rem}
  body.editorial-sample .sunday-section-title{font-size:1.2rem;margin-top:2.5rem}
  body.editorial-sample .sunday-mockup-grid,body.editorial-sample .sunday-store{grid-template-columns:1fr}
}

/* MUJI: only the copy changes. Image geometry remains entirely source-controlled. */
body.text-grid-sample .description-layer{position:absolute;inset:var(--detail-grid-top,18rem) auto auto var(--detail-grid-left,1.5rem);width:var(--detail-grid-width,22%);min-height:0;height:auto;overflow:visible;background:none;border:0;pointer-events:auto}
body.text-grid-sample .description-layer .page-content{padding:0}
body.text-grid-sample .detail-copy{display:flex;flex-direction:column;align-items:stretch;gap:2rem;font-family:"Monument Grotesk Variable";font-size:clamp(14px,1.2rem,18px);font-weight:400;line-height:1.5;color:#000;text-align:left}
body.text-grid-sample .detail-copy>*{margin:0;padding:0}
body.text-grid-sample .detail-title{font-family:"Monument Grotesk Variable";font-size:clamp(24px,2.2rem,34px);font-weight:700;line-height:1.12;letter-spacing:0;font-variation-settings:normal;color:#000;text-box-trim:trim-start;text-box-edge:cap alphabetic}
body.text-grid-sample .detail-meta{display:grid;gap:.3rem;font-size:inherit;font-style:normal;line-height:1.4}
body.text-grid-sample .detail-copy p{margin:0;padding:0;font-size:inherit;line-height:inherit;text-align:left}
body.text-grid-sample .detail-role{display:grid;gap:.45rem}
body.text-grid-sample .detail-role strong{font-size:inherit;font-weight:700;line-height:1.4}
body.text-grid-sample .detail-prose{display:grid;gap:1.4rem}
@media(max-width:700px){
  body.text-grid-sample .description-layer{position:relative;inset:auto;width:100%}
  body.text-grid-sample .description-layer .page-content{padding:24px 16px 8px}
  body.text-grid-sample .detail-copy{gap:24px}
}