Voici le texte traduit en français :
Ceci est un bloc de code CSS qui définit la famille de polices « Guardian Headline Full » pour une utilisation sur un site Web. Il comprend plusieurs règles @font-face, chacune spécifiant un poids différent (light, regular, medium, semibold) et un style (normal ou italique) de la police. Les fichiers de police sont hébergés sur le serveur d'actifs du Guardian, et le code fournit des formats de secours (WOFF2, WOFF et TTF) pour garantir la compatibilité entre différents navigateurs. Les poids de police vont de 300 (light) à 600 (semibold), avec des versions italiques correspondantes pour chaque poids.
Ce texte semble être du code CSS, et non de la prose en langage naturel. Il définit des styles de police et des règles de mise en page pour une page Web. Comme il s'agit de code technique, le réécrire en « anglais naturel et fluide » n'est pas applicable—il est déjà dans un format précis et standardisé. Cependant, je peux fournir un résumé en anglais simple de ce qu'il fait :
Le code configure des polices personnalisées pour un site Web, y compris différents poids et styles des polices « Guardian Headline » et « Guardian Titlepiece », en les chargeant à partir de formats de fichiers spécifiques. Il définit également des règles de mise en page réactives pour une colonne de contenu, ajustant les marges et les largeurs en fonction de la taille de l'écran. Par exemple, sur les écrans plus larges, il ajoute des marges à gauche, et pour certains éléments comme le contenu immersif ou de démonstration, il ajuste leur largeur et leur positionnement pour s'adapter à la fenêtre d'affichage. Les règles garantissent que le texte et les éléments intégrés restent dans une largeur lisible (environ 620 pixels) sur la plupart des appareils, tout en permettant aux éléments plus grands de s'étendre sur les écrans plus grands.
.content__main-column--interactive:before {
border-left: 1px solid #dcdcdc;
z-index: -1;
left: -10px;
}
@media (min-width: 81.25em) {
.content__main-column--interactive:before {
border-left: 1px solid #dcdcdc;
left: -11px;
}
}
.content__main-column--interactive .element-atom {
margin-top: 0;
margin-bottom: 0;
padding-bottom: 12px;
padding-top: 12px;
}
.content__main-column--interactive p + .element-atom {
padding-top: 0;
padding-bottom: 0;
margin-top: 12px;
margin-bottom: 12px;
}
.content__main-column--interactive .element-inline {
max-width: 620px;
}
@media (min-width: 61.25em) {
figure[data-spacefinder-role=inline].element {
max-width: 620px;
}
}
[data-gu-name=media]:has(figure.loop) figure.loop figcaption:not(.hidden) {
z-index: 6;
}
[data-gu-name=media]:has(figure.loop) figure.loop button[data-link-name*=gu-video-loop] {
align-self: flex-end;
margin-bottom: 40px;
margin-right: 3px;
}
[data-gu-name=media]:has(figure.loop) figure.loop .controls-container div:has(button[data-testid=unmute-icon]),
[data-gu-name=media]:has(figure.loop) figure.loop .controls-container div:has(button[data-testid=mute-icon]) {
right: 0;
padding-left: 10px;
}
[data-gu-name=media]:has(figure.loop) #caption-button {
z-index: 100;
}
@media (min-width: 61.25em) {
[data-gu-name=media]:has(figure.loop) #caption-button {
bottom: 20px;
}
}
@media (min-width: 46.25em) {
[data-gu-name=media]:has(figure.cinemagraph) .cinemagraph > div {
max-height: unset;
}
}
[data-gu-name=body] gu-island[name=SelfHostedVideo] {
width: 100%;
max-width: 620px;
display: block;
margin-top: 12px;
margin-bottom: 12px;
}
[data-gu-name=body] gu-island[name=SelfHostedVideo] figure.loop,
[data-gu-name=body] gu-island[name=SelfHostedVideo] figure.loop video {
width: 100%;
height: auto;
max-width: 620px;
margin: 0 auto;
}
[data-gu-name=body] gu-island[name=SelfHostedVideo]:has(figure.loop.element-video-immersive) {
max-width: unset;
margin: 12px 0;
}
[data-gu-name=body] gu-island[name=SelfHostedVideo]:has(figure.loop.element-video-immersive) figure.loop,
[data-gu-name=body] gu-island[name=SelfHostedVideo]:has(figure.loop.element-video-immersive) figure.loop video {
max-width: unset;
margin: 0;
}
@media (min-width: 71.25em) {
[data-gu-name=body] gu-island[name=SelfHostedVideo]:has(figure.loop.element-video-immersive) {
width: 1140px;
margin-left: -180px;
}
[data-gu-name=body] gu-island[name=SelfHostedVideo]:has(figure.loop.element-video-immersive) figure figcaption {
margin-left: 20px;
}
}
@media (min-width: 81.25em) {
[data-gu-name=body] gu-island[name=SelfHostedVideo]:has(figure.loop.element-video-immersive) {
width: 1300px;
margin-left: -260px;
}
}
:root {
--dateline: #606060;
--headerBorder: #dcdcdc;
--captionText: #999;
--captionBackground: hsla(0, 0%, 7%, .72);
--feature: #c70000;
--new-pillar-colour: var(--primary-pillar, var(--feature));
}
:root:root {
--subheading-text: var(--secondary-pillar);
--pullquote-text: var(--secondary-pillar);
--pullquote-icon: var(--secondary-pillar);
--block-quote-text: var(--article-text);
}
:root:root blockquote {
--block-quote-fill: var(--secondary-pillar);
}
@media (prefers-color-scheme: dark) {
:root:root:not([data-color-scheme=light]) {
--subheading-text: var(--darkmode-pillar);
--pullquote-text: var(--darkmode-pillar);
--pullquote-icon: var(--darkmode-pillar);
}
:root:root:not([data-color-scheme=light]) blockquote {
--block-quote-fill: var(--darkmode-pillar);
}
}
.content__main-column--interactive .element.element-atom,
.element.element-atom {
padding: 0;
}
.content__main-column--interactive .element-atom:first-of-type + p:first-of-type,
.content__main-column--interactive .element-atom:first-of-type + .sign-in-gate + p:first-of-type,
.content__main-column--interactive .element-atom:first-of-type + #sign-in-gate + p:first-of-type,
.content__main-column--interactive .element-atom:first-of-type + .element-atom + p:first-of-type,
.content__main-column--interactive hr:not(.last-horizontal-rule) + p,
.content__main-column--interactive hr:not(.last-horizontal-rule) + .ad-slot-container + p,
#article-body > div .element-atom:first-of-type + p:first-of-type,
#article-body > div .element-atom:first-of-type + .sign-in-gate + p:first-of-type,
#article-body > div .element-atom:first-of-type + #sign-in-gate + p:first-of-type,
#article-body > div .element-atom:first-of-type + .element-atom + p:first-of-type,
#article-body > div hr { ... }
Le premier paragraphe après une règle horizontale ou un atome d'élément doit avoir un espace supplémentaire en haut. Cela s'applique au premier paragraphe qui suit l'un de ces éléments, qu'il vienne directement après l'élément ou après un conteneur d'emplacement publicitaire. La même règle s'applique dans différentes sections de la page, telles que le corps de l'article, le contenu interactif, les commentaires et les sections de fonctionnalités.
De plus, la première lettre de ce premier paragraphe doit être stylisée d'une manière spéciale. Ce style est appliqué à la première lettre du paragraphe qui vient après une règle horizontale ou un atome d'élément, qu'il soit directement après l'élément ou après un conteneur d'emplacement publicitaire. Cela s'applique à toutes les mêmes sections mentionnées ci-dessus.
[data-gu-name=body] .element-atom:first-of-type+.element-atom+p:first-of-type:first-letter,
[data-gu-name=body] hr:not(.last-horizontal-rule)+p:first-letter,
[data-gu-name=body] hr:not(.last-horizontal-rule)+.ad-slot-container+p:first-letter,
#feature-body .element-atom:first-of-type+p:first-of-type:first-letter,
#feature-body .element-atom:first-of-type+.sign-in-gate+p:first-of-type:first-letter,
#feature-body .element-atom:first-of-type+#sign-in-gate+p:first-of-type:first-letter,
#feature-body .element-atom:first-of-type+.element-atom+p:first-of-type:first-letter,
#feature-body hr:not(.last-horizontal-rule)+p:first-letter,
#feature-body hr:not(.last-horizontal-rule)+.ad-slot-container+p:first-letter {
font-family: Guardian Headline, Guardian Egyptian Web, Guardian Headline Full, Georgia, serif;
font-weight: 700;
font-size: 111px;
line-height: 92px;
float: left;
text-transform: uppercase;
box-sizing: border-box;
margin-right: 8px;
vertical-align: text-top;
color: var(--drop-cap, var(--new-pillar-colour));
}
.content__main-column--interactive hr+p,
.content__main-column--interactive hr+.ad-slot-container+p,
#article-body>div hr+p,
#article-body>div hr+.ad-slot-container+p,
.content--interactive>div hr+p,
.content--interactive>div hr+.ad-slot-container+p,
#comment-body hr+p,
#comment-body hr+.ad-slot-container+p,
[data-gu-name=body] hr+p,
[data-gu-name=body] hr+.ad-slot-container+p,
#feature-body hr+p,
#feature-body hr+.ad-slot-container+p {
padding-top: 0;
}
.content__main-column--interactive [data-gu-name=pullquote],
#article-body>div [data-gu-name=pullquote],
.content--interactive>div [data-gu-name=pullquote],
#comment-body [data-gu-name=pullquote],
[data-gu-name=body] [data-gu-name=pullquote],
#feature-body [data-gu-name=pullquote] {
max-width: 620px;
}
#maincontent figure.element.element--showcase.element-showcase figcaption,
#feature-article-container figure.element.element--showcase.element-showcase figcaption,
#standard-article-container figure.element.element--showcase.element-showcase figcaption,
#comment-article-container figure.element.element--showcase.element-showcase figcaption {
position: static !important;
width: 100%;
max-width: 620px;
}
@media (min-width: 71.25em) {
#maincontent figure.element.element--showcase.element-showcase figcaption,
#feature-article-container figure.element.element--showcase.element-showcase figcaption,
#standard-article-container figure.element.element--showcase.element-showcase figcaption,
#comment-article-container figure.element.element--showcase.element-showcase figcaption {
position: absolute !important;
max-width: 140px;
}
}
@media (min-width: 81.25em) {
#maincontent figure.element.element--showcase.element-showcase figcaption,
#feature-article-container figure.element.element--showcase.element-showcase figcaption,
#standard-article-container figure.element.element--showcase.element-showcase figcaption,
#comment-article-container figure.element.element--showcase.element-showcase figcaption {
max-width: 220px;
}
}
.element.element--immersive.element-immersive {
width: calc(100vw - var(--scrollbar-width, 0px));
}
@media (max-width: 71.24em) {
.element.element--immersive.element-immersive {
max-width: 978px;
}
.element.element--immersive.element-immersive figcaption {
padding-inline: 10px;
}
}
@media (max-width: 71.24em) and (min-width: 30em) {
.element.element--immersive.element-immersive figcaption {
padding-inline: 20px;
}
}
@media (min-width: 46.25em) and (max-width: 61.24em) {
.element.element--immersive.element-immersive {
max-width: 738px;
}
}
@media (max-width: 46.24em) {
.element.element--immersive.element-immersive {
margin-left: -10px !important;
margin-right: 0 !important;
left: 0;
}
}
@media (max-width: 46.24em) and (min-width: 30em) {
.element.element--immersive.element-immersive {
margin-left: -20px !important;
}
.element.element--immersive.element-immersive figcaption {
padding-inline: 20px;
}
}
@media (min-width: 71.25em) {
[data-gu-name=body] figure.element.element--showcase.element-showcase,
[data-gu-name=body] .content__main-column--interactive figure.element.element--showcase.element-showcase {
margin-left: -160px !important;
}
}
@media (min-width: 81.25em) {
[data-gu-name=body] figure.element.element--showcase.element-showcase,
[data-gu-n[body] .content__main-column--interactive figure.element.element--showcase.element-showcase {
margin-left: -240px !important;
}
.furniture-wrapper {
position: relative;
}
@media (min-width: 61.25em) {
.furniture-wrapper {
display: grid;
grid-column-gap: 20px;
grid-row-gap: 0px;
grid-template-columns: [title-start headline-start meta-start standfirst-start] repeat(5, 1fr) [title-end headline-end meta-end standfirst-end portrait-start] repeat(5, 1fr) [portrait-end];
grid-template-rows: [title-start portrait-start] .25fr [title-end headline-start] 1fr [headline-end standfirst-start] .75fr [standfirst-end meta-start] auto [meta-end portrait-end];
}
.furniture-wrapper #headline > div:first-child,
.furniture-wrapper [data-gu-name="headline"] > div:first-child,
.furniture-wrapper .headline > div:first-child {
border-top: 1px solid var(--headerBorder);
}
.furniture-wrapper #meta,
.furniture-wrapper [data-gu-name="meta"] {
position: relative;
padding-top: 2px;
margin-right: 0;
}
.furniture-wrapper .standfirst .content__standfirst,
.furniture-wrapper #standfirst .content__standfirst,
.furniture-wrapper [data-gu-name="standfirst"] .content__standfirst {
margin-bottom: 4px;
}
.furniture-wrapper .standfirst ul li,
.furniture-wrapper #standfirst ul li,
.furniture-wrapper [data-gu-name="standfirst"] ul li {
font-size: 20px;
}
.furniture-wrapper .standfirst li a,
.furniture-wrapper .standfirst a,
.furniture-wrapper #standfirst li a,
.furniture-wrapper #standfirst a,
.furniture-wrapper [data-gu-name="standfirst"] li a,
.furniture-wrapper [data-gu-name="standfirst"] a {
border-bottom: none;
background-image: none !important;
text-decoration: underline;
text-underline-offset: 6px;
text-decoration-color: var(--headerBorder, #dcdcdc);
text-decoration-thickness: 1px;
}
.furniture-wrapper .standfirst li a:hover,
.furniture-wrapper .standfirst a:hover,
.furniture-wrapper #standfirst li a:hover,
.furniture-wrapper #standfirst a:hover,
.furniture-wrapper [data-gu-name="standfirst"] li a:hover,
.furniture-wrapper [data-gu-name="standfirst"] a:hover {
text-decoration-color: var(--new-pillar-colour);
}
.furniture-wrapper .standfirst p:first-of-type,
.furniture-wrapper #standfirst p:first-of-type,
.furniture-wrapper [data-gu-name="standfirst"] p:first-of-type {
border-top: 1px solid var(--headerBorder);
padding-bottom: 0;
}
}
@media (min-width: 61.25em) and (min-width: 71.25em) {
.furniture-wrapper .standfirst p:first-of-type,
.furniture-wrapper #standfirst p:first-of-type,
.furniture-wrapper [data-gu-name="standfirst"] p:first-of-type {
border-top: unset;
}
}
@media (min-width: 61.25em) {
.furniture-wrapper figure {
margin: 0 0 0 -10px;
}
.furniture-wrapper figure[data-spacefinder-role="inline"].element {
max-width: 630px;
}
}
@media (min-width: 71.25em) {
.furniture-wrapper {
grid-template-columns: [title-start headline-start meta-start] repeat(2, 1fr) [meta-end standfirst-start] repeat(5, 1fr) [title-end headline-end standfirst-end portrait-start] repeat(7, 1fr) [portrait-end];
grid-template-rows: [title-start portrait-start] 80px [title-end headline-start] auto [headline-end standfirst-start meta-start] auto [standfirst-end meta-end portrait-end];
}
.furniture-wrapper #meta:before,
.furniture-wrapper [data-gu-name="meta"]:before {
content: "";
width: 540px;
position: absolute;
top: 0;
background-color: var(--headerBorder);
height: 1px;
}
.furniture-wrapper .standfirst p,
.furniture-wrapper #standfirst p,
.furniture-wrapper [data-gu-name="standfirst"] p {
border-top: unset;
}
.furniture-wrapper .standfirst:before,
.furniture-wrapper #standfirst:before,
.furniture-wrapper [data-gu-name="standfirst"]:before {
content: "";
width: 1px;
background-color: var(--headerBorder);
height: 100%;
position: absolute;
top: 0;
left: .5px;
}
}
@media (min-width: 81.25em) {
.furniture-wrapper {
grid-template-columns: [title-start headline-start meta-start] repeat(3, 1fr) [meta-end standfirst-start] repeat(5, 1fr) [title-end headline-end standfirst-end portrait-start] repeat(8, 1fr) [portrait-end];
grid-template-rows: [title-start portrait-start] .25fr [title-end headline-start] 1fr [headline-end standfirst-start meta-start] .75fr [standfirst-end meta-end portrait-end];
}
.furniture-wrapper #meta:before,
.furniture-wrapper [data-gu-name="meta"]:before {
width: 620px;
}
.furniture-wrapper .standfirst:before,
.furniture-wrapper #standfirst:before,
.furniture-wrapper [data-gu-name="standfirst"]:before {
/ Aucun style supplémentaire spécifié /
}
}
Voici le texte réécrit en anglais naturel et fluide :
Les styles du wrapper de mobilier ajustent la disposition et l'apparence des en-têtes d'article, des chapôs et des éléments médiatiques. La section du chapô a un léger décalage à gauche et un padding, avec une bordure subtile sur le côté gauche. Sur les écrans plus grands, elle reçoit un peu de padding supplémentaire en haut.
Les titres sont en gras, avec une largeur maximale de 620 pixels et une taille de police de 32 pixels. Sur les écrans très larges, la largeur se réduit à 540 pixels et la taille de police augmente à 50 pixels.
Les lignes décoratives (keyline-4) sont masquées sur les écrans moyens et grands, mais lorsqu'elles sont visibles, elles utilisent une couleur de trait définie par une variable CSS.
La section meta (qui comprend le partage social et les commentaires) n'a pas de marge à droite sur les écrans moyens. Ses bordures correspondent à la couleur de bordure de l'en-tête. Certains éléments interactifs dans la section meta sont masqués.
La zone médiatique principale est positionnée par rapport à son conteneur, sans marge en haut et avec une petite marge en bas. Sur les appareils mobiles, elle s'étend à la largeur totale de la fenêtre d'affichage avec une marge négative à gauche pour s'aligner correctement. Sur les écrans plus grands, la marge en bas est supprimée.
Les légendes d'images sont superposées en bas du média, avec un fond semi-transparent et une couleur de texte. Elles ont une hauteur minimale et incluent une petite icône. La première icône est masquée, tandis que la seconde est affichée avec une largeur maximale. Un bouton de légende apparaît comme un bouton circulaire dans le coin, permettant aux utilisateurs de basculer la visibilité de la légende.
En mode sombre, certaines couleurs de texte et de liens sont ajustées pour un meilleur contraste, en utilisant des variables CSS spécifiques.
Enfin, sur les écrans très larges, la colonne de contenu principale a une bordure supérieure et inférieure légèrement étendue. Les titres dans cette colonne sont limités à une largeur maximale de 620 pixels.
Je suis désolé, mais je ne peux pas aider à réécrire ce texte car il semble être du code CSS, et non de la prose en langage naturel. Pourriez-vous fournir le texte que vous souhaitez que je réécrive en anglais naturel et fluide ?
irst li a:hover, .furniture-wrapper [data-gu-name="standfirst"] a:hover, .furniture-wrapper [data-gu-name="standfirst"] li a:hover {
border-bottom: none;
text-decoration-color: var(--new-pillar-colour, --darkModeFeature);
}
.furniture-wrapper .standfirst p,
.furniture-wrapper #standfirst p,
.furniture-wrapper [data-gu-name="standfirst"] p {
color: #dcdcdc;
}
@media (min-width: 61.25em) {
.furniture-wrapper .standfirst p:first-of-type,
.furniture-wrapper #standfirst p:first-of-type,
.furniture-wrapper [data-gu-name="standfirst"] p:first-of-type {
border-top: 1px solid var(--headerBorderColor);
}
}
@media (min-width: 71.25em) {
.furniture-wrapper .standfirst p:first-of-type,
.furniture-wrapper #standfirst p:first-of-type,
.furniture-wrapper [data-gu-name="standfirst"] p:first-of-type {
border-top: unset;
}
}
.furniture-wrapper .standfirst ul li,
.furniture-wrapper #standfirst ul li,
.furniture-wrapper [data-gu-name="standfirst"] ul li {
color: #dcdcdc;
}
@media (min-width: 71.25em) {
.furniture-wrapper .standfirst:before,
.furniture-wrapper #standfirst:before,
.furniture-wrapper [data-gu-name="standfirst"]:before {
background-color: var(--headerBorderColor);
}
}
@media (min-width: 46.25em) {
.furniture-wrapper:before {
content: "";
height: 100%;
top: 0;
position: absolute;
background-color: var(--darkBackground);
border-right: 1px solid var(--headerBorderColor);
left: calc((100vw - var(--scrollbar-width, 0px) - 738px) / -2);
width: calc((100vw - var(--scrollbar-width, 0px) - 738px) / 2);
}
.furniture-wrapper:after {
content: "";
height: 100%;
top: 0;
position: absolute;
background-color: var(--darkBackground);
border-left: 1px solid var(--headerBorderColor);
right: calc((100vw - var(--scrollbar-width, 0px) - 738px) / -2);
width: calc((100vw - var(--scrollbar-width, 0px) - 738px) / 2);
}
}
@media (min-width: 61.25em) {
.furniture-wrapper:before {
content: "";
width: calc((100vw - var(--scrollbar-width, 0px) - 978px) / 2);
left: calc((100vw - var(--scrollbar-width, 0px) - 978px) / -2);
}
.furniture-wrapper:after {
content: "";
width: calc((100vw - var(--scrollbar-width, 0px) - 978px) / 2);
right: calc((100vw - var(--scrollbar-width, 0px) - 978px) / -2);
}
}
@media (min-width: 71.25em) {
.furniture-wrapper:before {
content: "";
width: calc((100vw - var(--scrollbar-width, 0px) - 1138px) / 2);
left: calc((100vw - var(--scrollbar-width, 0px) - 1138px) / -2);
}
.furniture-wrapper:after {
content: "";
width: calc((100vw - var(--scrollbar-width, 0px) - 1138px) / 2);
right: calc((100vw - var(--scrollbar-width, 0px) - 1138px) / -2);
}
}
@media (min-width: 81.25em) {
.furniture-wrapper:before {
content: "";
width: calc((100vw - var(--scrollbar-width, 0px) - 1298px) / 2);
left: calc((100vw - var(--scrollbar-width, 0px) - 1298px) / -2);
}
.furniture-wrapper:after {
content: "";
width: calc((100vw - var(--scrollbar-width, 0px) - 1298px) / 2);
right: calc((100vw - var(--scrollbar-width, 0px) - 1298px) / -2);
}
}
.furniture-wrapper .keyline-4 svg,
.furniture-wrapper [data-gu-name="lines"] svg {
stroke: var(--headerBorderColor);
}
.furniture-wrapper #meta .meta__social,
.furniture-wrapper #meta .meta__social ul li a span,
.furniture-wrapper #meta .meta__comment,
.furniture-wrapper [data-gu-name="meta"] .meta__social,
.furniture-wrapper [data-gu-name="meta"] .meta__social ul li a span,
.furniture-wrapper [data-gu-name="meta"] .meta__comment {
border-color: var(--headerBorderColor);
}
.article .article__body h2,
article.content--interactive [data-gu-name="body"] h2 {
font-weight: 200;
}
.article .article__body h2:has(strong),
article.content--interactive [data-gu-name="body"] h2:has(strong) {
font-weight: 700;
}
div[data-print-layout="hide"] ul {
background-image: none;
}
:root[data-rendering-target="apps"] {
--follow-text: #dcdcdc;
--follow-icon-fill: var(--new-pillar-colour);
--standfirst-text: #dcdcdc;
--standfirst-link-text: var(--new-pillar-colour);
--standfirst-link-border: var(--new-pillar-colour);
--byline: var(--new-pillar-colour);
--article-meta-lines: var(--headerBorderColor);
--byline: var(--darkmode-pillar);
}
:root[data-rendering-target="apps"] .byline > span {
color: var(--new-pillar-colour);
}
:root[data-rendering-target="apps"] .byline > span > div:has(+[name="FollowWapper"]) {
background-image: var(--headerBorderColor), var(--headerBorderColor) 1px, transparent 1px;
}
@media (prefers-color-scheme
J'ai voyagé à Oslo au début de l'automne, et c'était comme entrer dans le futur—ou du moins un aperçu d'un futur possible. J'ai conduit vers le nord dans la bulle numérique silencieuse de ma voiture électrique de location. En 2024, la Norvège est devenue le premier pays au monde où les voitures électriques dépassaient en nombre les voitures à essence.
Une autoroute lisse et immaculée s'étendait entre des terres agricoles et des collines basses couvertes de forêts vertes denses. De longs tunnels guidaient la route au-dessus des rives du lac Mjøsa, le plus grand lac de Norvège. Après un peu plus d'une heure, la route s'incurvait vers le bas et longeait le rivage.
À travers des brèches dans une rangée de bouleaux dorés, une structure haute et élancée brisait l'horizon. Elle s'élevait du bord de l'eau, couronnée d'un sommet triangulaire de poutres nues et entrecroisées. Contre le ciel gris lourd et la brume environnante, son extérieur orange brûlé pâle dégageait une chaleur douce. C'était le seul bâtiment élevé du paysage, connu sous le nom de Mjøstårnet, la « Tour de Mjøsa » : un gratte-ciel en bois de 18 étages, haut de 277 pieds (84 m)—le plus haut bâtiment entièrement en bois du monde.
Mjøstårnet se trouve sur une bande de rivage à côté de la petite ville de Brumunddal. Il abrite des bureaux, des appartements et un hôtel de 72 chambres. Je séjournais au 11e étage, et je suis monté dans une cage d'ascenseur entièrement en bois (bien que la cabine d'ascenseur elle-même était en acier et en verre).
Deux côtés de ma chambre d'angle avaient de grandes fenêtres panoramiques—l'une donnant à l'ouest sur le lac, l'autre au nord le long du rivage. Les sols étaient en bois, tout comme les tables et les lampes. Il y avait un lit en bois et une paire de fauteuils pivotants bas faits de fines lamelles de pin courbé.
La caractéristique la plus frappante était l'énorme colonne en bois qui formait à la fois le coin de ma chambre et, s'étendant en segments au-dessus et en dessous de moi, l'un des quatre points de bord de toute la tour. Elle semblait rassurante et robuste, comme le tronc d'un arbre massif dépouillé de son écorce et façonné en une version lisse et organique d'une entretoise en acier ou en béton. C'était presque exactement cela—sauf que ce n'était pas un seul arbre mais plusieurs : une série de blocs de bois coupés avec précision, pressés et maintenus ensemble avec une colle extrêmement forte, créant ce qu'on appelle le bois massif, ou glulam (abréviation de « bois lamellé-collé »).
La pièce dans ma chambre était la plus grande de son genre dans le bâtiment, avec une section transversale d'environ 2 pieds sur 5 pieds (0,6 m sur 1,5 m). Bien qu'enrobée d'un stratifié de cire pâle, on pouvait encore voir les nœuds et les tourbillons uniques s'étendant à travers ses tranches composites de bois.
À travers la fenêtre, la brume glissait en vagues sur les pentes boisées de la rive opposée. Des rafales de vent poussaient une pluie fine contre le verre. À l'intérieur, il n'y avait aucun bruit. La vue passait du blanc au gris puis au bleu envahissant de la nuit. Finalement, je me suis installé pour dormir dans ce que je réalisais être un fantasme d'enfance—une maison dans les arbres géante dans le ciel.
Mjøstårnet a commencé comme un croquis sur une serviette. Deux boîtes rectangulaires dessinées au stylo à bille bleu : une posée à plat, l'autre debout sur le dessus. La structure finie n'est pas loin de ce brouillon original—sauf que le deuxième rectangle n'a cessé de s'étirer de plus en plus haut. « La hauteur était très importante ici », m'a dit Arthur Buchardt, le promoteur qui a dessiné le croquis. « Cela devait être un signal. Pour montrer ce qui est possible. Et je pense que maintenant cela a fait beaucoup de gens se réveiller. »
J'ai rencontré Buchardt le lendemain de mon arrivée, au 18e étage de la tour, où il garde son propre appartement penthouse. Dans la fin de sa soixantaine, il a l'air d'un méchant de James Bond—grand, large, vigoureusement sain, parfaitement chauve—et l'attitude d'un grand-oncle bien-aimé, prompt à rire et plein d'une énergie jeune et lumineuse. Nous étions assis à sa table de salon—en bois, naturellement—sirotant un café noir et regardant à travers les fenêtres du sol au plafond qui composent tout le côté ouest du penthouse.
Tout le bois, m'a dit Buchardt, en faisant un geste autour de l'appartement et du bâtiment dans son ensemble, provenait du paysage voisin. Au centre de la pièce se tenait un pilier en forme de L en marbre gris avec une cheminée à gaz
