.sorell-demo-10 {
	--d10-bg: #e9e5dd;
	--d10-ivory: #f3f0e9;
	--d10-paper: #f7f5f0;
	--d10-ink: #111;
	--d10-muted: #77736c;
	--d10-dark: #151515;
	--d10-accent: #e84a2a;
	background: var(--d10-bg);
	color: var(--d10-ink);
	font-family: Arial, "Helvetica Neue", sans-serif;
}

.sorell-demo-10 a,
.sorell-demo-10 a:hover,
.sorell-demo-10 a:focus {
	text-decoration: none;
}

.sorell-demo-10 .site-container,
.sorell-demo-10 .demo-10-shell {
	width: min(100% - 5.5rem, 1340px);
	max-width: 1340px;
	margin-inline: auto;
}

.sorell-demo-10 .site-header {
	position: relative;
	min-height: 94px;
	background: var(--d10-bg);
	border-bottom: 1px solid rgb(17 17 17 / 10%);
}

.sorell-demo-10 .site-header__inner { min-height: 94px; }
.sorell-demo-10 .site-branding { display: flex; align-items: baseline; }
.sorell-demo-10 .site-title { color: var(--d10-ink); font: 800 .88rem/1 Arial, "Helvetica Neue", sans-serif; letter-spacing: -.025em; text-transform: uppercase; }
.sorell-demo-10 .site-description { margin: 0 0 0 1.15rem; color: var(--d10-muted); font: 400 .58rem/1 monospace; letter-spacing: .08em; text-transform: uppercase; }
.sorell-demo-10 .primary-menu { gap: clamp(1.75rem, 3.2vw, 3.4rem); }
.sorell-demo-10 .primary-menu a { color: var(--d10-ink); font: 500 .58rem/1 monospace; letter-spacing: .12em; text-transform: uppercase; transition: color .2s ease; }
.sorell-demo-10 .primary-menu a:hover,
.sorell-demo-10 .primary-menu a:focus-visible { color: var(--d10-accent); }
.sorell-demo-10 .sorell-header-status { margin: 0 0 0 clamp(2rem, 7vw, 7rem); color: var(--d10-ink); font: 500 .56rem/1 monospace; letter-spacing: .07em; white-space: nowrap; text-transform: uppercase; }
.sorell-demo-10 .primary-navigation::first-letter { color: var(--d10-accent); }

@media (min-width: 1025px), (min-width: 701px) and (max-width: 1024px) and (orientation: landscape) {
	.sorell-demo-10 .primary-navigation { display: flex; align-items: center; }
}

@media (min-width: 1025px) and (max-width: 1150px) and (orientation: portrait) {
	.sorell-demo-10 .site-header__inner { gap: 1.5rem; }
	.sorell-demo-10 .site-title,
	.sorell-demo-10 .site-description { white-space: nowrap; }
	.sorell-demo-10 .primary-menu { flex-wrap: nowrap; gap: 1.25rem; }
	.sorell-demo-10 .primary-menu a { white-space: nowrap; }
	.sorell-demo-10 .sorell-header-status { display: none; }
}

@media (max-width: 700px), (min-width: 701px) and (max-width: 1024px) and (orientation: portrait) {
	.sorell-demo-10 .mobile-contact-link { display: none; }
}

.sorell-demo-10 .sorell-home__content > * { max-width: none; margin-block: 0; }
.sorell-demo-10 .site-main.sorell-home { padding-bottom: 0; }
.sorell-demo-10 .sorell-home__page { margin-bottom: 0; }
.sorell-demo-10 .entry-content { padding: 0; }
.sorell-demo-10 .demo-10-section { padding: clamp(5rem, 9vw, 9rem) 0; background: var(--d10-ivory); }
.sorell-demo-10 .demo-10-label { color: var(--d10-accent); font: 600 .62rem/1.2 monospace; letter-spacing: .04em; text-transform: uppercase; }
.sorell-demo-10 .demo-10-title { margin: .8rem 0 2.5rem; font-size: clamp(2rem, 3.2vw, 3.35rem); line-height: 1; letter-spacing: -.035em; text-transform: uppercase; }
.sorell-demo-10 .demo-10-meta,
.sorell-demo-10 .demo-10-meta p { color: var(--d10-muted); font: 400 .61rem/1.65 monospace; letter-spacing: .025em; text-transform: uppercase; }
.sorell-demo-10 figure { margin: 0; overflow: hidden; }
.sorell-demo-10 figure img { display: block; width: 100%; height: 100%; object-fit: cover; }
.sorell-demo-10 :is(
	.demo-10-hero__stage,
	.demo-10-hero__facts,
	.demo-10-intro__grid,
	.demo-10-project__head,
	.demo-10-arc__grid,
	.demo-10-arc__details,
	.demo-10-luma__grid,
	.demo-10-spec,
	.demo-10-frame__grid,
	.demo-10-process__head,
	.demo-10-process__grid,
	.demo-10-testing__grid,
	.demo-10-materials__head,
	.demo-10-materials__grid,
	.demo-10-stack__grid,
	.demo-10-sketchbook__head,
	.demo-10-sketchbook__grid,
	.demo-10-sketchbook__right,
	.demo-10-lists__grid,
	.demo-10-list-row,
	.demo-10-about__grid,
	.demo-10-journal__head,
	.demo-10-journal__grid,
	.demo-10-contact__grid,
	.demo-10-contact__details
) > * { min-width: 0; margin-block: 0; }

.sorell-demo-10 .demo-10-hero { padding: 5rem 0 5.6rem; background: var(--d10-bg); text-align: center; }
.sorell-demo-10 .demo-10-hero__stage { position: relative; width: min(54vw, 700px); margin: 0 auto; }
.sorell-demo-10 .demo-10-hero__stage figure { aspect-ratio: 1; }
.sorell-demo-10 .demo-10-hero__side { position: absolute; top: .5rem; right: calc(100% + 4.5rem); width: 150px; text-align: left; }
.sorell-demo-10 .demo-10-hero__note { position: absolute; top: 8%; left: calc(100% + 1.5rem); width: 180px; padding-left: 1rem; border-left: 1px solid var(--d10-accent); text-align: left; }
.sorell-demo-10 .demo-10-hero h1 { width: 100%; max-width: none; margin: 3rem auto 1.35rem; font-size: clamp(3rem, 4.2vw, 4.2rem); line-height: .96; letter-spacing: -.045em; text-align: center; white-space: nowrap; text-transform: uppercase; }
.sorell-demo-10 .demo-10-hero__facts { display: flex; width: max-content; max-width: 100%; margin-inline: auto; align-items: center; justify-content: center; flex-wrap: nowrap; gap: 2.35rem; }
.sorell-demo-10 .demo-10-hero__facts > span { display: inline-block; width: auto; margin: 0; flex: 0 0 auto; white-space: nowrap; }

.sorell-demo-10 .demo-10-intro { padding: clamp(7.5rem, 10vw, 9rem) 0 clamp(8rem, 11vw, 10rem); background: var(--d10-bg); border-top: 1px solid rgb(17 17 17 / 10%); }
.sorell-demo-10 .demo-10-intro .demo-10-shell { width: min(100% - 5.5rem, 1640px); max-width: 1640px; }
.sorell-demo-10 .demo-10-intro__grid { display: grid; grid-template-columns: minmax(0, 3fr) minmax(210px, .9fr); gap: clamp(5rem, 9vw, 9rem); align-items: start; }
.sorell-demo-10 .demo-10-intro__statement { max-width: 980px; margin: 0; font-size: clamp(2.55rem, 3.55vw, 3.65rem); line-height: 1.13; letter-spacing: -.025em; }
.sorell-demo-10 .demo-10-intro__facts { display: grid; gap: 2rem; padding-top: .25rem; }

.sorell-demo-10 .demo-10-project { background: var(--d10-ivory); }
.sorell-demo-10 .demo-10-project__head { display: flex; justify-content: space-between; align-items: end; gap: 2rem; }
.sorell-demo-10 .demo-10-arc .demo-10-title a { color: var(--d10-ink); }
.sorell-demo-10 .demo-10-arc .demo-10-project__head > .demo-10-meta { margin: 0 0 2.5rem; }
.sorell-demo-10 .demo-10-arc .demo-10-shell { width: min(100% - 5.5rem, 1428px); max-width: 1428px; }
.sorell-demo-10 .demo-10-arc__grid { display: grid; grid-template-columns: minmax(0, 2.05fr) minmax(380px, 1fr); gap: 1.5rem; align-items: stretch; }
.sorell-demo-10 .demo-10-arc__main { display: block; width: 100%; min-width: 0; aspect-ratio: 1.5; overflow: hidden; }
.sorell-demo-10 .demo-10-arc__main figure { width: 100%; height: 100%; }
.sorell-demo-10 .demo-10-arc__details { display: grid; width: 100%; min-width: 0; height: auto; margin: 0; align-self: stretch; grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }
.sorell-demo-10 .demo-10-arc__details > figure { min-height: 0; margin: 0; }

.sorell-demo-10 .demo-10-luma .demo-10-shell { width: min(100% - 5.5rem, 1428px); max-width: 1428px; }
.sorell-demo-10 .demo-10-luma__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.58fr); gap: clamp(5rem, 6vw, 6.5rem); align-items: center; }
.sorell-demo-10 .demo-10-luma__copy { max-width: 520px; }
.sorell-demo-10 .demo-10-luma .demo-10-title { font-size: clamp(2rem, 2.4vw, 2.5rem); }
.sorell-demo-10 .demo-10-luma .demo-10-title a { color: var(--d10-ink); }
.sorell-demo-10 .demo-10-luma__copy > p:not(.demo-10-label) { font-size: 1.12rem; line-height: 1.75; letter-spacing: .012em; }
.sorell-demo-10 .demo-10-spec { display: grid; grid-template-columns: 1fr auto; gap: .7rem; margin-top: 2.5rem; padding: 1.2rem 0; border-block: 1px solid rgb(17 17 17 / 12%); }
.sorell-demo-10 .demo-10-luma__media { display: block; padding: clamp(4rem, 5vw, 5.25rem) clamp(4rem, 7vw, 7.5rem); background: var(--d10-paper); }
.sorell-demo-10 .demo-10-luma__media figure { aspect-ratio: 1; }

.sorell-demo-10 .demo-10-frame .demo-10-shell { width: min(100% - 5.5rem, 1428px); max-width: 1428px; }
.sorell-demo-10 .demo-10-frame .demo-10-title { font-size: clamp(2rem, 2.4vw, 2.5rem); }
.sorell-demo-10 .demo-10-frame .demo-10-title a { color: var(--d10-ink); }
.sorell-demo-10 .demo-10-frame__grid { display: grid; grid-template-columns: minmax(0, .48fr) minmax(0, 1fr); gap: 2rem; align-items: stretch; aspect-ratio: 2.44; }
.sorell-demo-10 .demo-10-frame__sketch { display: flex; padding: clamp(1.5rem, 2vw, 2.1rem); border: 1px solid rgb(17 17 17 / 13%); }
.sorell-demo-10 .demo-10-frame__sketch figure { width: 100%; height: 100%; }
.sorell-demo-10 .demo-10-frame__photo { display: block; height: 100%; overflow: hidden; }
.sorell-demo-10 .demo-10-frame__photo figure { width: 100%; height: 100%; }
.sorell-demo-10 .demo-10-frame__grid > .wp-block-group:only-child {
	min-height: 0;
	grid-column: 1 / -1;
}
.sorell-demo-10 .demo-10-frame__grid > .wp-block-group:only-child > .wp-block-gallery {
	display: grid;
	width: 100%;
	max-width: none;
	height: 100%;
	min-height: 0;
	grid-template-columns: minmax(0, .48fr) minmax(0, 1fr);
	gap: 2rem;
	overflow: hidden;
}
.sorell-demo-10 .demo-10-frame__grid > .wp-block-group:only-child > .wp-block-gallery > .wp-block-image {
	min-width: 100%;
	height: 100%;
	min-height: 0;
}

.sorell-demo-10 .demo-10-index { padding-bottom: 4rem; }
.sorell-demo-10 .demo-10-index .demo-10-shell { width: min(100% - 2.5rem, 1640px); max-width: 1640px; }
.sorell-demo-10 .demo-10-index table { width: 100%; border-collapse: collapse; font-size: .72rem; text-transform: uppercase; }
.sorell-demo-10 .demo-10-index th { padding: 1rem 0; border-bottom: 2px solid var(--d10-ink); font: 600 .55rem/1 monospace; letter-spacing: .08em; text-align: left; }
.sorell-demo-10 .demo-10-index td { padding: 1.4rem 0; border-bottom: 1px solid rgb(17 17 17 / 9%); color: var(--d10-muted); }
.sorell-demo-10 .demo-10-index td:first-child { width: 7%; color: var(--d10-accent); font-family: monospace; font-weight: 700; }
.sorell-demo-10 .demo-10-index td:nth-child(2) { width: 34%; color: var(--d10-ink); font-weight: 700; }
.sorell-demo-10 .demo-10-index td:last-child,
.sorell-demo-10 .demo-10-index th:last-child { text-align: right; }

.sorell-demo-10 .demo-10-process { background: var(--d10-bg); border-top: 1px solid rgb(17 17 17 / 10%); }
.sorell-demo-10 .demo-10-process .demo-10-shell { width: min(100% - 2.5rem, 1640px); max-width: 1640px; }
.sorell-demo-10 .demo-10-process__head { display: grid; grid-template-columns: 1fr 1fr; gap: 6vw; margin-bottom: 4rem; }
.sorell-demo-10 .demo-10-process__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1.5rem; align-items: stretch; }
.sorell-demo-10 .demo-10-process__item { display: flex; min-width: 0; padding: 1.25rem; flex-direction: column; background: var(--d10-paper); }
.sorell-demo-10 .demo-10-process__item figure { aspect-ratio: 1; margin: 1.3rem 0 2rem; }
.sorell-demo-10 .demo-10-process__item > :last-child { margin-top: auto; }

.sorell-demo-10 .demo-10-testing { padding: clamp(5rem, 8vw, 8rem) 0; background: var(--d10-dark); color: #fff; }
.sorell-demo-10 .demo-10-testing__grid { display: grid; grid-template-columns: .48fr 1fr; gap: 5vw; align-items: center; }
.sorell-demo-10 .demo-10-testing h2 { margin: 1.2rem 0 2.2rem; font-size: clamp(3rem, 5vw, 5.2rem); line-height: .94; letter-spacing: -.04em; text-transform: uppercase; }
.sorell-demo-10 .demo-10-testing figure { aspect-ratio: 1.45; }

.sorell-demo-10 .demo-10-materials { padding: 5rem 0; background: var(--d10-bg); }
.sorell-demo-10 .demo-10-materials .demo-10-shell { width: min(100% - 2.5rem, 1640px); max-width: 1640px; }
.sorell-demo-10 .demo-10-materials__head { display: flex; justify-content: space-between; margin-bottom: 3rem; }
.sorell-demo-10 .demo-10-materials__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1rem; }
.sorell-demo-10 .demo-10-material { min-width: 0; }
.sorell-demo-10 .demo-10-material figure { aspect-ratio: 1.45; margin-bottom: .8rem; }

.sorell-demo-10 .demo-10-stack { text-align: center; }
.sorell-demo-10 .demo-10-stack__intro { max-width: 650px; margin: 0 auto 3rem; }
.sorell-demo-10 .demo-10-stack .demo-10-title { margin-bottom: .5rem; }
.sorell-demo-10 .demo-10-stack .demo-10-title a { color: var(--d10-ink); }
.sorell-demo-10 .demo-10-stack__grid { display: grid; grid-template-columns: .46fr 1fr .46fr; gap: 2rem; align-items: stretch; text-align: left; }
.sorell-demo-10 .demo-10-stack__main { width: 100%; min-width: 0; aspect-ratio: 655 / 700; }
.sorell-demo-10 .demo-10-stack__main figure { width: 100%; height: 100%; }
.sorell-demo-10 .demo-10-stack__support { display: flex; min-width: 0; flex-direction: column; justify-content: space-between; }
.sorell-demo-10 .demo-10-stack__support figure { aspect-ratio: 1.15; }

@media (min-width: 769px) {
	.sorell-demo-10 .demo-10-stack__support { align-self: center; justify-content: flex-start; gap: 2.25rem; }
	.sorell-demo-10 .demo-10-stack__support:first-child { padding-left: 1rem; border-left: 1px solid var(--d10-accent); transform: translateY(-2rem); }
	.sorell-demo-10 .demo-10-stack__support:first-child figure { aspect-ratio: 1; }
	.sorell-demo-10 .demo-10-stack__support:last-child { gap: 1.5rem; transform: translateY(-.5rem); }
	.sorell-demo-10 .demo-10-stack__support:last-child figure { aspect-ratio: 315 / 192; }
	.sorell-demo-10 .demo-10-stack__support:last-child p { margin-top: 0; }
}

.sorell-demo-10 .demo-10-sketchbook { background: var(--d10-bg); }
.sorell-demo-10 .demo-10-sketchbook__head { display: flex; justify-content: space-between; align-items: center; }
.sorell-demo-10 .demo-10-sketchbook__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; align-items: stretch; }
.sorell-demo-10 .demo-10-sketchbook__left { display: flex; padding: 2.2rem; background: var(--d10-paper); }
.sorell-demo-10 .demo-10-sketchbook__left figure { width: 100%; height: 100%; }
.sorell-demo-10 .demo-10-sketchbook__right { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.sorell-demo-10 .demo-10-sketchbook__right figure { min-height: 0; }
.sorell-demo-10 .demo-10-sketchbook__right figure:last-child { grid-column: 1 / -1; }

.sorell-demo-10 .demo-10-lists { padding: 0 0 7rem; background: var(--d10-bg); }
.sorell-demo-10 .demo-10-lists__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 7vw; padding-top: 3rem; border-top: 1px solid rgb(17 17 17 / 12%); }
.sorell-demo-10 .demo-10-list-row { display: flex; justify-content: space-between; gap: 1rem; padding: 1rem 0; border-bottom: 1px solid rgb(17 17 17 / 10%); text-transform: uppercase; }
.sorell-demo-10 .demo-10-list-row strong { font-size: 1.05rem; }

.sorell-demo-10 .demo-10-about { border-top: 2rem solid #dfdcd4; }
.sorell-demo-10 .demo-10-about__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4.5rem; align-items: center; }
.sorell-demo-10 .demo-10-about figure { aspect-ratio: 1.15; }
@media (min-width: 769px) {
	.sorell-demo-10 .demo-10-about figure { height: 100%; aspect-ratio: auto; }
}
.sorell-demo-10 .demo-10-about__copy p:not(.demo-10-label) { max-width: 570px; font-size: 1rem; line-height: 1.78; letter-spacing: .012em; }

.sorell-demo-10 .demo-10-journal { background: var(--d10-bg); }
.sorell-demo-10 .demo-10-journal__head { display: flex; justify-content: space-between; align-items: center; }
.sorell-demo-10 .demo-10-journal__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; align-items: start; }
.sorell-demo-10 .demo-10-note { min-width: 0; }
.sorell-demo-10 .demo-10-note figure { aspect-ratio: 1.55; }
.sorell-demo-10 .demo-10-note h3 { margin: 1rem 0 .75rem; font-size: 1.35rem; line-height: 1.08; text-transform: uppercase; }
.sorell-demo-10 .demo-10-note p { color: var(--d10-muted); line-height: 1.7; letter-spacing: .012em; }

.sorell-demo-10 .demo-10-statement { display: grid; min-height: 630px; place-items: center; padding: 5rem 1.5rem; background: var(--d10-bg); border-top: 1px solid rgb(17 17 17 / 10%); text-align: center; }
.sorell-demo-10 .demo-10-statement h2 { margin: 0; font-size: clamp(4.2rem, 9vw, 9rem); line-height: .86; letter-spacing: -.045em; text-transform: uppercase; }
.sorell-demo-10 .demo-10-statement em { color: var(--d10-accent); }

.sorell-demo-10 .demo-10-contact { padding: clamp(5rem, 9vw, 9rem) 0; background: var(--d10-dark); color: #fff; }
.sorell-demo-10 .demo-10-contact__grid { display: grid; grid-template-columns: minmax(0, 1fr) 290px; gap: clamp(3rem, 7vw, 7rem); align-items: end; }
.sorell-demo-10 .demo-10-contact h2 { max-width: 850px; margin: 0 0 4rem; font-size: clamp(3.5rem, 5.5vw, 6rem); line-height: .97; letter-spacing: -.035em; text-transform: uppercase; }
.sorell-demo-10 .demo-10-contact__details { display: flex; gap: 5rem; padding-top: 1.5rem; border-top: 1px solid rgb(255 255 255 / 24%); }
.sorell-demo-10 .demo-10-contact__details a { color: #fff; font-size: 1.3rem; }
.sorell-demo-10 .demo-10-contact__cta { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.25rem 0; border-top: 1px solid #fff; border-bottom: 1px solid rgb(255 255 255 / 24%); color: #fff; font: 600 .8rem/1.4 monospace; letter-spacing: .18em; text-transform: uppercase; }
.sorell-demo-10 .demo-10-contact__cta span { font: 2rem/1 Arial, sans-serif; letter-spacing: 0; transition: transform .2s ease; }
.sorell-demo-10 .demo-10-contact__cta:hover span,
.sorell-demo-10 .demo-10-contact__cta:focus-visible span { transform: translateX(.35rem); }

.sorell-demo-10 .site-footer { background: var(--d10-bg); }
.sorell-demo-10 .demo-10-footer { display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: center; min-height: 115px; color: var(--d10-muted); font: 400 .55rem/1.5 monospace; letter-spacing: .05em; text-transform: uppercase; }
.sorell-demo-10 .demo-10-footer nav { display: flex; gap: 2rem; }
.sorell-demo-10 .demo-10-footer p { margin: 0; text-align: center; }
.sorell-demo-10 .demo-10-footer nav:last-child { justify-content: flex-end; }
.sorell-demo-10 .demo-10-footer a { color: inherit; }

@media (max-width: 1024px) {
	.sorell-demo-10 .sorell-header-status { display: none; }
	.sorell-demo-10 .demo-10-hero__side,
	.sorell-demo-10 .demo-10-hero__note { position: static; width: auto; margin-top: 1rem; }
	.sorell-demo-10 .demo-10-hero__note { text-align: left; }
	.sorell-demo-10 .demo-10-process__grid { grid-template-columns: repeat(3, 1fr); }
	.sorell-demo-10 .demo-10-stack__grid { grid-template-columns: .6fr 1.4fr .6fr; }
	.sorell-demo-10 .demo-10-contact__grid { gap: 4rem; }
}

@media (max-width: 768px) {
	.sorell-demo-10 .site-container,
	.sorell-demo-10 .demo-10-shell { width: min(100% - 2.5rem, 1340px); }
	.sorell-demo-10 .demo-10-arc .demo-10-shell,
	.sorell-demo-10 .demo-10-luma .demo-10-shell,
	.sorell-demo-10 .demo-10-frame .demo-10-shell,
	.sorell-demo-10 .demo-10-intro .demo-10-shell { width: min(100% - 2.5rem, 1340px); }
	.sorell-demo-10 .site-description { display: none; }
	.sorell-demo-10 .demo-10-hero__stage { display: flex; width: min(82vw, 700px); flex-direction: column; }
	.sorell-demo-10 .demo-10-hero__side { order: -1; margin-top: 0; margin-bottom: 1rem; }
	.sorell-demo-10 .demo-10-hero h1 { white-space: normal; }
	.sorell-demo-10 .demo-10-intro__grid,
	.sorell-demo-10 .demo-10-luma__grid,
	.sorell-demo-10 .demo-10-frame__grid,
	.sorell-demo-10 .demo-10-testing__grid,
	.sorell-demo-10 .demo-10-about__grid { grid-template-columns: 1fr; }
	.sorell-demo-10 .demo-10-arc__grid { grid-template-columns: 1fr; }
	.sorell-demo-10 .demo-10-arc__details { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
	.sorell-demo-10 .demo-10-arc__details figure { aspect-ratio: 1.45; }
	.sorell-demo-10 .demo-10-luma__grid { gap: 3rem; }
	.sorell-demo-10 .demo-10-luma__media { padding: clamp(2rem, 9vw, 4rem); }
	.sorell-demo-10 .demo-10-frame__grid { aspect-ratio: auto; }
	.sorell-demo-10 .demo-10-frame__grid > .wp-block-group:only-child > .wp-block-gallery {
		height: auto;
		grid-template-columns: 1fr;
	}
	.sorell-demo-10 .demo-10-frame__grid > .wp-block-group:only-child > .wp-block-gallery > .wp-block-image {
		height: auto;
		aspect-ratio: 1.45;
	}
	.sorell-demo-10 .demo-10-frame__sketch { min-height: 0; }
	.sorell-demo-10 .demo-10-frame__sketch figure { aspect-ratio: 1; }
	.sorell-demo-10 .demo-10-process__grid { grid-template-columns: repeat(2, 1fr); }
	.sorell-demo-10 .demo-10-materials__grid { grid-template-columns: repeat(3, 1fr); }
	.sorell-demo-10 .demo-10-stack__grid { grid-template-columns: 1fr 1fr; }
	.sorell-demo-10 .demo-10-stack__main { grid-column: 1 / -1; grid-row: 1; }
	.sorell-demo-10 .demo-10-sketchbook__grid,
	.sorell-demo-10 .demo-10-lists__grid { grid-template-columns: 1fr; }
	.sorell-demo-10 .demo-10-journal__grid { grid-template-columns: 1fr; }
	.sorell-demo-10 .demo-10-contact__grid { grid-template-columns: 1fr 220px; }
	.sorell-demo-10 .demo-10-contact__details { gap: 2.5rem; }
	.sorell-demo-10 .demo-10-footer { grid-template-columns: minmax(0, 1fr); gap: 1rem; padding-block: 2rem; }
	.sorell-demo-10 .demo-10-footer nav,
	.sorell-demo-10 .demo-10-footer nav:last-child { justify-content: center; }
}

@media (min-width: 541px) and (max-width: 1024px) and (orientation: portrait) {
	.sorell-demo-10 .demo-10-hero,
	.sorell-demo-10 .demo-10-intro,
	.sorell-demo-10 .demo-10-section,
	.sorell-demo-10 .demo-10-testing,
	.sorell-demo-10 .demo-10-materials,
	.sorell-demo-10 .demo-10-contact { padding-block: 3.5rem; }
	.sorell-demo-10 .demo-10-lists { padding-bottom: 3.5rem; }
	.sorell-demo-10 .demo-10-statement { min-height: 480px; padding-block: 3.5rem; }
}

@media (min-width: 541px) and (max-width: 768px) and (orientation: portrait) {
	.sorell-demo-10 .demo-10-materials__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
	.sorell-demo-10 .demo-10-material { grid-column: span 2; }
	.sorell-demo-10 .demo-10-material:nth-last-child(-n+2) { grid-column: span 3; }
	.sorell-demo-10 .demo-10-process__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
	.sorell-demo-10 .demo-10-process__item { grid-column: span 2; }
	.sorell-demo-10 .demo-10-process__item:nth-last-child(-n+2) { grid-column: span 3; }
}

@media (max-width: 540px) {
	.sorell-demo-10 .site-main.sorell-home { padding-top: 0; }
	.sorell-demo-10 .demo-10-project__head,
	.sorell-demo-10 .demo-10-process__head,
	.sorell-demo-10 .demo-10-sketchbook__head,
	.sorell-demo-10 .demo-10-journal__head { display: block; }
	.sorell-demo-10 .demo-10-hero { padding-top: 1rem; }
	.sorell-demo-10 .demo-10-hero h1 { font-size: clamp(2.25rem, 9vw, 3rem); }
	.sorell-demo-10 .demo-10-hero { padding-bottom: 3rem; }
	.sorell-demo-10 .demo-10-intro,
	.sorell-demo-10 .demo-10-section,
	.sorell-demo-10 .demo-10-testing,
	.sorell-demo-10 .demo-10-materials,
	.sorell-demo-10 .demo-10-statement,
	.sorell-demo-10 .demo-10-contact { padding-block: 3rem; }
	.sorell-demo-10 .demo-10-lists { padding-bottom: 3rem; }
	.sorell-demo-10 .demo-10-lists__grid { padding-top: 2rem; }
	.sorell-demo-10 .demo-10-lists__grid > .wp-block-group > .demo-10-label { margin-bottom: 1rem; }
	.sorell-demo-10 .demo-10-list-row { display: grid; gap: .35rem; margin-block: 0; padding: .85rem 0; }
	.sorell-demo-10 .demo-10-list-row strong { font-size: .9rem; line-height: 1.3; }
	.sorell-demo-10 .demo-10-hero__facts { width: 100%; flex-direction: column; gap: .4rem; }
	.sorell-demo-10 .demo-10-intro__statement { font-size: 2.25rem; }
	.sorell-demo-10 .demo-10-arc__details,
	.sorell-demo-10 .demo-10-process__grid,
	.sorell-demo-10 .demo-10-materials__grid,
	.sorell-demo-10 .demo-10-stack__grid,
	.sorell-demo-10 .demo-10-sketchbook__right { grid-template-columns: 1fr; }
	.sorell-demo-10 .demo-10-arc__details,
	.sorell-demo-10 .demo-10-sketchbook__right { grid-template-rows: auto; }
	.sorell-demo-10 .demo-10-materials__grid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; }
	.sorell-demo-10 .demo-10-material { min-width: 72vw; scroll-snap-align: start; }
	.sorell-demo-10 .demo-10-index { overflow: visible; }
	.sorell-demo-10 .demo-10-index__table { overflow: visible; }
	.sorell-demo-10 .demo-10-index table { display: block; min-width: 0; }
	.sorell-demo-10 .demo-10-index thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
	.sorell-demo-10 .demo-10-index tbody { display: grid; }
	.sorell-demo-10 .demo-10-index tbody tr { display: grid; grid-template-columns: 2rem minmax(0, 1fr) auto; gap: .35rem .7rem; padding: 1rem 0; border-bottom: 1px solid rgb(17 17 17 / 12%); }
	.sorell-demo-10 .demo-10-index td { width: auto; padding: 0; border: 0; font-size: .68rem; line-height: 1.4; }
	.sorell-demo-10 .demo-10-index td:first-child { grid-column: 1; grid-row: 1; width: auto; }
	.sorell-demo-10 .demo-10-index td:nth-child(2) { grid-column: 2; grid-row: 1; width: auto; font-size: .78rem; }
	.sorell-demo-10 .demo-10-index td:nth-child(3) { grid-column: 2; grid-row: 2; }
	.sorell-demo-10 .demo-10-index td:nth-child(4) { grid-column: 2 / -1; grid-row: 3; }
	.sorell-demo-10 .demo-10-index td:last-child { grid-column: 3; grid-row: 1; }
	.sorell-demo-10 .demo-10-stack__main,
	.sorell-demo-10 .demo-10-sketchbook__right figure:last-child { grid-column: auto; }
	.sorell-demo-10 .demo-10-contact__grid { grid-template-columns: 1fr; }
	.sorell-demo-10 .demo-10-contact__details { flex-direction: column; gap: 1.5rem; }
	.sorell-demo-10 .demo-10-contact__cta { width: 100%; }
	.sorell-demo-10 .demo-10-statement { min-height: 430px; }
	.sorell-demo-10 .demo-10-statement h2,
	.sorell-demo-10 .demo-10-contact h2 { font-size: clamp(2rem, 9vw, 2.6rem); }
	.sorell-demo-10 .demo-10-contact__details a { font-size: .9rem; }
}

/* Shared blog index — Demo 10 visual identity. */
body:is(.blog, .single-post, .archive, .search, .error404, .page):not(.home).sorell-demo-10 {
	--journal-background: var(--d10-bg);
	--journal-surface: var(--d10-ivory);
	--journal-text: var(--d10-ink);
	--journal-heading: var(--d10-ink);
	--journal-muted: var(--d10-muted);
	--journal-border: rgba(17, 17, 17, .18);
	--journal-accent: var(--d10-accent);
	--journal-accent-contrast: var(--d10-paper);
	--journal-heading-weight: 800;
	--journal-title-weight: 700;
	--journal-title-transform: uppercase;
	--journal-image-filter: saturate(.82) contrast(1.04);
}

@media (max-width: 520px) {
	.sorell-demo-10 .sorell-home__content,
	.sorell-demo-10 .sorell-home__content > *,
	.sorell-demo-10 .d10-hero,
	.sorell-demo-10 .d10-hero > * {
		min-width: 0;
		max-width: 100%;
	}

	.sorell-demo-10 .d10-hero figure {
		width: calc(100% - 2rem);
		max-width: 100%;
		margin-inline: auto;
	}

	.sorell-demo-10 .d10-hero img {
		width: 100%;
		max-width: 100%;
	}

	.sorell-demo-10 .d10-hero__meta,
	.sorell-demo-10 .d10-hero__detail {
		max-width: 100%;
		white-space: normal;
	}

	.sorell-demo-10 .d10-hero h1 {
		max-width: 100%;
		font-size: clamp(2.25rem, 12vw, 3rem);
		line-height: .95;
	}
}

/* Motion — "Joinery": almost still. Long calm fades, details rise 6 px after the object, a barely-there zoom inside clipped frames. */
.sorell-demo-10 { --motion-duration: 1s; --motion-ease: cubic-bezier(.25, .1, .25, 1); --motion-distance: 6px; }
.sorell-demo-10 .demo-10-arc__main img,
.sorell-demo-10 .demo-10-frame__photo img { transition: transform .8s cubic-bezier(.25, .1, .25, 1); }
@media (hover: hover) and (pointer: fine) {
	.sorell-demo-10 .demo-10-arc__main:hover img,
	.sorell-demo-10 .demo-10-frame__photo:hover img { transform: scale(1.015); }
}
@media (prefers-reduced-motion: reduce) {
	.sorell-demo-10 .demo-10-arc__main img,
	.sorell-demo-10 .demo-10-frame__photo img { transition: none; }
	.sorell-demo-10 .demo-10-arc__main:hover img,
	.sorell-demo-10 .demo-10-frame__photo:hover img { transform: none; }
}