feat(about): wire bio portraits, swap images, circular frame, widen pull-quote
Portraits (1365 square) rendered as circles via border-radius:50%; parallax tamed to fit. Process figure swapped to dd-mixer-2; Home Our Origin split swapped to dd-pedals. Pull-quote widened 22ch to 44ch.
This commit is contained in:
@@ -272,16 +272,17 @@
|
||||
|
||||
.bio-portrait {
|
||||
width: 100%;
|
||||
aspect-ratio: 1 / 1;
|
||||
overflow: hidden;
|
||||
border: 1px solid var(--deepdrft-border);
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
/* Graceful-degrade slot shown until a portrait file lands. A flat tonal panel in
|
||||
the navy family with the site's portrait aspect precedent (1365×2048). */
|
||||
the navy family, matching the circular portrait frame. */
|
||||
.bio-portrait-placeholder {
|
||||
width: 100%;
|
||||
aspect-ratio: 1365 / 2048;
|
||||
max-height: 56vh;
|
||||
aspect-ratio: 1 / 1;
|
||||
background:
|
||||
linear-gradient(160deg,
|
||||
color-mix(in srgb, var(--deepdrft-navy) 8%, var(--deepdrft-white)) 0%,
|
||||
@@ -480,7 +481,7 @@
|
||||
.pull-quote {
|
||||
margin: 0;
|
||||
margin-left: -7rem;
|
||||
max-width: 22ch;
|
||||
max-width: 44ch;
|
||||
}
|
||||
|
||||
.pull-eyebrow {
|
||||
|
||||
Reference in New Issue
Block a user