@font-face { font-family: SFManrope; src: url("manrope.ttf") format("truetype"); font-display: swap; }
@font-face { font-family: SFInter; src: url("inter.ttf") format("truetype"); font-display: swap; }
html { scroll-behavior: smooth; }
body.sf-document { margin: 0px; background: rgb(16, 23, 25); }
.sf-page { --sf-ink: #11191d; --sf-paper: #f6f5f1; --sf-gold: #dbbb87; --sf-blue: #99c9de; color: var(--sf-ink); background: var(--sf-paper); font: 16px / 1.7 SFInter, Arial, sans-serif; overflow-wrap: break-word; }
.sf-page * { box-sizing: border-box; }
.sf-page a { color: inherit; text-underline-offset: 5px; }
.sf-page.sf-page h1, .sf-page.sf-page h2, .sf-page.sf-page h3 { font-family: SFManrope, Arial, sans-serif; font-weight: 400; letter-spacing: -0.045em; line-height: 1.12; margin: 0px; }
.sf-page.sf-page h1 { font-size: clamp(46px, 6.4vw, 92px); }
.sf-page.sf-page h2 { font-size: clamp(34px, 4.1vw, 58px); }
.sf-page.sf-page h3 { font-size: clamp(24px, 2.1vw, 30px); }
.sf-page p { margin: 0px 0px 20px; }
.sf-page :focus-visible { outline: rgb(167, 123, 45) solid 3px; outline-offset: 5px; }
.sf-page img { max-width: 100%; height: auto; display: block; }
.sf-wrap { width: min(1240px, 86%); margin-inline: auto; }
.sf-top { background: rgb(16, 23, 25); color: rgb(255, 255, 255); display: flex; min-height: 90px; gap: 32px; align-items: center; padding: 18px 5%; border-bottom: 1px solid rgba(255, 255, 255, 0.133); }
.sf-top-brand { font: 500 23px / 1 SFManrope, Arial, sans-serif; letter-spacing: 0.05em; text-decoration: none; white-space: nowrap; }
.sf-top-brand small { font: 12px SFInter, Arial, sans-serif; display: block; letter-spacing: 0.16em; margin-top: 9px; color: rgb(198, 201, 201); }
.sf-top nav { display: flex; align-items: center; gap: 24px; margin-left: auto; font-size: 14px; }
.sf-top nav a { text-decoration: none; }
.sf-top nav a:hover { text-decoration: underline; }
.sf-langs { display: flex; gap: 10px; align-items: center; font-size: 14px; }
.sf-langs a { padding: 7px 2px; text-decoration: none; color: rgb(191, 198, 200); }
.sf-langs a[aria-current="page"] { color: rgb(255, 255, 255); border-bottom: 1px solid var(--sf-gold); }
.sf-skip { position: absolute; left: 10px; top: -100px; z-index: 10; background: rgb(255, 255, 255); padding: 12px; }
.sf-skip:focus { top: 10px; }
.sf-hero { position: relative; background: rgb(6, 20, 31); color: rgb(255, 255, 255); min-height: 720px; display: flex; align-items: center; isolation: isolate; overflow: hidden; }
.sf-hero > figure { position: absolute; z-index: -2; inset: 0px; margin: 0px !important; }
.sf-hero > figure img { width: 100%; height: 100%; object-fit: cover; object-position: 65% 55%; }
.sf-hero::after { content: ""; position: absolute; inset: 0px; z-index: -1; background: linear-gradient(90deg, rgba(5, 16, 26, 0.92), rgba(5, 16, 26, 0.62) 55%, rgba(5, 16, 26, 0.12)), linear-gradient(0deg, rgb(7, 23, 33) 0%, transparent 50%); }
.sf-hero-copy { padding-block: 65px 50px; }
.sf-eyebrow { font-size: 12px; letter-spacing: 0.19em; text-transform: uppercase; font-weight: 600; margin-bottom: 25px !important; }
.sf-hero .sf-eyebrow { color: var(--sf-gold); }
.sf-page .sf-hero h1 { max-width: 960px; }
.sf-page .sf-hero h1 em { font-style: normal; color: var(--sf-gold); }
.sf-lead { font-size: 19px; line-height: 1.7; max-width: 660px; color: rgb(226, 232, 236); margin: 26px 0px 30px !important; }
.sf-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 15px 30px; margin-top: 30px; }
.sf-button { display: inline-flex; padding: 16px 24px; align-items: center; gap: 25px; background: rgb(246, 245, 241); font-size: 14px; text-decoration: none !important; color: rgb(21, 34, 42) !important; }
.sf-button::after { content: "↗"; font-size: 20px; }
.sf-button:hover { background: rgb(219, 187, 135); }
.sf-text-link { font-size: 14px; }
.sf-hero-bottom { display: flex; gap: 25px; justify-content: space-between; border-top: 1px solid rgba(255, 255, 255, 0.26); margin-top: 55px; padding-top: 22px; font-size: 12px; letter-spacing: 0.05em; color: rgb(227, 232, 235); }
.sf-hero-bottom span:last-child { max-width: 360px; text-align: right; }
.sf-subnav { background: rgb(255, 255, 255); display: flex; align-items: center; justify-content: space-between; gap: 25px; padding: 21px 7%; border-bottom: 1px solid rgb(221, 217, 209); position: sticky; top: 0px; z-index: 4; overflow-x: auto; white-space: nowrap; }
.sf-subnav strong { font-size: 14px; letter-spacing: 0.15em; font-weight: 500; }
.sf-subnav nav { display: flex; gap: 25px; font-size: 14px; }
.sf-subnav a { text-decoration: none; }
.sf-subnav a:hover { text-decoration: underline; }
.sf-section { padding-block: 100px; scroll-margin-top: 85px; }
.sf-intro { display: grid; grid-template-columns: 1fr 1fr; gap: 9%; align-items: start; }
.sf-page .sf-intro h2 { max-width: 550px; }
.sf-intro p { color: rgb(81, 91, 96); }
.sf-intro .sf-eyebrow { color: rgb(135, 99, 51); }
.sf-brand-flow { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 60px; border-top: 1px solid rgb(201, 198, 191); border-bottom: 1px solid rgb(201, 198, 191); gap: 0px; }
.sf-flow-item { padding: 35px 30px 35px 0px; position: relative; }
.sf-flow-item + div { border-left: 1px solid rgb(201, 198, 191); padding-left: 30px; }
.sf-flow-item small { display: block; font-size: 12px; color: rgb(104, 113, 116); margin-bottom: 20px; letter-spacing: 0.08em; text-transform: uppercase; }
.sf-page .sf-flow-item h3 { font-size: 32px; letter-spacing: 0.01em; margin-bottom: 15px; }
.sf-flow-item p { margin: 0px; color: rgb(81, 91, 96); font-size: 15px; }
.sf-flow-item:nth-child(2) { background: rgb(23, 38, 45); color: white; padding-right: 30px; }
.sf-flow-item:nth-child(2) small { color: var(--sf-gold); }
.sf-flow-item:nth-child(2) p { color: rgb(214, 223, 227); }
.sf-dark { background: rgb(20, 34, 41); color: rgb(255, 255, 255); }
.sf-dark .sf-eyebrow { color: var(--sf-gold); }
.sf-dark p { color: rgb(209, 220, 224); }
.sf-split { display: grid; grid-template-columns: 1fr 1fr; gap: 8%; align-items: center; }
.sf-photo { margin: 0px; }
.sf-photo img { width: 100%; height: 580px; object-fit: cover; object-position: center center; }
.sf-photo figcaption { font-size: 12px; line-height: 1.6; color: rgb(169, 187, 194); margin-top: 13px; }
.sf-copy p { margin-top: 24px; }
.sf-kpis { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; border-top: 1px solid rgba(255, 255, 255, 0.2); padding-top: 25px; margin-top: 36px; }
.sf-kpis strong { font: 400 30px / 1.2 SFManrope, Arial, sans-serif; color: var(--sf-gold); display: block; margin-bottom: 10px; }
.sf-kpis span { font-size: 13px; line-height: 1.55; color: rgb(209, 220, 224); display: block; }
.sf-section-head { display: flex; justify-content: space-between; gap: 50px; align-items: end; margin-bottom: 48px; }
.sf-section-head > p { max-width: 460px; color: rgb(93, 103, 108); margin: 0px; }
.sf-tech-grid { display: grid; grid-template-columns: 1.05fr 1fr; gap: 6%; align-items: center; }
.sf-suit { background: rgb(234, 234, 231); position: relative; padding: 35px; margin: 0px; min-height: 560px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.sf-suit img { width: 100%; max-height: 470px; object-fit: contain; mix-blend-mode: multiply; }
.sf-suit figcaption { font-size: 12px; color: rgb(89, 99, 105); margin-top: 20px; align-self: start; }
.sf-tech-list { display: grid; gap: 0px; }
.sf-tech-item { border-top: 1px solid rgb(201, 198, 191); display: grid; grid-template-columns: 42px 1fr; gap: 18px; padding: 25px 0px; }
.sf-tech-item:last-child { border-bottom: 1px solid rgb(201, 198, 191); }
.sf-tech-item > span { color: rgb(146, 118, 79); font-size: 13px; }
.sf-page .sf-tech-item h3 { font-size: 25px; margin-bottom: 10px; }
.sf-tech-item p { margin: 0px; color: rgb(88, 98, 104); font-size: 15px; }
.sf-note { font-size: 13px; color: rgb(86, 97, 104); border-left: 2px solid rgb(188, 164, 119); padding: 0px 0px 0px 20px; max-width: 920px; margin-top: 30px !important; }
.sf-timeline { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgb(184, 197, 202); margin-top: 50px; }
.sf-milestone { padding: 30px 30px 0px 0px; }
.sf-milestone + .sf-milestone { padding-left: 30px; border-left: 1px solid rgb(188, 200, 204); }
.sf-milestone strong { font: 400 40px / 1.2 SFManrope, Arial, sans-serif; display: block; color: rgb(147, 109, 52); margin-bottom: 20px; }
.sf-page .sf-milestone h3 { font-size: 25px; margin-bottom: 15px; }
.sf-milestone p { color: rgb(82, 97, 104); font-size: 15px; }
.sf-milestone a { font-size: 13px; }
.sf-blue { background: rgb(231, 237, 239); }
.sf-transfer-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8%; align-items: start; }
.sf-route { border-top: 1px solid rgb(201, 198, 191); padding: 26px 0px; display: grid; grid-template-columns: 40px 1fr; gap: 18px; }
.sf-route:last-child { border-bottom: 1px solid rgb(201, 198, 191); }
.sf-route span { font-size: 13px; color: rgb(138, 107, 58); }
.sf-page .sf-route h3 { margin-bottom: 12px; font-size: 26px; }
.sf-route p { color: rgb(85, 96, 102); margin: 0px; font-size: 15px; }
.sf-transfer-grid .sf-copy { position: sticky; top: 120px; }
.sf-transfer-grid .sf-copy p { color: rgb(88, 98, 104); }
.sf-team { display: grid; grid-template-columns: 1fr 1fr; gap: 8%; align-items: center; }
.sf-team figure { margin: 0px; }
.sf-team img { width: 100%; max-height: 480px; object-fit: cover; }
.sf-team figcaption { font-size: 12px; color: rgb(185, 201, 206); margin-top: 12px; }
.sf-team p { margin-top: 25px; }
.sf-disciplines { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 30px; }
.sf-disciplines span { border: 1px solid rgba(255, 255, 255, 0.24); padding: 8px 13px; font-size: 13px; }
.sf-sources { padding-block: 60px; border-top: 1px solid rgb(210, 208, 201); }
.sf-page .sf-sources h2 { font-size: 32px; }
.sf-sources ol { padding-left: 23px; display: grid; grid-template-columns: 1fr 1fr; gap: 20px 60px; margin-top: 30px; font-size: 14px; line-height: 1.55; }
.sf-sources li { padding-left: 5px; }
.sf-sources li small { display: block; color: rgb(102, 112, 120); margin-top: 6px; font-size: 12px; }
.sf-cta { padding-block: 75px; background: rgb(205, 179, 137); color: rgb(16, 34, 43); }
.sf-cta .sf-wrap { display: flex; justify-content: space-between; align-items: center; gap: 40px; }
.sf-page .sf-cta h2 { max-width: 700px; }
.sf-cta .sf-eyebrow { margin-bottom: 15px !important; }
.sf-foot { background: rgb(16, 23, 25); color: rgb(211, 217, 220); padding: 40px 7%; display: flex; align-items: center; justify-content: space-between; gap: 30px; font-size: 13px; }
.sf-foot p { margin: 0px; }
.sf-foot a { margin-left: 20px; }
.sf-footer-brand { font: 400 22px SFManrope, Arial, sans-serif; letter-spacing: 0.02em; }
.sf-lang-panel[hidden] { display: none !important; }
@media (min-width: 1600px) {
  .sf-hero { min-height: 780px; }
}
@media (max-width: 1000px) {
  .sf-top nav { display: none; }
  .sf-top .sf-langs { margin-left: auto; }
  .sf-subnav strong { display: none; }
  .sf-section { padding-block: 75px; }
  .sf-hero { min-height: 680px; }
  .sf-photo img { height: 500px; }
  .sf-suit { min-height: 490px; padding: 20px; }
  .sf-split, .sf-intro, .sf-team, .sf-tech-grid, .sf-transfer-grid { gap: 5%; }
  .sf-page .sf-hero h1 { font-size: 65px; }
}
@media (max-width: 700px) {
  .sf-wrap { width: 86%; }
  .sf-top { min-height: 80px; padding-inline: 7%; gap: 12px; }
  .sf-top-brand { font-size: 19px; }
  .sf-top-brand small { font-size: 10px; }
  .sf-langs { gap: 10px; }
  .sf-hero { min-height: 680px; }
  .sf-hero-copy { padding-block: 45px; }
  .sf-page .sf-hero h1 { font-size: clamp(42px, 10.5vw, 64px); }
  .sf-lead { font-size: 17px; }
  .sf-hero-bottom { margin-top: 40px; flex-direction: column; gap: 12px; }
  .sf-hero-bottom span:last-child { text-align: left; }
  .sf-subnav { padding: 17px 7%; }
  .sf-subnav nav { gap: 22px; }
  .sf-section { padding-block: 64px; }
  .sf-intro, .sf-split, .sf-team, .sf-tech-grid, .sf-transfer-grid { grid-template-columns: 1fr; gap: 35px; }
  .sf-brand-flow, .sf-timeline { grid-template-columns: 1fr; margin-top: 35px; }
  .sf-flow-item { padding: 27px 0px; }
  .sf-flow-item + div { border-left: 0px; border-top: 1px solid rgb(201, 198, 191); padding: 27px 0px; }
  .sf-flow-item:nth-child(2) { padding: 27px; }
  .sf-section-head { display: block; margin-bottom: 30px; }
  .sf-section-head > p { margin-top: 20px; }
  .sf-photo img { height: 430px; }
  .sf-suit { min-height: 0px; padding: 24px; }
  .sf-suit img { max-height: 400px; }
  .sf-milestone { padding: 25px 0px; }
  .sf-milestone + .sf-milestone { border-left: 0px; border-top: 1px solid rgb(188, 200, 204); padding: 25px 0px 0px; }
  .sf-milestone strong { font-size: 34px; }
  .sf-transfer-grid .sf-copy { position: static; }
  .sf-sources ol { grid-template-columns: 1fr; }
  .sf-cta .sf-wrap { display: block; }
  .sf-cta .sf-button { margin-top: 30px; }
  .sf-foot { align-items: start; flex-direction: column; }
  .sf-foot a { margin: 0px 20px 0px 0px; }
  .sf-page.sf-page h2 { font-size: 38px; }
  .sf-kpis { gap: 18px; }
  .sf-kpis strong { font-size: 26px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}
@media print {
  .sf-top, .sf-subnav, .sf-actions, .sf-cta, .sf-langs { display: none !important; }
  .sf-hero { min-height: 380px; }
  .sf-page .sf-hero h1 { font-size: 48px; }
  .sf-section { padding-block: 35px; }
  .sf-photo img { height: 350px; }
  .sf-sources ol { display: block; }
  .sf-sources li { margin-bottom: 12px; }
  .sf-transfer-grid .sf-copy { position: static; }
}
.sf-subbrand { display: block; min-width: 180px; }
.sf-subbrand img { width: 180px; height: auto; }
@media (max-width: 1000px) {
  .sf-subbrand { display: none; }
}
.sf-top .sf-langs { gap: 10px; flex-shrink: 0; }
@media (max-width: 700px) {
  .sf-top-brand small { max-width: 155px; white-space: normal; line-height: 1.4; font-size: 9px; letter-spacing: 0.09em; }
  .sf-top .sf-langs { gap: 9px; font-size: 13px; }
  .sf-page .sf-hero h1 { font-size: clamp(36px, 9.8vw, 50px); hyphens: auto; }
  .sf-actions > .sf-button { flex-shrink: 0; }
}
.sf-top .sf-langs { display: flex; }
.sf-page .wp-block-group__inner-container { display: contents; }
.sf-hero .wp-block-image { position: absolute; z-index: -2; inset: 0px; margin: 0px !important; }
.sf-hero .wp-block-image img { width: 100%; height: 100%; object-fit: cover; object-position: 65% 55%; }
/* SPACEFIT 1.1: report expansion, editable blocks and uncropped archive images. */
.sf-page .sf-section-lead{max-width:930px;margin-top:25px;color:#526168;font-size:18px;line-height:1.75}
.sf-dark .sf-section-lead{color:#d1dce0}
.sf-science-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:46px}
.sf-science-card{border-top:2px solid #b79d72;padding-top:25px}
.sf-page .sf-science-card h3{margin-bottom:20px;font-size:28px}
.sf-science-card p:last-child{color:#526168;font-size:15px}
.sf-science-card .sf-eyebrow{font-size:11px;letter-spacing:.12em;color:#71542c}
.sf-reading-links{display:flex;flex-wrap:wrap;gap:14px 28px;margin:25px 0;font-size:13px}
.sf-outcome-block{margin-top:55px;padding:35px;background:#f6f5f1;border:1px solid #cdd5d8}
.sf-page .sf-outcome-block h2{font-size:32px;max-width:900px}
.sf-outcomes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:30px}
.sf-page .sf-outcome h3{font-size:22px;margin-bottom:12px}
.sf-outcome p{font-size:14px;color:#526168;margin:0}
.sf-photo img,.sf-team img{width:100%;height:auto!important;max-height:none;object-fit:contain!important}
.sf-garment-section{padding-top:10px}
.sf-garment-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:35px}
.sf-garment-gallery figure{margin:0;background:#e7e7e5}
.sf-garment-gallery img{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}
.sf-garment-gallery figcaption{padding:16px;font-size:13px;text-align:center;margin:0}
.sf-highlights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:45px 0 70px}
.sf-highlight{padding-top:25px;border-top:2px solid #9d7b43}
.sf-highlight-date{font-size:12px;letter-spacing:.08em;color:#785728}
.sf-page .sf-highlight h3{font-size:26px;margin-bottom:16px}
.sf-highlight p:last-child{font-size:14px;color:#526168}
.sf-year-nav{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0}
.sf-year-nav a{padding:8px 18px;border:1px solid #a4b5bd;text-decoration:none;font-size:14px}
.sf-year-nav a:hover{background:#142229;color:white}
.sf-year{border-top:1px solid #aabcc5;scroll-margin-top:110px}
.sf-year:last-child{border-bottom:1px solid #aabcc5}
.sf-year>summary{padding:25px 36px 25px 0;cursor:pointer;position:relative;font:500 24px/1.35 SFManrope,Arial,sans-serif;list-style:none}
.sf-year>summary::-webkit-details-marker{display:none}
.sf-year>summary:after{content:'+';position:absolute;right:4px;top:24px;font-size:26px}
.sf-year[open]>summary:after{content:'−'}
.sf-year>summary small{display:block;font:13px/1.6 SFInter,Arial,sans-serif;color:#5b6c75;margin-top:6px}
.sf-year-content{padding:0 0 25px 0}
.sf-event{display:grid;grid-template-columns:190px minmax(0,1fr);gap:35px;border-top:1px solid #cbd4d8;padding:25px 0}
.sf-event-date{font-size:13px;color:#795d32;letter-spacing:.02em}
.sf-page .sf-event h3{font-size:22px;margin-bottom:9px;letter-spacing:-.02em}
.sf-event p{font-size:14px;margin-bottom:0;max-width:830px}
.sf-conference-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin:45px 0}
.sf-conference-gallery figure{margin:0}
.sf-conference-gallery figure:last-child{grid-column:1/-1;max-width:980px;width:100%;margin-inline:auto}
.sf-conference-gallery img{width:100%;height:auto;object-fit:contain}
.sf-conference-gallery figcaption{font-size:13px;color:#c4d0d5;margin-top:15px;line-height:1.65}
.sf-conference-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;border-top:1px solid #ffffff40;padding-top:35px}
.sf-page .sf-conference-point h3{font-size:25px;margin-bottom:15px}
.sf-conference-point p{font-size:14px}
.sf-concept-section{padding-top:0}
.sf-concept{margin:0;max-width:1000px;margin-inline:auto}
.sf-concept img{width:100%;height:auto;object-fit:contain}
.sf-concept figcaption{font-size:13px;color:#566168;margin-top:16px}
.sf-subnav{padding-inline:max(4%,calc((100vw - 1400px)/2))}
.sf-subnav nav{gap:20px;font-size:13px}
.sf-subbrand{min-width:145px}
.sf-subbrand img{width:145px}
@media(max-width:1150px){.sf-subbrand{display:none}
.sf-subnav{justify-content:center}
.sf-highlights{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.sf-science-grid,.sf-outcomes,.sf-conference-points{grid-template-columns:1fr;gap:25px}
.sf-page .sf-science-card h3{max-width:600px}
.sf-science-card p:last-child{max-width:700px}
.sf-garment-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
.sf-subnav{justify-content:flex-start}
.sf-event{grid-template-columns:145px minmax(0,1fr);gap:20px}}
@media(max-width:600px){.sf-page.sf-page h2{font-size:33px}
.sf-outcome-block{padding:25px 20px}
.sf-page .sf-outcome-block h2{font-size:28px}
.sf-section-lead{font-size:16px!important}
.sf-highlights{gap:15px}
.sf-page .sf-highlight h3{font-size:22px}
.sf-highlight p:last-child{font-size:13px}
.sf-event{grid-template-columns:1fr;gap:10px;padding:22px 0}
.sf-year>summary{font-size:21px}
.sf-conference-gallery{grid-template-columns:1fr}
.sf-conference-gallery figure:last-child{grid-column:auto}
.sf-garment-gallery{gap:10px}
.sf-garment-gallery figcaption{padding:12px 5px;font-size:12px}
.sf-top{flex-wrap:wrap;gap:14px}
.sf-top .sf-langs{margin-left:auto}
.sf-page .sf-year-nav{gap:7px}
.sf-year-nav a{padding:7px 12px}
.sf-conference-points{gap:20px}}
@media print{.sf-year:not([open])>.sf-year-content{display:block!important}
.sf-subnav,.sf-year-nav{display:none!important}
.sf-highlights{break-inside:avoid}
.sf-year>summary{font-size:20px}
.sf-event{break-inside:avoid}
.sf-conference-gallery img{max-height:400px;object-fit:contain}}