/* Site-specific styles
Launched:2025-08-30
----------------------------------------------------*/
:root {
--logo-color:light-dark(var(--brand-blue), #fff);
}
@layer site {
/* Header */
.site-title a svg { width:225px; height:90px; }
.header-mark svg { aspect-ratio: 250 / 60; width: 100%; }
/* Byline */
.byline { margin-top: 3rem; flex-flow: column; align-items: start;
ul { list-style-type: none; padding: 0; }
}
/* Home */
.mark-stories { width:160px; display:block; height:auto; vertical-align:middle; margin:0 auto 2rem;
& + h2 { display:inline; vertical-align:middle; }
@media only screen and (width >= 600px) {
& { width:190px; display:inline-block; margin:0 1.5rem 0 0; padding-right:1.5rem; border-right:1px solid light-dark(var(--gray-extra-light), var(--brand-blue-light)); }
}
}
/* Weglot Language Switcher
----------------------------------------------------*/
.translation-disclaimer { margin-block:-3rem 3rem; }
.translation-disclaimer h2 { font-family:var(--font-heading); font-weight:300; font-size:clamp(2.5rem,2.5vw + 1rem,3.25rem); margin-block-end:1rem; }
@media only screen and (min-width:80em) {
.translation-disclaimer { margin-block:-2.5rem 2.5rem; }
}
.weglot-language-switcher { width:auto; max-width:5rem; padding-inline:1.85rem 1.325rem; color:light-dark(var(--gray-dark),white); border-color:transparent; background-color:transparent; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.8,0c5.3,0,10.3,1.4,14.9,4.1s8.2,6.2,10.8,10.8,4.1,9.6,4.1,14.9-1.4,10.3-4.1,14.9-6.2,8.3-10.8,10.9c-4.6,2.6-9.6,4-14.9,4s-10.3-1.3-14.9-4c-4.6-2.6-8.3-6.4-10.9-10.9S0,35.1,0,29.8s1.3-10.3,4-14.9S10.3,6.7,14.9,4.1,24.4,0,29.8,0ZM52.9,18.2c-1.6-3.1-3.6-5.8-6.2-8-2.6-2.3-5.5-4-8.9-5,2.4,3.4,4.1,7.7,5.3,13.1h9.8ZM40.3,29.8c0-2.5-.2-5-.5-7.7h-20.2c-.4,2.6-.5,5.2-.5,7.7s.1,5.2.5,7.7h20.2c.2-2.5.5-5,.5-7.7ZM29.8,3.8c-1.7,0-3.5,1.3-5.2,3.8-1.9,2.6-3.2,6.2-4.2,10.6h18.7c-1-4.3-2.4-7.9-4.2-10.6-1.8-2.5-3.5-3.8-5.2-3.8ZM21.7,5.2c-3.4,1.1-6.4,2.8-9,5s-4.7,4.9-6.1,8h9.8c1.1-5.3,2.9-9.7,5.3-13.1ZM3.8,29.8c0,2.6.4,5.3,1.2,7.7h10.8c-.4-2.5-.5-5-.5-7.6s.1-5.2.5-7.8H5c-.8,2.5-1.2,5-1.2,7.7ZM6.6,41.3c1.4,3.1,3.5,5.9,6.1,8.2s5.6,4,9,4.9c-2.4-3.2-4.2-7.6-5.3-13.1H6.6ZM29.8,55.7c1.7,0,3.4-1.2,5.2-3.8,1.8-2.6,3.2-6.1,4.2-10.6h-18.7c1,4.4,2.3,7.9,4.2,10.6,1.7,2.6,3.5,3.8,5.2,3.8ZM37.9,54.3c3.2-1,6.1-2.6,8.8-4.9,2.6-2.3,4.7-5,6.2-8.2h-9.8c-1.2,5.4-2.9,9.7-5.2,13.1ZM43.7,37.4h10.8c.7-2.4,1.2-5,1.2-7.7s-.5-5.2-1.2-7.7h-10.8c.2,2.6.5,5.2.5,7.7s-.2,5-.5,7.7Z' fill='%230c2340'/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23ae9142' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"); background-position:left -1.55em center, right -1.25em center; background-size:20px, 20px 12px;
body[data-theme='dark'] &, .site-footer &, .global-menu &, .header-nav-fixed & { color-scheme:dark; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.8,0c5.3,0,10.3,1.4,14.9,4.1s8.2,6.2,10.8,10.8,4.1,9.6,4.1,14.9-1.4,10.3-4.1,14.9-6.2,8.3-10.8,10.9c-4.6,2.6-9.6,4-14.9,4s-10.3-1.3-14.9-4c-4.6-2.6-8.3-6.4-10.9-10.9S0,35.1,0,29.8s1.3-10.3,4-14.9S10.3,6.7,14.9,4.1,24.4,0,29.8,0ZM52.9,18.2c-1.6-3.1-3.6-5.8-6.2-8-2.6-2.3-5.5-4-8.9-5,2.4,3.4,4.1,7.7,5.3,13.1h9.8ZM40.3,29.8c0-2.5-.2-5-.5-7.7h-20.2c-.4,2.6-.5,5.2-.5,7.7s.1,5.2.5,7.7h20.2c.2-2.5.5-5,.5-7.7ZM29.8,3.8c-1.7,0-3.5,1.3-5.2,3.8-1.9,2.6-3.2,6.2-4.2,10.6h18.7c-1-4.3-2.4-7.9-4.2-10.6-1.8-2.5-3.5-3.8-5.2-3.8ZM21.7,5.2c-3.4,1.1-6.4,2.8-9,5s-4.7,4.9-6.1,8h9.8c1.1-5.3,2.9-9.7,5.3-13.1ZM3.8,29.8c0,2.6.4,5.3,1.2,7.7h10.8c-.4-2.5-.5-5-.5-7.6s.1-5.2.5-7.8H5c-.8,2.5-1.2,5-1.2,7.7ZM6.6,41.3c1.4,3.1,3.5,5.9,6.1,8.2s5.6,4,9,4.9c-2.4-3.2-4.2-7.6-5.3-13.1H6.6ZM29.8,55.7c1.7,0,3.4-1.2,5.2-3.8,1.8-2.6,3.2-6.1,4.2-10.6h-18.7c1,4.4,2.3,7.9,4.2,10.6,1.7,2.6,3.5,3.8,5.2,3.8ZM37.9,54.3c3.2-1,6.1-2.6,8.8-4.9,2.6-2.3,4.7-5,6.2-8.2h-9.8c-1.2,5.4-2.9,9.7-5.2,13.1ZM43.7,37.4h10.8c.7-2.4,1.2-5,1.2-7.7s-.5-5.2-1.2-7.7h-10.8c.2,2.6.5,5.2.5,7.7s-.2,5-.5,7.7Z' fill='%23FFF'/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23ae9142' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"); }
&:focus { outline:var(--border-primary); }
@media only screen and (max-width:60em) {
.header-nav { grid-gap:0.5rem; }
.header-nav & { position:fixed; bottom:-1px; right:var(--gutter-width); border-radius:var(--border-radius) var(--border-radius) 0 0; border:var(--border-primary); background-size:16px, 20px 12px; padding-inline:2rem 1.5rem; max-width:5.4rem; background-color:light-dark(white, var(--brand-blue)); padding-block:0.325rem; }
.header-nav-fixed & { display:none; }
}
@media only screen and (min-width:60em) {
.wrapper:has(.page-header--screen.bg--dark,.page-header--screen.bg--black,.page-header--screen.bg--brand-blue-dark,.page-header--screen.bg--brand-blue) .site-header & { color-scheme:dark; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.8,0c5.3,0,10.3,1.4,14.9,4.1s8.2,6.2,10.8,10.8,4.1,9.6,4.1,14.9-1.4,10.3-4.1,14.9-6.2,8.3-10.8,10.9c-4.6,2.6-9.6,4-14.9,4s-10.3-1.3-14.9-4c-4.6-2.6-8.3-6.4-10.9-10.9S0,35.1,0,29.8s1.3-10.3,4-14.9S10.3,6.7,14.9,4.1,24.4,0,29.8,0ZM52.9,18.2c-1.6-3.1-3.6-5.8-6.2-8-2.6-2.3-5.5-4-8.9-5,2.4,3.4,4.1,7.7,5.3,13.1h9.8ZM40.3,29.8c0-2.5-.2-5-.5-7.7h-20.2c-.4,2.6-.5,5.2-.5,7.7s.1,5.2.5,7.7h20.2c.2-2.5.5-5,.5-7.7ZM29.8,3.8c-1.7,0-3.5,1.3-5.2,3.8-1.9,2.6-3.2,6.2-4.2,10.6h18.7c-1-4.3-2.4-7.9-4.2-10.6-1.8-2.5-3.5-3.8-5.2-3.8ZM21.7,5.2c-3.4,1.1-6.4,2.8-9,5s-4.7,4.9-6.1,8h9.8c1.1-5.3,2.9-9.7,5.3-13.1ZM3.8,29.8c0,2.6.4,5.3,1.2,7.7h10.8c-.4-2.5-.5-5-.5-7.6s.1-5.2.5-7.8H5c-.8,2.5-1.2,5-1.2,7.7ZM6.6,41.3c1.4,3.1,3.5,5.9,6.1,8.2s5.6,4,9,4.9c-2.4-3.2-4.2-7.6-5.3-13.1H6.6ZM29.8,55.7c1.7,0,3.4-1.2,5.2-3.8,1.8-2.6,3.2-6.1,4.2-10.6h-18.7c1,4.4,2.3,7.9,4.2,10.6,1.7,2.6,3.5,3.8,5.2,3.8ZM37.9,54.3c3.2-1,6.1-2.6,8.8-4.9,2.6-2.3,4.7-5,6.2-8.2h-9.8c-1.2,5.4-2.9,9.7-5.2,13.1ZM43.7,37.4h10.8c.7-2.4,1.2-5,1.2-7.7s-.5-5.2-1.2-7.7h-10.8c.2,2.6.5,5.2.5,7.7s-.2,5-.5,7.7Z' fill='%23FFF'/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23ae9142' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"); }
}
}
/* Section layouts */
.section { margin-block: var(--section-margin);
&.section--grid { --grid-gap: 1rem; }
figure { margin-top: 0; margin-bottom: 0; }
img { height: 100%; width: 100%; object-fit: cover; }
}
/* Spacers */
hr.cross { border: none; margin: 4vw auto; background: url(/stylesheets/images/icn-cross.svg) center center no-repeat; background-size: contain; width: clamp(1.5rem, 3vw, 2.5rem); height: clamp(1.5rem, 3vw, 2.5rem); }
/* Misc utility classes */
.ratio-16x9 {
aspect-ratio:16 / 9;
}
.ratio-8x5 {
aspect-ratio:8 / 5.33;
}
.ratio-3x2 {
aspect-ratio:3 / 2;
}
.ratio-2x1 {
aspect-ratio:2 / 1;
}
.justify-end {
display: flex;
flex-flow: column;
justify-content:flex-end;
}
.btn--icon {
&.btn--inline-reset { top: 50%; transform: translateY(-50%); font-size: 0.7rem; color: var(--gray); }
&:hover { background-color: var(--gray-extra-light); color: var(--brand-blue); }
&:focus { background-color: var(--gray-extra-light); color: var(--brand-blue-light); }
}
/* Override / Can be removed after next NDT.css update */
.search-form { display:flex; align-items:center; margin:0; grid-gap:var(--grid-gap-sm); }
.section-title { margin-block-end:0.5em; }
.section-title:has(+ p) { margin-block-end:0.3em; }
.card-summary:not(:empty):has( + .article-excerpt:not(:empty)) { margin-block:0; padding-block-start:0; border-top:none; }
/* Longform */
.page--longform {
.page-primary {
p + figure { margin-top:clamp(2rem, 2vw, 4rem); margin-bottom:clamp(2rem, 2vw, 4rem); }
figcaption,
.caption { margin-top:0.5rem; font-size:0.9rem; color:light-dark(var(--gray), var(--sky-blue-dark)); }
}
}
@media only screen and (min-width:60em) {
.page-header.page-header--stacked.alt:has(.page-image) .page-image { order:1; }
.page-header.page-header--stacked.alt:has(.page-image) .page-title-wrapper { order:2; }
}
@keyframes hr-vertical { 0% { transform:scaleY(0); } 100% { transform:scaleY(1); } }
@keyframes fade-in { 0% { opacity:0; } 100% { opacity:1; } }
@keyframes move-left { 0% { transform:translateX(15%); } 100% { transform:translateX(0%); } }
@keyframes move-right { 0% { transform:translateX(-15%); } 100% { transform:translateX(0%); } }
@keyframes move-up { 0% { transform:translateY(15%); } 100% { transform:translateY(0%); } }
@keyframes move-down { 0% { transform:translateY(-15%); } 100% { transform:translateY(0%); } }
@keyframes scale-up { 0% { transform:scale(0.8); } 100% { transform:scale(1); } }
@keyframes parallax { to { opacity:0; transform:translateY(20vh); } }
@keyframes hero-grow { from { width:calc(100% + 6vw); margin-inline:-3vw; border-radius:var(--border-radius); } to { width:calc(100% + 10vw); margin-inline:-5vw; border-radius:0; } }
@media not (prefers-reduced-motion) {
@supports (animation-timeline: view()) {
/* Animations */
.animate {
animation-timeline:view();
animation-range:0 40%;
animation-timing-function:ease-out;
transform-origin:center top;
animation-duration:0;
animation-fill-mode:forwards;
&.animate--move-up { animation-name:move-up; }
&.animate--move-left { animation-name:move-left; }
&.animate--move-right { animation-name:move-right; }
&.animate--move-down { animation-name:move-down; }
&.animate--scale-up { animation-name:scale-up; }
&.animate--fade-in { animation-name:fade-in; }
&.animate--fade-in-up { animation-name:fade-in, move-up; }
&.animate--fade-in-left { animation-name:fade-in, move-left; }
&.animate--fade-in-right { animation-name:fade-in, move-right; }
}
@media only screen and (width >= 60em) {
hr.vertical { transform-origin:top center; animation:hr-vertical linear forwards; animation-fill-mode:both; animation-timeline:view(); animation-range:15% 60%; }
.page-header--screen.animate { overflow:clip; }
.page-header--screen.animate .page-image img, .page-header--screen.animate .page-image video { animation:parallax linear forwards; animation-timeline:view(); animation-range:exit; }
.page-header--container.animate .page-image { animation:hero-grow linear forwards; animation-timeline:view(); animation-range:exit -7rem 70%; }
}
}
}
@media only screen {
.flex-grow { flex-grow:1; }
/* Podcasts */
.episode-footer { margin-block:2rem; font-size:1rem; }
.list--podcasts .card--podcast .card-image { aspect-ratio:1; }
.list--podcasts .card--podcast .card-image img { width:100%; height:100%; object-fit:cover; }
@container card (width >= 35rem) {
.list--podcasts .card--podcast { --card-image-width:15rem; }
}
/* Google Search */
.gsc-adBlock,
.gsc-refinementsArea,
.gs-per-result-labels,
.gcsc-more-maybe-branding-root { display:none !important; }
.gs-result .gs-image { border:none !important; }
.gs-promotion-table-snippet-with-image { display:flex; }
.gs-promotion-image-cell { margin-right:1rem; }
.tab-web .gsc-webResult.gsc-result { margin-bottom:1rem; padding:1rem 0 0; font-size:1rem; }
.tab-web .gsc-control-cse .gs-spelling,
.tab-web .gsc-control-cse .gs-result .gs-title,
.tab-web .gsc-control-cse .gs-result .gs-title * { margin-bottom:0.25rem; overflow:visible; font-size:1.5rem; font-family:var(--font-heading); text-decoration:none; line-height:1.25em; }
.gsc-url-top { margin-bottom:1rem; }
.tab-web .gsc-control-cse .gs-spelling:hover,
.tab-web .gsc-control-cse .gs-result .gs-title:hover,
.tab-web .gsc-control-cse .gs-result .gs-title *:hover { text-decoration:underline; }
.tab-web .gs-result .gs-title,
.tab-web .gs-result .gs-title *,
.tab-web .gs-webResulta,
.tab-web .gs-webResult a b,
.tab-web .gs-imageResult a,
.tab-web .gs-imageResult a b { color:var(--brand-blue-bright) !important; }
.tab-web .gs-webResult.gs-result a:visited,
.tab-web.gs-webResult.gs-result a:visited b,
.tab-web.gs-imageResult a:visited,
.tab-web.gs-imageResult a:visited b { color:var(--brand-blue); }
.tab-web .gsc-control-cse,
.tab-web .gsc-control-cse .gsc-table-result { font-size:1rem; }
.tab-web .gs-webResult div.gs-visibleUrl-short,
.tab-web .gs-webResult div.gs-visibleUrl-long { color:var(--gray); font-size:0.9rem; }
.tab-web .gs-per-result-labels { margin-top:0.75rem; }
.tab-web .gs-per-result-labels span { display:none; }
.tab-web .gs-webResult div.gs-per-result-labels a.gs-label { margin:0 0.25rem 0.25rem 0; padding:0.2rem 0.7rem; text-decoration:none; color:var(--brand-blue); border-radius:0.3rem; font-weight:400; transition:all var(--anim-duration-fast) var(--anim-ease); background:var(--gray-extra-light); }
.tab-web .gs-webResult div.gs-per-result-labels a.gs-label:hover { background:var(--sky-blue); }
.tab-web .gs-image-box.gs-web-image-box.gs-web-image-box-portrait { width:auto; height:auto; margin:0 1.4rem 0 0; }
.tab-web .gs-image-box.gs-web-image-box.gs-web-image-box-landscape { width:auto; margin:0 1.4rem 0 0; }
.tab-web .gs-web-image-box img.gs-image { max-width:none; max-height:none; }
.tab-web .gsc-results .gsc-cursor-box { margin-top:2rem; }
.tab-web .gsc-results .gsc-cursor-box .gsc-cursor-page { display:inline-block; padding:0.75em; transition:all var(--anim-duration) var(--anim-ease); border-radius:0.4em; min-width:2.5em; color:var(--gray); text-align:center; }
.tab-web .gsc-results .gsc-cursor-box .gsc-cursor-current-page { color:var(--brand-blue); background:var(--gray-extra-light); font-weight:600; }
.tab-web .gsc-results .gsc-cursor-box .gsc-cursor-page:hover { color:var(--brand-blue); background:var(--sky-blue); text-decoration:none; }
/* Search Embed */
.gsc-above-wrapper-area-container { border:none;
td { padding:0; border:none; background:transparent !important; }
}
.gsc-control-cse { padding:0 !important; background:transparent !important; border:none !important; }
.gsc-tabsArea { display:none !important; }
.gsc-control-cse tr,
.gsc-search-box tr,
.gsc-webResult.gsc-result { border:none !important; background:transparent !important; }
.gsc-webResult.gsc-result { padding:10px 0 1.8rem 0; }
.gsc-webResult.gsc-result.gsc-promotion { margin:1rem 0 !important; padding:0.5rem; border:1px solid #999 !important; background:#fff !important; }
.gsc-input-box { height:auto !important; }
.gsc-result .gs-title { height:auto !important; }
.gsib_a { padding:0 4px !important; }
.gsc-table-result,
.gsc-thumbnail-inside,
.gsc-url-top { padding:0 !important; }
.gsc-results .gsc-cursor-box .gsc-cursor-page { padding:4px 8px; display:inline-block; font-size:1.2rem; background:transparent; }
.gsc-results .gsc-cursor-box .gsc-cursor-page:hover { background:#ddd; }
.gcsc-foot { display:none; }
.gsc-search-box,
.gcsc-branding { display:none !important; }
/* Light/dark styling */
.gs-webResult.gs-result a.gs-title:link,
.gs-webResult.gs-result a.gs-title:link b,
.gs-imageResult a.gs-title:link,
.gs-imageResult a.gs-title:link b,
.gs-webResult:not(.gs-no-results-result):not(.gs-error-result) .gs-snippet,
.gs-fileFormatType { color:light-dark(var(--brand-blue), white) !important; font-family:GP, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; }
.gs-webResult:not(.gs-no-results-result):not(.gs-error-result) .gs-snippet,
.gs-fileFormatType { font-size:1rem !important; font-family:GP, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; }
.gs-webResult:not(.gs-no-results-result):not(.gs-error-result) .gs-snippet b { color:light-dark(var(--brand-gold), var(--brand-gold)); }
.gs-promotion .gs-visibleUrl,
.gs-webResult .gs-visibleUrl,
.gsc-result-info,
.gsc-orderby-label { color:light-dark(var(--gray), var(--sky-blue-dark)) !important; font-family:GP, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; }
.gsc-selected-option-container { font-weight:normal !important; }
.gsc-control-cse { font-family:GP, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; }
.gsc-above-wrapper-area { border-bottom:0.5px solid light-dark(var(--gray-extra-light), var(--brand-blue)) !important; }
.gsc-control-cse .gsc-table-result { display:flex !important; flex-flow:column; }
/*.gs-webResult:not(.gs-no-results-result):not(.gs-error-result) .gs-snippet { padding:1.5rem 0 0 0; }*/
.gs-web-image-box .gs-image,
.gs-promotion-image-box .gs-promotion-image,
.gs-web-image-box,
.gs-promotion-image-box {
display:block;
position:relative;
width:200px !important;
height:auto !important;
max-width:100% !important;
max-height:100% !important;
margin:0 1.4rem 0 0 !important;
}
.gs-image::after, .gs-promotion-image::after { content:''; display:block; position:absolute; inset:0; background-image:none; background-color:rgba(0,0,0,0.03); border-radius:var(--border-radius); z-index:1; }
.gsc-webResult.gsc-result { margin:4rem 0 !important; }
.gsc-control-cse .gs-spelling,
.gsc-control-cse .gs-result .gs-title,
.gsc-control-cse .gs-result .gs-title * {
font-size:clamp(1.2rem,0.8vw + 1rem,1.7rem) !important;
font-family:GP, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;
color:light-dark(var(--brand-blue), white) !important;
font-weight:400 !important;
}
.gs-result a.gs-title:hover { border-bottom:2px solid var(--brand-blue-bright) !important; }
.gsc-results .gsc-cursor-box .gsc-cursor-page {
display:inline-block !important;
color:light-dark(var(--gray), white) !important;
background-color:transparent !important;
border-radius:0.4em;
padding:.75em !important;
min-width:2.5em;
text-align:center;
line-height:1;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page:focus,
.gsc-results .gsc-cursor-box .gsc-cursor-page:hover { background-color:light-dark(var(--gray-light),var(--brand-blue)) !important; }
.gsc-results .gsc-cursor-box .gsc-cursor-current-page { background-color:light-dark(var(--gray-extra-extra-light),var(--brand-blue-light)) !important; }
}
/* 480px (small)
----------------------------------------------------*/
@media only screen and (min-width:30em) {}
/* 768px (medium)
----------------------------------------------------*/
@media only screen and (min-width:48em) {
.gsc-control-cse .gsc-table-result { display:flex !important; flex-flow:row nowrap; }
/*.gs-webResult:not(.gs-no-results-result):not(.gs-error-result) .gs-snippet { padding:0 0 0 1.5rem; }*/
}
/* 960px (large)
----------------------------------------------------*/
@media only screen and (min-width:60em) {
/* Header */
.site-title a svg { width:250px; height:100px; }
.global-menu--body nav ul { display:flex; }
}
/* 1280px
----------------------------------------------------*/
@media only screen and (min-width:80em) {}
/* 1600px (x-large)
----------------------------------------------------*/
@media only screen and (min-width:100em) {
.page--full-width.page--longform .page-primary:not(.full-width) { grid-column: container-sm;
.section { margin-inline: -10vw; }
.image-right { margin-inline-end: -10vw; }
.image-left { margin-inline-start: -10vw; }
}
.site-title a svg { width:275px; height:110px; }
}
/* 1920px
----------------------------------------------------*/
@media only screen and (min-width:120em) {}
.sep-vertical {
display:block;
height:15vh;
min-height:200px;
margin:5vh auto;
width:auto;
position:relative;
}
hr.sep-vertical {
width:2px;
height:15vh;
min-height:200px;
margin:5vh auto;
border:none;
background-color:var(--brand-gold);
}
.line-heading::before {
position:absolute;
content:"";
width:calc(var(--gutter-width) - 10px);
height:2px;
background-color:var(--brand-gold);
left:0;
top:auto;
animation-name:sep-draw-in-h;
}
.line-heading::after {
position:absolute;
content:"";
height:0.5rem;
width:0.5rem;
left:var(--gutter-width);
top:auto;
transform:rotate(45deg) translateY(-50%);
background-color:var(--brand-gold);
animation-name:point-appear-end;
}
@keyframes sep-draw-in-v {
0% { transform:scaleY(0); }
100% { transform:scaleY(1); }
}
@keyframes sep-draw-in-h {
0% { transform:scaleX(0); }
100% { transform:scaleX(1); }
}
@keyframes point-appear-v-start {
0% { transform:scaleY(0); }
100% { transform:scaleY(1); }
}
@keyframes point-appear-v-end {
0% { transform:scaleY(0); }
95% { transform:scaleY(0); }
100% { transform:scaleY(1); }
}
@keyframes point-appear-h-end {
0% { transform:scale(0) rotate(45deg) translateY(-50%); }
95% { transform:scale(0) rotate(45deg) translateY(-50%); }
100% { transform:scale(1) rotate(45deg) translateY(-50%); }
}
@media not (prefers-reduced-motion) {
.sep-vertical {
transform:scaleY(0);
animation-name:sep-draw-in-v;
transform-origin:center top;
animation-duration:1ms;
animation-fill-mode:both;
animation-timeline:view();
animation-range:0 40%;
animation-timing-function:ease-out;
height:15vh;
min-height:200px;
}
.sep-vertical line {
transform-origin:0 0;
animation-name:sep-draw-in-v;
animation-duration:1s;
transform:scaleY(0);
animation-delay:250ms;
animation-fill-mode:both;
animation-timeline:view();
animation-range:0 40%;
animation-timing-function:ease-out;
}
.sep-vertical path {
animation-name:point-appear-v-start;
transform:scaleY(0);
animation-timeline:view();
animation-range:0 40%;
transform-origin:center top;
animation-fill-mode:both;
animation-timing-function:linear;
}
.sep-vertical path.end {
animation-name:point-appear-v-end;
transform-origin:center bottom;
}
.line-heading::before,
.line-heading::after {
animation-timeline:view();
animation-fill-mode:both;
animation-range:0 40%;
}
.line-heading::before {
transform-origin:left center;
animation-name:sep-draw-in-h;
}
.line-heading::after {
animation-name:point-appear-h-end;
transform-origin:center center;
}
}
/* Print
----------------------------------------------------*/
@media print {
.form-subscribe,
.section--search { display:none; }
}
/* Weglot
----------------------------------------------------*/
.weglot--header { display:none; white-space:nowrap; }
.weglot-container { background-color:transparent; padding-inline:.625rem .25rem; border-radius:var(--border-radius); }
.weglot-container::before { content:''; display:inline-block; width:1rem; height:1rem; background-size:contain; background-repeat:no-repeat; background-image:url('data:image/svg+xml;charset=utf-8,'); }
body[data-theme="dark"] .site-header .weglot-container::before,
.global-menu .weglot-container::before,
.site-footer .weglot-container::before,
.home .site-header .weglot-container::before { background-image:url('data:image/svg+xml;charset=utf-8,'); }
.wgcurrent { background-color:transparent !important; border:none !important;
a { color:light-dark(var(--gray-dark),white) !important; height:50px !important; text-decoration:underline !important; }
&::after { display:none !important; }
}
.wg-drop.country-selector {
.wg-li a { font-size:1rem; }
.wg-switcher-watermark { display:none !important; }
}
@media only screen and (width >= 60em) {
.weglot--header { display:block; }
}
}