156 lines
3.2 KiB
CSS
156 lines
3.2 KiB
CSS
@media print {
|
|
:root {
|
|
color-scheme: light;
|
|
--text: #121820;
|
|
--text-muted: #374151;
|
|
--cyan: #0e5c72;
|
|
--surface: #fff;
|
|
--line: #8b98a5;
|
|
}
|
|
|
|
html,
|
|
body {
|
|
background: #fff;
|
|
color: var(--text);
|
|
}
|
|
|
|
.skip-link,
|
|
.site-navigation,
|
|
[data-decorative-world],
|
|
[data-scene-control] {
|
|
display: none !important;
|
|
}
|
|
|
|
.portfolio-shell,
|
|
.site-header,
|
|
.portfolio-main,
|
|
.hero-journey,
|
|
.site-footer {
|
|
display: block;
|
|
padding: 0;
|
|
border: 0;
|
|
background: transparent;
|
|
}
|
|
|
|
.hero-journey {
|
|
margin-block-end: 1.5rem;
|
|
min-block-size: 0;
|
|
}
|
|
|
|
.hero-journey__content {
|
|
display: block;
|
|
inline-size: 100%;
|
|
padding: 0;
|
|
border: 0;
|
|
background: transparent;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.hero-journey__content > * + * {
|
|
margin-block-start: 0.4rem;
|
|
}
|
|
|
|
.hero-journey__actions,
|
|
.operations-proof {
|
|
display: block;
|
|
}
|
|
|
|
.operations-proof {
|
|
margin-block-start: 1rem;
|
|
padding-block-start: 1rem;
|
|
}
|
|
|
|
.operations-proof > * + * {
|
|
margin-block-start: 0.6rem;
|
|
}
|
|
|
|
.print-portfolio-label {
|
|
display: block;
|
|
margin-block: 0.25rem 1rem;
|
|
color: var(--text-muted);
|
|
font-family: var(--mono);
|
|
font-size: 0.9rem;
|
|
font-weight: 650;
|
|
letter-spacing: 0.08em;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.portfolio-section,
|
|
.portfolio-section[data-layout] {
|
|
width: 100%;
|
|
margin: 0 0 1.25rem;
|
|
padding: 0 0 1.25rem;
|
|
break-inside: avoid;
|
|
border: 0;
|
|
border-block-end: 1px solid var(--line);
|
|
border-radius: 0;
|
|
background: transparent;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.portfolio-section[data-layout='project-stage'] > h2,
|
|
.portfolio-section[data-layout='project-stage'] > .section-eyebrow,
|
|
.project-case-study,
|
|
.project-case-study[data-project-id],
|
|
.project-case-study[data-project-priority] {
|
|
inline-size: 100%;
|
|
margin-inline: 0;
|
|
padding-inline: 0;
|
|
border-inline: 0;
|
|
background: transparent;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.project-media-gallery,
|
|
.project-media-gallery[data-media-layout] {
|
|
display: block;
|
|
overflow: visible;
|
|
padding: 0;
|
|
}
|
|
|
|
.project-media-gallery .project-media {
|
|
break-inside: avoid;
|
|
margin: 0 0 0.9rem;
|
|
overflow: visible;
|
|
border-color: var(--line);
|
|
background: #fff;
|
|
color: var(--text);
|
|
}
|
|
|
|
.project-media-gallery img,
|
|
.project-media-gallery video {
|
|
max-inline-size: 100%;
|
|
max-block-size: min(9in, calc(100vh - 6rem));
|
|
inline-size: auto;
|
|
block-size: auto;
|
|
margin-inline: auto;
|
|
object-fit: contain;
|
|
}
|
|
|
|
.project-media-gallery[data-media-layout='chart-pair'] > .project-media-gallery__item > .project-media {
|
|
display: block;
|
|
}
|
|
|
|
.project-media-gallery[data-media-layout='chart-pair'] > .project-media-gallery__item > .project-media > :is(img, video) {
|
|
position: static;
|
|
inset: auto;
|
|
inline-size: auto !important;
|
|
max-inline-size: 100% !important;
|
|
block-size: auto !important;
|
|
max-block-size: min(9in, calc(100vh - 6rem)) !important;
|
|
background: #fff !important;
|
|
}
|
|
|
|
a {
|
|
color: inherit;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
a[href^='http']::after,
|
|
a[href^='mailto:']::after {
|
|
content: ' (' attr(href) ')';
|
|
font-size: 0.85em;
|
|
overflow-wrap: anywhere;
|
|
}
|
|
}
|