/* Site stylesheet: base typography + every page's local CSS */
html {
	--mobile-scale: 2;
	--mobile-padding-offset: 0.15;
}

body {
	--swatch-1: rgba(0, 0, 0, 0.85);
	--swatch-2: rgba(0, 0, 0, 0.75);
	--swatch-3: rgba(0, 0, 0, 0.6);
	--swatch-4: rgba(0, 0, 0, 0.4);
    --swatch-5: rgba(0, 0, 0, 0.25);
	--swatch-6: #0066ff;
	background-color: #ffffff;
	--swatch-7: rgba(0, 0, 0, 0);
	--swatch-8: #f5e2b5;
}

body.mobile {
}

a:active,
.linked:active,
.zoomable::part(media):active {
	opacity: 0.7;
}

.page a.active {
	color: #8bae84;
}

media-item.active::part(media) {
	outline: 1px solid #06f;
    outline-offset: -1px;
}

sub {
	position: relative;
	vertical-align: baseline;
	top: 0.3em;
}

sup {
	position: relative;
	vertical-align: baseline;
	top: -0.4em;
}

.small-caps {
	font-variant: small-caps;
    text-transform: lowercase;
}

ol {
	margin: 0;
	padding: 0 0 0 2.5em;
	list-style-type: decimal-leading-zero;
}

ul {
	margin: 0;
	padding: 0 0 0 2.0em;
}

ul.lineated {
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin: 0 0 0 3em;
	text-indent: -3em;
}

blockquote {
	margin: 0;
	padding: 0 0 0 2em;
}

hr {
	background: rgba(0, 0, 0, 0.6);
	border: 0;
	height: 1px;
	display: block;
	margin-top: 0.4rem;
	margin-bottom: 0.5rem;
}

.content {
	border-color: rgba(0,0,0,.85);
}

bodycopy {
	font-size: 1.0625rem;
	font-weight: 300;
	color: rgba(0, 0, 0, 0.8);
	font-family: "Diatype Variable";;;;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: 0;
	display: block;
	font-variation-settings: 'slnt' 0, 'MONO' 0;
}

.mobile bodycopy {
	font-size: 0.425rem;
}

bodycopy a {
	color: rgba(0, 0, 0, 0.8);
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

bodycopy a:hover {
}

h1 {
	font-family: "Diatype Variable";
	font-style: normal;
	font-weight: 300;
	margin: 0;
	font-size: 1.7rem;
	line-height: 1.1;
	color: rgba(0, 0, 0, 0.85);
	letter-spacing: 0;
	font-variation-settings: 'slnt' 0, 'MONO' 0;
}

.mobile h1 {
	font-size: 0.935rem;
}

h1 a {
	color: rgba(0, 0, 0, 0.85);
	text-decoration: none;
}

h1 a:hover {
}

h2 {
	font-family: "Diatype Variable";
	font-style: normal;
	font-weight: 300;
	margin: 0;
	color: rgba(0, 0, 0, 0.7);
	font-size: 1.445rem;
	line-height: 1.3;
	letter-spacing: 0.01em;
	font-variation-settings: 'slnt' 0, 'MONO' 0;
}

.mobile h2 {
	font-size: 1.105rem;
	color: rgba(193, 125, 125, 0.7);
}

h2 a {
	color: rgba(0, 0, 0, 0.7);
	text-decoration: none;
}

.mobile h2 a {
	color: rgba(193, 125, 125, 0.7);
}

h2 a:hover {
}

.caption {
	font-size: 0.85rem;
	font-weight: 300;
	color: rgba(0, 0, 0, 0.55);
	font-family: "Diatype Variable";;
	font-style: normal;
	line-height: 1.6;
	letter-spacing: 0;
	display: block;
	font-variation-settings: 'slnt' 0, 'MONO' 0;
}

.mobile .caption {
	font-size: 0.51rem;
}

.caption a {
	text-decoration: underline;
	color: rgba(0, 0, 0, 0.55);
}

.mobile .caption a {
}

.caption a:hover {
    color: #0ca900;
}

media-item .caption {
	margin-top: .5em;
}

gallery-grid .caption,
gallery-columnized .caption,
gallery-justify .caption {
	margin-bottom: 2em;
}

[thumbnail-index] .caption {
	text-align: center;
}

[thumbnail-index] .caption .tags {
	margin-top: 0.25em;
}

.page {
	justify-content: flex-start;
}

.page-content {
	padding: 6rem;
	text-align: left;
}

.mobile [id] .page-layout {
	max-width: 100%;
}

.mobile [id] .page-content {
}

.page-layout {
	align-items: flex-start;
	max-width: 70%;
	padding: 3rem;
}

media-item::part(media) {
	border: 0;
	padding: 0;
}

.quick-view {
	height: 100%;
	width: 100%;
	padding: 3rem;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}

.quick-view-background {
	background-color: #ffffff;
}

.quick-view .caption {
	color: rgba(255, 255, 255, 1.0);
	padding: 20px 0;
	text-align: center;
	transition: 100ms opacity ease-in-out;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.quick-view .caption-background {
	padding: 0.5rem 1rem;
	display: inline-block;
	background: rgba(0, 0, 0, 0.5);
	border-radius: .5rem;
	text-align: left;
	max-width: 50rem;
}

.mobile .quick-view {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 10px;
}

.mobile .quick-view .caption {
	padding: 10px 0;
}

.text-title {
	--text-style: "text title";
	font-size: 1.7rem;
	font-weight: 300;
	color: rgba(0, 0, 0, 0.8);
	font-family: "Diatype Variable";
	font-style: normal;
	line-height: 1.5;
	letter-spacing: 0;
	display: block;
	font-variation-settings: 'slnt' 0, 'MONO' 0;
}

.mobile .text-title {
	font-size: 0.68rem;
}

.text-title a {
	color: rgba(0, 0, 0, 0.8);
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

.text-title a:hover {
	
}

.titie {
	--text-style: "titie";
	font-size: 1.7rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.6);
	font-family: "Arizona Mix Variable";
	font-style: normal;
	line-height: 1.5;
	letter-spacing: 0;
	display: block;
	font-variation-settings: 'slnt' 0, 'SRFF' 0.5;
}

.mobile .titie {
	font-size: 0.68rem;
}

.titie a {
	color: rgba(0, 0, 0, 0.6);
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

.titie a:hover {
	
}

.y {
	--text-style: "拨打y";
	font-size: 0.935rem;
	font-weight: 200;
	color: rgba(0, 0, 0, 0.6);
	font-family: "Arizona Text Variable";
	font-style: normal;
	line-height: 1.5;
	letter-spacing: 0;
	display: block;
	font-variation-settings: 'slnt' 0, 'SRFF' 0.75;
}

.mobile .y {
	font-size: 0.595rem;
}

.y a {
	color: rgba(0, 0, 0, 0.6);
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

.y a:hover {
	
}

.nametag {
	--text-style: "nametag";
	font-size: 1.7rem;
	font-weight: 300;
	color: rgba(0, 0, 0, 0.6);
	font-family: "Diatype Variable";
	font-style: normal;
	line-height: 1.4;
	letter-spacing: 0;
	display: block;
	font-variation-settings: 'slnt' 0, 'MONO' 0;
}

.mobile .nametag {
	font-size: 0.68rem;
}

.nametag a {
	color: rgba(0, 0, 0, 0.6);
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

.nametag a:hover {
	
}

.menu-character {
	--text-style: "menu-character";
	font-size: 1.275rem;
	font-weight: 200;
	color: rgba(0, 0, 0, 0.6);
	font-family: "Arizona Mix Variable";
	font-style: normal;
	line-height: 1.5;
	letter-spacing: 0;
	display: block;
	font-variation-settings: 'slnt' 0, 'SRFF' 0.5;
}

.mobile .menu-character {
	font-size: 0.68rem;
}

.menu-character a {
	color: rgba(0, 0, 0, 0.6);
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

.menu-character a:hover {
	
}

.jingyi-zhang-name-tag {
	--text-style: "Jingyi zhang name tag";
	font-size: 7.65rem;
	font-weight: 200;
	color: rgba(0, 0, 0, 0.6);
	font-family: "Arizona Mix Variable";
	font-style: normal;
	line-height: 1.5;
	letter-spacing: 0;
	display: block;
	font-variation-settings: 'slnt' 0, 'SRFF' 0.5;
}

.mobile .jingyi-zhang-name-tag {
	font-size: 0.68rem;
}

.jingyi-zhang-name-tag a {
	color: rgba(0, 0, 0, 0.6);
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

.jingyi-zhang-name-tag a:hover {
	
}

.jingyi-nametag {
	--text-style: "Jingyi-nametag";
	font-size: 0.85rem;
	font-weight: 300;
	color: rgba(0, 0, 0, 0.6);
	font-family: "Diatype Variable";
	font-style: normal;
	line-height: 1.5;
	letter-spacing: 0;
	display: block;
	font-variation-settings: 'slnt' 0, 'MONO' 0;
}

.mobile .jingyi-nametag {
	font-size: 0.68rem;
}

.jingyi-nametag a {
	color: rgba(0, 0, 0, 0.6);
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

.jingyi-nametag a:hover {
	
}

.menu-phone {
	--text-style: "menu-phone";
	font-size: 1.02rem;
	font-weight: 200;
	color: rgba(0, 0, 0, 0.6);
	font-family: "Arizona Mix Variable";
	font-style: normal;
	line-height: 1.5;
	letter-spacing: 0;
	display: block;
	font-variation-settings: 'slnt' 0, 'SRFF' 0.5;
}

.mobile .menu-phone {
	font-size: 0.68rem;
}

.menu-phone a {
	color: rgba(0, 0, 0, 0.6);
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

.menu-phone a:hover {
	
}

.descriptions {
	--text-style: "Menu-Name";
	font-size: 1.105rem;
	font-weight: 300;
	color: rgba(0, 0, 0, 0.6);
	font-family: "Diatype Variable";
	font-style: normal;
	line-height: 1.5;
	letter-spacing: 0;
	display: block;
	font-variation-settings: 'slnt' 0, 'MONO' 0;
}

.mobile .descriptions {
	font-size: 0.51rem;
}

.descriptions a {
	color: rgba(0, 0, 0, 0.6);
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

.descriptions a:hover {
	
}

.page-nav {
	--text-style: "page nav";
	font-size: 0.68rem;
	font-weight: 200;
	color: rgba(0, 0, 0, 0.6);
	font-family: "Arizona Serif Variable";
	font-style: normal;
	line-height: 1.5;
	letter-spacing: 0em;
	display: block;
	font-variation-settings: 'slnt' 0, 'SRFF' 1;
}

.mobile .page-nav {
	font-size: 0.5525rem;
}

.page-nav a {
	color: rgba(0, 0, 0, 0.6);
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

.page-nav a:hover {
	
}

.wenshi {
	--text-style: "Wenshi";
	font-size: 0.935rem;
	font-weight: 300;
	color: rgba(0, 0, 0, 0.8);
	font-family: "Diatype Variable";
	font-style: normal;
	line-height: 1.5;
	letter-spacing: 0;
	display: block;
	font-variation-settings: 'slnt' 0, 'MONO' 0;
}

.mobile .wenshi {
	font-size: 0.425rem;
}

.wenshi a {
	color: rgba(0, 0, 0, 0.8);
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

.wenshi a:hover {
	
}

.vaccum-world-installation-description {
	--text-style: "Vaccum World-Installation-Description";
	font-size: 0.85rem;
	font-weight: 200;
	color: rgba(0, 0, 0, 0.6);
	font-family: "Arizona Serif Variable";
	font-style: normal;
	line-height: 1.5;
	letter-spacing: 0em;
	display: block;
	font-variation-settings: 'slnt' 0, 'SRFF' 1;
}

.mobile .vaccum-world-installation-description {
}

.vaccum-world-installation-description a {
	color: rgba(0, 0, 0, 0.6);
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

.vaccum-world-installation-description a:hover {
	
}

.description-photo-textile {
	--text-style: "Description-Photo Textile";
	font-size: 0.85rem;
	font-weight: 300;
	color: rgba(0, 0, 0, 0.6);
	font-family: "Diatype Variable";
	font-style: normal;
	line-height: 1.5;
	letter-spacing: 0;
	display: block;
	font-variation-settings: 'slnt' 0, 'MONO' 0;
}

.mobile .description-photo-textile {
	font-size: 0.425rem;
}

.description-photo-textile a {
	color: rgba(0, 0, 0, 0.6);
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

.description-photo-textile a:hover {
	
}

.bottom-word {
	--text-style: "Bottom Word";
	font-size: 0.85rem;
	font-weight: 200;
	color: rgba(0, 0, 0, 0.8);
	font-family: "Arizona Text Variable";
	font-style: normal;
	line-height: 1.5;
	letter-spacing: 0em;
	display: block;
	font-variation-settings: 'slnt' 0, 'SRFF' 0.75;
}

.mobile .bottom-word {
	font-size: 0.51rem;
}

.bottom-word a {
	color: rgba(0, 0, 0, 0.8);
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

.bottom-word a:hover {
	
}

.description {
	--text-style: "Description";
	font-size: 0.935rem;
	font-weight: 300;
	color: rgba(0, 0, 0, 0.8);
	font-family: "Diatype Variable";;;;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: 0;
	display: block;
	font-variation-settings: 'slnt' 0, 'MONO' 0;
}

.mobile .description {
	font-size: 0.425rem;
}

.description a {
	color: rgba(0, 0, 0, 0.8);
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

.description a:hover {
	
}

.number {
	--text-style: "number";
	font-size: 0.935rem;
	font-weight: 300;
	color: rgba(0, 0, 0, 0.8);
	font-family: "Diatype Variable";;;;
	font-style: normal;
	line-height: 1.6;
	letter-spacing: 0;
	display: block;
	font-variation-settings: 'slnt' 0, 'MONO' 0;
}

.mobile .number {
	font-size: 0.425rem;
}

.number a {
	color: rgba(0, 0, 0, 0.8);
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

.number a:hover {
	
}

.mobile .quick-view .caption-background {
	max-width: 100vw;
}

::part(slideshow-nav) {
	--button-size: 30px;
	--button-inset: 20px;
	--button-icon-color: rgba(255, 255, 255, 0.9);
	--button-icon-stroke-width: 1.5px;
	--button-icon-stroke-linecap: none;
	--button-background-color: rgba(87, 87, 87, 0.35);
	--button-background-radius: 50%;
	--button-active-opacity: 0.7;
}

gallery-slideshow::part(slideshow-nav) {
	--button-inset: 15px;
}

.quick-view::part(slideshow-nav) {
}

.wallpaper-slideshow::part(slideshow-nav) {
}

.mobile ::part(slideshow-nav) {
	--button-inset: 10px;
}

.mobile .quick-view::part(slideshow-nav) {
	--button-inset: 25px;
}

audio-player {
	--text-color: rgba(0, 0, 0, 0.85);
	--text-padding: 0 1.2em 0 1.0em;
	--background-color: rgba(255, 255, 255, 0);
	--buffer-background-color: rgba(0, 0, 0, 0.03);
	--progress-background-color: rgba(0, 0, 0, 0.075);
	--border-lines: 1px solid rgba(0, 0, 0, 0.2);
	font-size: 1.02rem;
	width: 32rem;
	height: 2.75em;
	font-family: "Diatype Variable";
	font-style: normal;
	font-weight: 400;
	font-variation-settings: 'slnt' 0, 'MONO' 0;
	line-height: normal;
	letter-spacing: 0em;
	margin-bottom: 0.5em;
	border-radius: 10em;
}

audio-player::part(button) {
	--icon-color: rgba(0, 0, 0, 0.85);
	--icon-size: 32%;
	--play-text: '';
	--pause-text: '';
	width: 3.15em;
	display: inline-flex;
	justify-content: center;
	cursor: pointer;
}

audio-player::part(play-icon) {
	padding-left: 0.6em;
}

audio-player::part(pause-icon) {
	padding-left: 0.4em;
}

audio-player::part(progress-indicator) {
	border-right: 1px solid rgba(0, 0, 0, 0);
	height: 100%;
	cursor: ew-resize;
}

audio-player::part(separator) {
	border-right: var(--border-lines);
}

body.mobile audio-player {
	max-width: 100%;
}

.mobile .content {
}

media-item {
	--scroll-animation: scrollTransitionFadeUp-3;
	--scroll-animation-mode: transition;
	--scroll-animation-transition-duration: 1000ms;
	--scroll-animation-timing: cubic-bezier(0.45,0.05,0.33,1);
}

@keyframes scrollTransitionFadeUp-3 { 
    0% { opacity: 0; transform: translateY(50px); }
    25% { opacity: 1; transform: translateY(0vh); }
}

/* --- Homepage — Desktop --- */
[id="Z2116887359"] .page-layout {
	align-items: flex-start;
	padding: 1rem;
	max-width: 72%;
}

[id="Z2116887359"].page {
	justify-content: flex-end;
	min-height: auto;
}

[id="Z2116887359"] .page-content {
	text-align: left;
	padding: 5rem;
}

/* --- Image Nav — Mobile --- */
[id="X2292480083"] .page-content {
}

/* --- Top Nav — Mobile --- */
[id="P0247037352"] .page-layout {
	max-width: 15%;
	padding: 0rem;
}

[id="P0247037352"].page {
	justify-content: flex-start;
}

[id="P0247037352"] .page-content {
	background-color: #ffffff;
	padding: 0rem;
}

/* --- Left Nav — Desktop --- */
[id="L1192837497"] .page-layout {
	max-width: 19.2%;
	padding: 2rem;
}

[id="L1192837497"].page {
	justify-content: flex-start;
	min-height: var(--viewport-height);
}

[id="L1192837497"] .page-content {
	padding: 1rem;
	align-items: flex-start;
}

/* --- Bottom Nav — Mobile copy --- */
[id="B1072365829"] .page-layout {
	max-width: 15%;
	padding: 0rem;
}

[id="B1072365829"].page {
	justify-content: flex-start;
}

[id="B1072365829"] .page-content {
	background-color: #ffffff;
	padding: 0rem;
}

/* --- Knotboard --- */
[id="V1695500895"].page {
	justify-content: flex-end;
	min-height: var(--viewport-height);
}

[id="V1695500895"] .page-layout {
	max-width: 72%;
	padding: 2rem;
	align-items: flex-end;
}

[id="V1695500895"] .page-content {
	background-color: #ffffff;
	border-width: 0rem;
	border-style: solid;
	border-radius: 2rem;
	box-shadow: 0rem 0rem 2rem 0rem rgba(0, 0, 0, 0.25);
	padding-top: 2rem;
	padding-bottom: 2rem;
	padding-right: 5rem;
	padding-left: 5rem;
	align-items: flex-end;
}

/* --- ReelShort Casting System --- */
[id="O4158167021"].page {
	justify-content: flex-end;
}

[id="O4158167021"] .page-layout {
	max-width: 72%;
	padding: 2rem;
}

[id="O4158167021"] .page-content {
	background-color: #ffffff;
	box-shadow: 0rem 0rem 2rem 0rem rgba(0, 0, 0, 0.25);
	padding: 4rem;
	border-width: 0rem;
	border-style: solid;
	border-radius: 2rem;
}

/* --- Cave Song --- */
[id="I0266811399"].page {
	justify-content: flex-end;
}

[id="I0266811399"] .page-layout {
	max-width: 72%;
	padding: 2rem;
}

[id="I0266811399"] .page-content {
	background-color: #ffffff;
	border-width: 0rem;
	border-style: solid;
	border-radius: 2rem;
	box-shadow: 0rem 0rem 1rem 0rem rgba(0, 0, 0, 0.25);
	padding: 4rem;
	padding-top: 3rem;
	padding-right: 5rem;
	padding-bottom: 3rem;
	padding-left: 5rem;
}

/* --- Somniloquy --- */
[id="L2345769634"].page {
	justify-content: flex-end;
}

[id="L2345769634"] .page-layout {
	padding: 2rem;
	max-width: 65%;
}

[id="L2345769634"] .page-content {
	background-color: #ffffff;
	border-width: 0rem;
	border-style: solid;
	border-radius: 2rem;
	padding: 4rem;
	box-shadow: 0rem 0rem 2rem 1rem rgba(0, 0, 0, 0.25);
}

/* --- Knitted Nature --- */
[id="B2668251864"].page {
	justify-content: flex-end;
	min-height: var(--viewport-height);
}

[id="B2668251864"] .page-layout {
	max-width: 65%;
	padding: 1rem;
}

[id="B2668251864"] .page-content {
	background-color: #ffffff;
	padding: 2rem;
	align-items: flex-start;
	border-width: 1rem;
	border-color: rgba(255, 255, 255, 0.85);
	border-style: solid;
	border-radius: 0rem;
	box-shadow: 0rem 0rem 0.5rem 0rem rgba(0, 0, 0, 0.25);
	border-top-left-radius: 2rem;
	border-top-right-radius: 2rem;
}

/* --- New York Fashion Week FW26 --- */
[id="F2808170720"].page {
	justify-content: flex-end;
}

[id="F2808170720"] .page-content {
	border-width: 0rem;
	border-style: solid;
	border-radius: 0rem;
	border-top-left-radius: 2rem;
	border-top-right-radius: 2rem;
	border-color: #ffffff;
	box-shadow: 1rem 1rem 2rem 0rem rgba(0, 0, 0, 0.25);
	background-color: #ffffff;
	padding: 4rem;
}

[id="F2808170720"] .page-layout {
	max-width: 68%;
	padding: 2rem;
}

/* --- Vibe Painting --- */
[id="T4133279435"].page {
	justify-content: flex-end;
}

[id="T4133279435"] .page-layout {
	max-width: 64%;
	padding: 2rem;
}

[id="T4133279435"] .page-content {
	background-color: #ffffff;
	border-width: 0rem;
	border-style: solid;
	border-radius: 2rem;
	box-shadow: 0rem 0rem 1rem 0rem rgba(0, 0, 0, 0.25);
	border-bottom-left-radius: 0rem;
	padding: 2rem;
}

/* --- Jackery Brand Campaign --- */
[id="L0156257995"].page {
	justify-content: flex-end;
}

[id="L0156257995"] .page-layout {
	padding: 2rem;
	max-width: 68%;
}

[id="L0156257995"] .page-content {
	background-color: #ffffff;
	box-shadow: 0rem 0rem 2rem 0rem rgba(0, 0, 0, 0.25);
	border-width: 0rem;
	border-style: solid;
	border-radius: 2rem;
}

/* --- Work --- */
[id="T3057851291"] .page-layout {
	max-width: 64%;
}

[id="T3057851291"].page {
	justify-content: flex-end;
}

[id="T3057851291"] .page-content {
	padding: 2rem;
}

/* --- About --- */
[id="B2652448467"].page {
	justify-content: flex-end;
}

[id="B2652448467"] .page-layout {
	padding: 1rem;
	max-width: 75%;
}

[id="B2652448467"] .page-content {
}

/* --- Menu --- */
[id="N1895072596"].page {
	justify-content: flex-end;
}

[id="N1895072596"] .page-layout {
	padding: 2rem;
	max-width: 68%;
}

[id="N1895072596"] .page-content {
	padding: 5rem;
}

/* --- Project --- */
[id="E2638389155"].page {
	justify-content: flex-end;
}

[id="E2638389155"] .page-content {
	padding: 4rem;
	background-color: #ffffff;
}

[id="E2638389155"] .page-layout {
	padding: 0rem;
	max-width: 64%;
}
/* Thumbnail Index — Hover Title */

.thumbnail {
    position: relative;
}

/* Project title */
.thumbnail .title {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;

    opacity: 0;
    z-index: 2;

    color: white;
    text-align: center;

    transition: opacity 0.25s ease;
}

/* Show title on hover */
.thumbnail:hover .title {
    opacity: 1;
}

/* Image transition */
.thumbnail img {
    transition: filter 0.25s ease;
}

/* Slightly darken image */
.thumbnail:hover img {
    filter: brightness(70%);
}

/* --- Mindspace --- */
[id="A3793488967"].page {
	justify-content: flex-end;
}

[id="A3793488967"] .page-layout {
	padding: 2rem;
	max-width: 68%;
}

/* --- A Meditation Practice --- */
[id="C3076359305"].page {
	justify-content: flex-end;
}

[id="C3076359305"] .page-layout {
	max-width: 68%;
	padding: 2rem;
}

/* --- Artificial Appetite --- */
[id="P3949005827"].page {
	justify-content: flex-end;
}

[id="P3949005827"] .page-layout {
	max-width: 68%;
	padding: 2rem;
}

/* --- List --- */
[id="W3784380984"].page {
	justify-content: flex-end;
}
a:hover {
    color: #7FAF8E;
}

/* --- A Semiotic Study on the I Ching --- */
[id="G3448313462"].page {
	justify-content: flex-end;
}

[id="G3448313462"] .page-layout {
	padding: 2rem;
	max-width: 68%;
}

[id="G3448313462"] .page-content {
}

/* --- Soft Form --- */
[id="J2564250475"].page {
	justify-content: flex-end;
}

[id="J2564250475"] .page-layout {
	padding: 2rem;
	max-width: 68%;
}

/* --- The Church Daughter --- */
[id="U2346423725"].page {
	justify-content: flex-end;
}

[id="U2346423725"] .page-layout {
	padding: 2rem;
	max-width: 68%;
}

/* --- The Museum of Unmourned Things --- */
[id="C3066820907"].page {
	min-height: var(--viewport-height);
	justify-content: flex-end;
}

[id="C3066820907"] .page-content {
	align-items: flex-start;
}

[id="C3066820907"] .page-layout {
	padding: 2rem;
	max-width: 68%;
}

/* --- Yugua Island --- */
[id="D0657258712"] .page-content {
	padding: 6rem;
	align-items: flex-start;
}

[id="D0657258712"].page {
	min-height: var(--viewport-height);
	justify-content: flex-end;
}

[id="D0657258712"] .page-layout {
	padding: 2rem;
}

/* --- Vacuum World --- */
[id="N0040932085"] .page-content {
	align-items: flex-start;
	border-width: 0rem;
	border-color: rgba(0,0,0,.85);
	border-style: solid;
	padding: 6rem;
}

[id="N0040932085"].page {
	min-height: var(--viewport-height);
	justify-content: flex-end;
}

[id="N0040932085"] .page-layout {
	padding: 2rem;
}

/* --- Oasis --- */
[id="X0211275812"].page {
	justify-content: flex-end;
}

[id="X0211275812"] .page-layout {
	padding: 2rem;
}

[id="X0211275812"] .page-content {
}

/* --- ReelShort Addendum Studio --- */
[id="R0000ADDNDM"].page {
	justify-content: flex-end;
	min-height: var(--viewport-height);
}
[id="R0000ADDNDM"] .page-layout {
	max-width: 72%;
	padding: 2rem;
	align-items: flex-end;
}
[id="R0000ADDNDM"] .page-content {
	background-color: #ffffff;
	border-radius: 2rem;
	box-shadow: 0rem 0rem 2rem 0rem rgba(0, 0, 0, 0.25);
	padding: 2rem 5rem;
}
[id="R0000ADDNDM"] h2 { margin: .4rem 0 0; }
[id="R0000ADDNDM"] .caption { display: inline-block; }

/* pipeline */
.adx-pipe { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: .5rem; margin: .5rem 0 .6rem; }
.adx-pipe > div { border: 0.1rem solid rgba(0,0,0,.18); border-radius: 1rem; padding: .7rem .7rem .9rem; font-size: 0.8075rem; line-height: 1.25; min-height: 5.6rem; background: #fff; }
.adx-pipe i { display: block; font-style: normal; font-size: 0.612rem; color: rgba(0,0,0,.45); margin-bottom: .35rem; letter-spacing: .02em; }
.adx-pipe .hot { background: #e6e6e6; color: #111; border-color: #e6e6e6; }
.adx-pipe .hot i { color: rgba(0,0,0,.5); }

/* sheet */
.adx-sheet { overflow-x: auto; border-radius: 1.5rem; border: 0.1rem solid rgba(0,0,0,.12); filter: drop-shadow(0.1rem 0.1rem 0.5rem rgba(0,0,0,.12)); background: #fff; margin: .4rem 0 .6rem; }
.adx-sheet table { border-collapse: collapse; width: 100%; font-size: 0.663rem; line-height: 1.35; min-width: 52rem; }
.adx-sheet th, .adx-sheet td { border-bottom: 0.07rem solid rgba(0,0,0,.08); padding: .45rem .55rem; text-align: left; white-space: nowrap; font-weight: 300; }
.adx-sheet thead th { font-weight: 500; color: rgba(0,0,0,.6); background: #f6f6f4; }
.adx-sheet .dept td { background: #e6e6e6; color: #111; font-weight: 500; letter-spacing: .06em; font-size: 0.595rem; }
.adx-sheet .terms { white-space: normal; min-width: 13rem; background: #f0f0f0; }
.adx-sheet .hl { background: #f0f0f0; }
.adx-sheet .m { text-align: right; font-variant-numeric: tabular-nums; }
.adx-sheet .ok { color: #2d7a4c; } .adx-sheet .se { color: #b8620f; } .adx-sheet .na { color: rgba(0,0,0,.35); }

/* parse */
.adx-parse { display: grid; grid-template-columns: 1fr 2.5rem 1.25fr; gap: 1rem; align-items: center; margin: .3rem 0; }
.adx-parse .raw { background: #f0f0f0; border-radius: 1.5rem; padding: 1.2rem 1.4rem; font-size: 0.8925rem; line-height: 1.7; }
.adx-parse .raw u { text-decoration: none; border-bottom: 0.15rem solid; padding-bottom: .05rem; }
.adx-parse .arr { font-size: 1.7rem; text-align: center; color: rgba(0,0,0,.4); }
.adx-parse .fields { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; }
.adx-parse .fields > div { border: 0.1rem solid rgba(0,0,0,.15); border-radius: 1rem; padding: .7rem .9rem; font-size: 0.9775rem; font-variant-numeric: tabular-nums; }
.adx-parse small { display: block; font-size: 0.612rem; color: rgba(0,0,0,.5); }
.adx-parse .c1 { border-left: 0.35rem solid #9d3434 !important; } .adx-parse u.c1 { border-color: #9d3434; color: #9d3434; }
.adx-parse .c2 { border-left: 0.35rem solid #0066ff !important; } .adx-parse u.c2 { border-color: #0066ff; color: #0055cc; }
.adx-parse .c3 { border-left: 0.35rem solid #2d7a4c !important; } .adx-parse u.c3 { border-color: #2d7a4c; color: #2d7a4c; }
.adx-parse .c4 { border-left: 0.35rem solid #b5b5b5 !important; } .adx-parse u.c4 { border-color: #b5b5b5; }

/* OT bands */
.adx-bands { display: grid; grid-template-columns: 7rem 1fr; gap: .6rem 1rem; align-items: center; margin: .4rem 0 1rem; font-size: 0.765rem; }
.adx-bands .tr { display: flex; height: 2.3rem; border-radius: 1.2rem; overflow: hidden; }
.adx-bands .tr i { font-style: normal; display: flex; align-items: center; justify-content: center; font-size: 0.663rem; white-space: nowrap; }
.adx-bands .b1 { background: #f2f2f2; color: rgba(0,0,0,.7); } .adx-bands .b15 { background: #9d3434; color: #fff; } .adx-bands .b2 { background: #d9d9d9; color: #111; }
.adx-bands .ax { display: flex; justify-content: space-between; font-size: 0.595rem; color: rgba(0,0,0,.4); }
.adx-bands .ax em { font-style: normal; }
.adx-calc { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .6rem; }
.adx-calc > div { border: 0.1rem solid rgba(0,0,0,.15); border-radius: 1rem; padding: .7rem .9rem; font-size: 0.8075rem; font-variant-numeric: tabular-nums; }
.adx-calc small { display: block; font-size: 0.612rem; color: rgba(0,0,0,.5); margin-bottom: .2rem; }
.adx-calc .res { background: #e6e6e6; color: #111; border-color: #e6e6e6; } .adx-calc .res small { color: rgba(0,0,0,.5); }

/* metrics */
.adx-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 0.1rem solid #000; margin: .8rem 0 1.6rem; }
.adx-metrics > div { padding: 1rem 1rem 0 0; }
.adx-metrics b { display: block; font-size: 2.55rem; font-weight: 300; line-height: 1; letter-spacing: -.02em; }
.adx-metrics span { display: block; margin-top: .5rem; font-size: 0.765rem; color: rgba(0,0,0,.55); line-height: 1.35; }

.mobile .adx-pipe { grid-template-columns: repeat(2, 1fr); }
.mobile .adx-parse, .mobile .adx-calc, .mobile .adx-metrics { grid-template-columns: 1fr 1fr; }
.mobile .adx-parse .arr { display: none; }
.mobile .adx-parse .raw { grid-column: 1 / -1; }
.mobile .adx-pipe > div, .mobile .adx-parse .raw, .mobile .adx-calc > div { font-size: 0.4675rem; }
.mobile .adx-metrics b { font-size: 1.19rem; } .mobile .adx-metrics span, .mobile .adx-bands { font-size: 0.425rem; }


/* --- Selection 1 --- */
[id="AIGCSEL0001"].page {
	justify-content: flex-end;
}

[id="AIGCSEL0001"] .page-layout {
	max-width: 68%;
	padding: 2rem;
}

/* --- Selection 2 --- */
[id="AIGCSEL0002"].page {
	justify-content: flex-end;
}

[id="AIGCSEL0002"] .page-layout {
	padding: 2rem;
	max-width: 68%;
}

/* --- Selection 3 --- */
[id="AIGCSEL0003"].page {
	justify-content: flex-end;
}

[id="AIGCSEL0003"] .page-layout {
	max-width: 68%;
	padding: 2rem;
}

/* --- YI 易 · Daily Guidance --- */
[id="R00000YIAPP"].page {
	justify-content: flex-end;
	min-height: var(--viewport-height);
}
[id="R00000YIAPP"] .page-layout {
	max-width: 72%;
	padding: 2rem;
	align-items: flex-end;
}
[id="R00000YIAPP"] .page-content {
	background-color: #ffffff;
	border-radius: 2rem;
	box-shadow: 0rem 0rem 2rem 0rem rgba(0, 0, 0, 0.25);
	padding: 2rem 5rem;
}
[id="R00000YIAPP"] h2 { margin: .4rem 0 0; }
[id="R00000YIAPP"] .caption { display: inline-block; }

/* live prototype */
.yix-live { display: grid; grid-template-columns: auto 1fr; gap: 3rem; align-items: center; background: #ffffff; border-radius: 2rem; padding: 3rem 4rem; }
.yix-phone { width: 302px; height: 650px; border-radius: 46px; background: #000; padding: 8px; overflow: hidden; box-shadow: 0 0 0 .1rem #3a3a3a, 0 2rem 4rem -1rem rgba(0,0,0,.4); }
.yix-phone iframe { width: 390px; height: 844px; border: 0; display: block; background: #000; zoom: .7385; border-radius: 52px; }
.yix-livecap { font-size: 0.85rem; line-height: 1.5; color: rgba(0,0,0,.65); max-width: 22rem; }
.yix-livecap b { color: #000; font-weight: 500; }

/* 2 → 8 → 64 ladder */
.yix-ladder { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .6rem; margin: .8rem 0 .5rem; }
.yix-ladder > div { border: 0.1rem solid rgba(0,0,0,.18); border-radius: 1.2rem; padding: 1rem 1.1rem; }
.yix-ladder i { display: block; font-style: normal; font-size: 2.21rem; font-weight: 300; line-height: 1; letter-spacing: -.02em; }
.yix-ladder b { display: block; font-weight: 500; margin-top: .4rem; }
.yix-ladder span { display: block; font-size: 0.68rem; color: rgba(0,0,0,.5); margin-top: .2rem; }
.yix-ladder .hot { background: #000; color: #f2efe8; border-color: #000; }
.yix-ladder .hot span { color: rgba(242,239,232,.6); }

/* cards */
.yix-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; margin: .6rem 0; }
.yix-cards.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.yix-cards > div { border: 0.1rem solid rgba(0,0,0,.15); border-radius: 1.2rem; padding: 1rem 1.2rem 1.2rem; font-size: 0.8075rem; line-height: 1.45; color: rgba(0,0,0,.65); }
.yix-cards i { display: block; font-style: normal; font-size: 0.612rem; letter-spacing: .08em; text-transform: uppercase; color: rgba(0,0,0,.4); margin-bottom: .5rem; }
.yix-cards b { display: block; color: #000; font-weight: 500; font-size: 0.935rem; margin-bottom: .35rem; }
.yix-hmw { background: #000; color: #f2efe8; border-radius: 1.5rem; padding: 1.6rem 2rem; font-size: 1.275rem; line-height: 1.35; font-weight: 300; }

/* migration map */
.yix-map { overflow-x: auto; border-radius: 1.5rem; border: 0.1rem solid rgba(0,0,0,.12); background: #fff; margin: .4rem 0; }
.yix-map table { border-collapse: collapse; width: 100%; font-size: 0.765rem; line-height: 1.4; min-width: 46rem; }
.yix-map th, .yix-map td { border-bottom: 0.07rem solid rgba(0,0,0,.08); padding: .7rem .8rem; text-align: left; vertical-align: top; font-weight: 300; }
.yix-map thead th { font-weight: 500; color: rgba(0,0,0,.55); background: #f6f6f4; font-size: 0.663rem; letter-spacing: .04em; }
.yix-map td b { font-weight: 500; }
.yix-map td:nth-child(3) { white-space: nowrap; }
.yix-map td:nth-child(4) { color: rgba(0,0,0,.55); }
.yix-map .ar { color: rgba(0,0,0,.35); width: 1.5rem; }

/* cast values */
.yix-cast { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .6rem; margin: .4rem 0; }
.yix-cast > div { background: #000; color: #f2efe8; border-radius: 1.2rem; padding: 1rem 1.1rem; }
.yix-cast b { display: block; font-size: 2.04rem; font-weight: 300; line-height: 1; }
.yix-cast span { display: block; font-size: 0.7225rem; margin-top: .4rem; }
.yix-cast em { display: block; font-style: normal; font-size: 0.6375rem; color: #fff; text-shadow: 0 0 6px rgba(255,255,255,.85),0 0 16px rgba(255,255,255,.45); margin-top: .15rem; }

/* tokens */
.yix-tokens { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)) 1.6fr; gap: .6rem; margin: .4rem 0; }
.yix-tokens > div { border-radius: 1.2rem; padding: 1rem 1.1rem; font-size: 0.68rem; min-height: 6.5rem; display: flex; flex-direction: column; justify-content: space-between; border: 0.1rem solid rgba(0,0,0,.12); }
.yix-tokens b { font-weight: 500; font-size: 0.8075rem; }
.yix-tokens .type { background: #f6f6f4; color: rgba(0,0,0,.6); }

.mobile .yix-live { grid-template-columns: 1fr; padding: 1.5rem; justify-items: center; gap: 1rem; }
.mobile .yix-phone { display: none; }
.mobile .yix-livecap { font-size: 0.5525rem !important; max-width: none; }
.mobile .yix-cards b { font-size: 0.595rem; }
.mobile .yix-cards i { font-size: 0.3825rem; }
.mobile .yix-tokens > div { font-size: 0.425rem; min-height: 4rem; }
.mobile .yix-tokens b { font-size: 0.51rem; }
.mobile .yix-cast span, .mobile .yix-cast em { font-size: 0.4675rem; }
.mobile .yix-livecap, .mobile .yix-cards > div, .mobile .yix-map table, .mobile .yix-ladder span { font-size: 0.4675rem; }
.mobile .yix-ladder, .mobile .yix-cast, .mobile .yix-cards, .mobile .yix-cards.three { grid-template-columns: 1fr 1fr; }
.mobile .yix-tokens { grid-template-columns: 1fr 1fr; }
.mobile .yix-tokens .type { grid-column: 1 / -1; }
.mobile .yix-hmw { font-size: 0.68rem; padding: 1rem 1.2rem; }
.mobile .yix-ladder i, .mobile .yix-cast b { font-size: 1.19rem; }