/* artworks.css — generated; do not edit by hand. */
/* release: 20260827t192922z-d6de4ef09d; revision: 7; published: 2026-08-27T19:29:22.420Z */
:root{--intro-art-mask:none;--intro-art-dot:1.05px;--intro-art-step:7px;--intro-art-opacity:.72;--intro-art-top:2%;--intro-art-right:4%;--intro-art-left:auto;--intro-art-width:min(25vw, 385px);--intro-art-height:94%}
:root{--intro-art-right:4%;--intro-art-left:auto;--intro-art-top:2%;--intro-art-width:min(25vw, 385px);--intro-art-height:94%;--intro-art-dot:1.05px;--intro-art-step:7px;--intro-art-opacity:0.72;--intro-art-tone:radial-gradient(circle, currentColor 0 var(--intro-art-dot), transparent calc(var(--intro-art-dot) + .2px))}
.archive-intro-art::before,.archive-intro-art::after{-webkit-mask-image:url("/assets/intro/ramin-cut/ramin-cut.8234de939e7236f2.svg");mask-image:url("/assets/intro/ramin-cut/ramin-cut.8234de939e7236f2.svg")}
@media(max-width:900px){:root{--intro-art-right:3%;--intro-art-left:auto;--intro-art-top:34%;--intro-art-width:74vw;--intro-art-height:63%;--intro-art-dot:1.05px;--intro-art-step:7px;--intro-art-opacity:0.72;--intro-art-tone:radial-gradient(circle, currentColor 0 var(--intro-art-dot), transparent calc(var(--intro-art-dot) + .2px))}}
/* eiffel: Eiffel-Turm */
.post:has([data-post-tag="paris" i]){--art-right:3%;--art-left:auto;--art-top:8%;--art-width:min(43vw, 650px);--art-height:78%;--art-dot:1.2px;--art-step:8px;--art-opacity:0.44;--art-tone:radial-gradient(circle, currentColor 0 var(--art-dot), transparent calc(var(--art-dot) + .2px))}
.post:has([data-post-tag="paris" i]) .tag-art{display:block}
.post:has([data-post-tag="paris" i]) .tag-art-shape{display:block;-webkit-mask-image:url("/assets/artworks/paris/eiffel.287a80c04e263398.svg");mask-image:url("/assets/artworks/paris/eiffel.287a80c04e263398.svg")}
.post:has([data-post-tag="paris" i]) .tag-art-label-1::before{content:"都市の断片を記録する"}
.post:has([data-post-tag="paris" i]) .tag-art-label-2::before{content:"雨上がりの光を集める"}
.post:has([data-post-tag="paris" i]) .tag-art-label-3::before{content:"写真は時間の痕跡"}
@media(max-width:900px){
  .post:has([data-post-tag="paris" i]){--art-right:-10%;--art-left:auto;--art-top:12%;--art-width:86vw;--art-height:65%;--art-dot:1.2px;--art-step:8px;--art-opacity:0.44;--art-tone:radial-gradient(circle, currentColor 0 var(--art-dot), transparent calc(var(--art-dot) + .2px))}
}
/* nike-logo: Nike Logo */
.post:has([data-post-tag="nike" i]){--art-right:3%;--art-left:auto;--art-top:18%;--art-width:min(26vw, 390px);--art-height:64%;--art-dot:1.1px;--art-step:7px;--art-opacity:0.52;--art-tone:radial-gradient(circle, currentColor 0 var(--art-dot), transparent calc(var(--art-dot) + .2px))}
.post:has([data-post-tag="nike" i]) .tag-art{display:block}
.post:has([data-post-tag="nike" i]) .tag-art-shape{display:block;-webkit-mask-image:url("/assets/artworks/nike/logo.499b897e70f9ad5e.svg");mask-image:url("/assets/artworks/nike/logo.499b897e70f9ad5e.svg")}
.post:has([data-post-tag="nike" i]) .tag-art-label-1::before{content:"just do it"}
.post:has([data-post-tag="nike" i]) .tag-art-label-2::before{content:"just do it"}
.post:has([data-post-tag="nike" i]) .tag-art-label-3::before{content:"just do it"}
@media(max-width:900px){
  .post:has([data-post-tag="nike" i]){--art-right:-10%;--art-left:auto;--art-top:18%;--art-width:58vw;--art-height:55%;--art-dot:1.1px;--art-step:7px;--art-opacity:0.52;--art-tone:radial-gradient(circle, currentColor 0 var(--art-dot), transparent calc(var(--art-dot) + .2px))}
}