.fewr-reference{--ink: #151c32; --blue: #12326e; --mid: #004f9f; --sky: #007fc8; --paper: #fff; --mist: #f2f6fa; --muted: #4b5768; --lime: #9ac32b; --gutter: 5.5vw; --max: 1400px;}
.fewr-reference *{box-sizing: border-box;}
.fewr-reference{scroll-behavior: smooth; scroll-padding-top: 135px;}
.fewr-reference{margin: 0px; font: 400 17px / 1.8 Poppins, Arial, sans-serif; color: var(--ink); background: rgb(255, 255, 255);}
.fewr-reference button,.fewr-reference input,.fewr-reference select,.fewr-reference textarea{font: inherit;}
.fewr-reference a{color: inherit; text-decoration: none;}
.fewr-reference button,.fewr-reference a,.fewr-reference summary{-webkit-tap-highlight-color: transparent;}
.fewr-reference button,.fewr-reference summary{cursor: pointer;}
.fewr-reference button{color: inherit;}
.fewr-reference img{display: block; max-width: 100%; height: auto;}
.fewr-reference p{margin: 0px 0px 22px;}
.fewr-reference h1,.fewr-reference h2,.fewr-reference h3{margin: 0px; font-weight: 700; letter-spacing: -0.045em; line-height: 1.13;}
.fewr-reference h1{font-size: clamp(42px, 5.4vw, 80px);}
.fewr-reference h2{font-size: clamp(31px, 3.3vw, 48px);}
.fewr-reference h3{font-size: 23px; letter-spacing: -0.025em; line-height: 1.3;}
.fewr-reference ul{padding-left: 22px; margin: 0px 0px 25px;}
.fewr-reference li + li{margin-top: 12px;}
.fewr-reference figure{margin: 0px;}
.fewr-reference blockquote{margin: 0px;}
.fewr-reference button{border: 0px; background: none;}
.fewr-reference a:focus-visible,.fewr-reference button:focus-visible,.fewr-reference summary:focus-visible,.fewr-reference input:focus-visible,.fewr-reference select:focus-visible,.fewr-reference textarea:focus-visible{outline: 3px solid var(--sky); outline-offset: 6px;}
.fewr-reference .wrap{width: min(calc(100% - var(--gutter)*2),var(--max)); margin-inline: auto;}
.fewr-reference .section{padding-block: 90px;}
.fewr-reference .skip{position: fixed; left: 20px; top: -100px; background: rgb(255, 255, 255); padding: 15px; z-index: 300;}
.fewr-reference .skip:focus{top: 10px;}
.fewr-reference .site-header{position: sticky; top: 0px; background: rgb(255, 255, 255); z-index: 100;}
.fewr-reference .utility{height: 34px; display: flex; justify-content: space-between; align-items: center; font-size: 12px; line-height: 1.4; color: var(--muted);}
.fewr-reference .utility > div{display: flex; gap: 28px;}
.fewr-reference .utility .inline-link{font-size: 12px; gap: 13px;}
.fewr-reference .masthead{height: 92px; display: flex; align-items: center; justify-content: space-between; gap: 40px;}
.fewr-reference .brand{display: block; padding-block: 8px; flex: 0 0 auto;}
.fewr-reference .brand img{width: 210px; height: auto;}
.fewr-reference #site-nav{display: flex; gap: 32px; align-items: center;}
.fewr-reference .nav-item > summary{list-style: none; display: flex; gap: 10px; align-items: center; font-size: 15px; font-weight: 500; line-height: 1.4; padding: 28px 0px;}
.fewr-reference .nav-item > summary::after{content: "+"; font-size: 17px; color: var(--mid);}
.fewr-reference .nav-item[open] > summary::after{content: "−";}
.fewr-reference summary::-webkit-details-marker{display: none;}
.fewr-reference .nav-item[open] > summary{color: var(--mid);}
.fewr-reference .nav-panel{position: absolute; left: 0px; right: 0px; top: 126px; background: var(--mist); padding: 42px max(var(--gutter),calc((100vw - var(--max))/2)); display: grid; grid-template-columns: 1fr 2fr; gap: 65px; box-shadow: rgba(21, 28, 50, 0.063) 0px 24px 25px;}
.fewr-reference .nav-panel-intro span{font-size: 13px; color: var(--muted);}
.fewr-reference .nav-panel-intro h2{font-size: 42px; margin-top: 12px;}
.fewr-reference .nav-panel-links{display: grid; grid-template-columns: 1fr 1fr; gap: 8px 42px;}
.fewr-reference .nav-panel-links a{padding: 10px 0px; font-size: 16px;}
.fewr-reference .nav-contact,.fewr-reference .solid-button,.fewr-reference .light-button{display: inline-flex; align-items: center; justify-content: space-between; gap: 35px; background: var(--blue); color: rgb(255, 255, 255); min-height: 52px; padding: 14px 25px; border-radius: 0px; font-size: 15px; line-height: 1.5; font-weight: 500; transition: background 0.2s;}
.fewr-reference .nav-contact{min-height: 48px; padding: 12px 24px;}
.fewr-reference .nav-contact:hover,.fewr-reference .solid-button:hover{background: var(--mid);}
.fewr-reference .inline-link{display: inline-flex; align-items: center; justify-content: space-between; gap: 30px; font-weight: 500; font-size: 15px; line-height: 1.6; color: var(--mid);}
.fewr-reference .inline-link span,.fewr-reference .solid-button span,.fewr-reference .nav-contact span,.fewr-reference .light-button span{font-size: 23px; line-height: 1; transition: transform 0.2s;}
.fewr-reference .inline-link:hover span,.fewr-reference .solid-button:hover span{transform: translate(3px, -3px);}
.fewr-reference .menu-button{display: none;}
.fewr-reference .full-stop{color: var(--sky);}
@keyframes photograph-entry {0% { clip-path: inset(4% 2%); }100% { clip-path: inset(0px); }}
@keyframes heading-entry {0% { opacity: 0; transform: translateY(16px); }100% { opacity: 1; transform: none; }}
.fewr-reference .section-top{display: flex; align-items: flex-end; justify-content: space-between; gap: 70px; margin-bottom: 42px;}
.fewr-reference .section-top > p,.fewr-reference .section-top > div{max-width: 500px; color: var(--muted); margin: 0px;}
.fewr-reference .section-top h2{max-width: 720px;}
.fewr-reference .section-top > div > p{margin-bottom: 15px;}
.fewr-reference .solution-index{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 40px 55px;}
.fewr-reference .solution-index > a{display: grid; grid-template-columns: 42px minmax(0px, 1fr) 28px; gap: 12px 15px; align-content: start; padding: 18px 0px; position: relative;}
.fewr-reference .solution-index img{width: 38px; height: 38px; object-fit: contain; grid-row: 1 / 3;}
.fewr-reference .solution-index h3{font-size: 22px; padding-top: 3px;}
.fewr-reference .solution-index p{grid-column: 2 / -1; line-height: 1.7; font-size: 15px; color: var(--muted); margin: 0px;}
.fewr-reference .round-arrow{color: var(--mid); font-size: 26px; line-height: 1.4; transition: transform 0.2s;}
.fewr-reference .solution-index a:hover .round-arrow{transform: translate(3px, -3px);}
.fewr-reference .solution-index a:hover h3{color: var(--mid);}
.fewr-reference .statement-block{background: var(--blue); color: rgb(255, 255, 255); padding-block: 85px;}
.fewr-reference .statement-layout{display: grid; grid-template-columns: 1.2fr 1fr; gap: 22px 90px;}
.fewr-reference .section-label{font-size: 14px; grid-column: 1 / -1; margin: 0px;}
.fewr-reference .statement-layout h2{font-size: clamp(36px, 3.6vw, 54px); line-height: 1.2; max-width: 760px;}
.fewr-reference .statement-layout > div{padding-top: 5px;}
.fewr-reference .statement-layout p{font-size: 18px; line-height: 1.85;}
.fewr-reference .statement-layout .inline-link{color: rgb(255, 255, 255);}
.fewr-reference .logo-grid{display: grid; grid-template-columns: repeat(6, minmax(0px, 1fr)); gap: 15px 30px; align-items: center;}
.fewr-reference .vendor-logo{min-width: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 95px; padding: 12px 0px;}
.fewr-reference .vendor-mark{display: block; width: 160px; height: 64px; max-width: 100%; background-repeat: no-repeat; flex: 0 0 auto;}
.fewr-reference .vendor-name{font-size: 12px; line-height: 1.4; margin-top: -9px;}
.fewr-reference .journal-grid{display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 35px;}
.fewr-reference .journal-photo{height: 235px; overflow: hidden; margin-bottom: 22px;}
.fewr-reference .journal-photo img{width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s;}
.fewr-reference .journal-item:hover img{transform: scale(1.035);}
.fewr-reference .journal-item h3{font-size: 25px; line-height: 1.3; margin-bottom: 20px;}
.fewr-reference .journal-item:first-child h3{font-size: 31px;}
.fewr-reference .site-footer{background: var(--ink); color: rgb(255, 255, 255); padding-bottom: 25px;}
.fewr-reference .footer-top{display: grid; grid-template-columns: 1.4fr 1fr; gap: 80px; align-items: end; padding-top: 70px; padding-bottom: 65px;}
.fewr-reference .footer-top h2{font-size: clamp(45px, 5.8vw, 84px); font-weight: 600; line-height: 1.1;}
.fewr-reference .footer-top > div{justify-self: end; min-width: 300px;}
.fewr-reference .footer-top p{font-size: 18px; color: rgb(220, 228, 236);}
.fewr-reference .light-button{background: rgb(255, 255, 255); color: var(--blue); min-width: 240px;}
.fewr-reference .light-button:hover{background: var(--mist);}
.fewr-reference .footer-main{display: grid; grid-template-columns: 1.4fr 0.75fr 0.75fr 1fr; gap: 55px; padding-block: 45px;}
.fewr-reference .footer-brand img{width: 220px; height: auto;}
.fewr-reference .footer-brand p{font-size: 14px; margin-top: 22px; color: rgb(220, 228, 236);}
.fewr-reference .footer-main h3{font-size: 14px; letter-spacing: 0px; font-weight: 500; color: rgb(220, 228, 236); margin-bottom: 18px;}
.fewr-reference .footer-main > div:not(:first-child) > a{display: flex; font-size: 15px; line-height: 1.5; margin-bottom: 12px; font-weight: 400; color: rgb(255, 255, 255); justify-content: flex-start; gap: 15px;}
.fewr-reference .footer-main .inline-link span{font-size: 17px;}
.fewr-reference .footer-bottom{display: flex; justify-content: space-between; align-items: center; gap: 25px; padding-top: 30px; font-size: 12px; color: rgb(220, 228, 236);}
.fewr-reference .footer-bottom > div{display: flex; gap: 24px; align-items: center;}
.fewr-reference .footer-bottom button{font-size: 12px; padding: 5px; color: rgb(220, 228, 236);}
.fewr-reference .crumb{display: flex; flex-wrap: wrap; gap: 12px; font-size: 12px; color: var(--muted); line-height: 1.6; margin-bottom: 32px;}
.fewr-reference .crumb > span:last-child{max-width: 600px;}
.fewr-reference .page-opening{padding-top: 48px; padding-bottom: 50px;}
.fewr-reference .page-opening h1{max-width: 1100px; color: var(--blue); text-wrap: balance;}
.fewr-reference .page-intro{font-size: 21px; color: var(--muted); max-width: 920px; line-height: 1.8; margin-top: 28px; margin-bottom: 0px;}
.fewr-reference .service-opening h1{max-width: 1150px;}
.fewr-reference .service-feature{display: grid; grid-template-columns: 1.3fr 1fr; gap: 65px; align-items: center; padding-top: 10px;}
.fewr-reference .service-image{height: 430px; overflow: hidden;}
.fewr-reference .service-image img{width: 100%; height: 100%; object-fit: cover;}
.fewr-reference .service-feature-copy h2{font-size: 31px; line-height: 1.2; margin-bottom: 23px;}
.fewr-reference .service-feature-copy p{font-size: 16px; color: var(--muted); line-height: 1.8;}
.fewr-reference .service-detail{display: grid; grid-template-columns: 0.8fr 1.3fr; gap: 100px; align-items: start;}
.fewr-reference .service-detail > h2,.fewr-reference .service-detail > div:first-child{position: sticky; top: 160px;}
.fewr-reference .capability,.fewr-reference .question{padding-block: 22px; border-bottom: 1px solid rgb(220, 228, 236);}
.fewr-reference .capability:first-child,.fewr-reference .question:first-child{padding-top: 0px;}
.fewr-reference .capability summary,.fewr-reference .question summary{list-style: none; display: flex; justify-content: space-between; gap: 25px; align-items: start; line-height: 1.5; font-weight: 500;}
.fewr-reference .capability summary h3{font-size: 25px; line-height: 1.35;}
.fewr-reference .capability summary > span,.fewr-reference .question summary > span{font-size: 25px; color: var(--mid); font-weight: 400; line-height: 1.2;}
.fewr-reference .capability[open] summary > span,.fewr-reference .question[open] summary > span{transform: rotate(45deg);}
.fewr-reference .capability p,.fewr-reference .question p{margin-top: 20px; margin-bottom: 0px; color: var(--muted); font-size: 17px;}
.fewr-reference .prepare-section{background: var(--mist);}
.fewr-reference .prepare-layout{display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: start;}
.fewr-reference .prepare-layout h2{font-size: 38px;}
.fewr-reference .prepare-layout li{font-size: 17px;}
.fewr-reference .related-links{padding-bottom: 75px; display: flex; flex-wrap: wrap; gap: 18px 35px;}
.fewr-reference .related-links h2{width: 100%; font-size: 29px; margin-bottom: 8px;}
.fewr-reference .company-title h1{font-size: clamp(50px, 6.7vw, 100px);}
.fewr-reference .company-manifesto{display: grid; grid-template-columns: 1fr 1.2fr; gap: 90px; padding-top: 55px;}
.fewr-reference .company-manifesto p{font-size: 18px; color: var(--muted);}
.fewr-reference .company-principles{padding-bottom: 80px;}
.fewr-reference .ref-about-principles > div{display: grid; grid-template-columns: 1fr 1fr; gap: 75px;}
.fewr-reference .ref-about-principles h2{font-size: 35px; margin-bottom: 24px;}
.fewr-reference .ref-about-principles h3{font-size: 24px; margin-bottom: 16px;}
.fewr-reference .ref-about-principles p{color: var(--muted);}
.fewr-reference .ref-about-principles article + article{margin-top: 30px;}
.fewr-reference .ref-about-principles .eyebrow{display: none;}
.fewr-reference .all-partners{padding-top: 20px;}
.fewr-reference .all-partners .logo-grid{gap: 30px;}
.fewr-reference .all-partners .vendor-logo{min-height: 120px;}
.fewr-reference .sector-gallery{display: grid; grid-template-columns: 1fr 1fr; gap: 70px 45px; padding-top: 10px;}
.fewr-reference .sector-card{display: block;}
.fewr-reference .sector-photo{height: 340px; overflow: hidden; margin-bottom: 28px;}
.fewr-reference .sector-photo img{width: 100%; height: 100%; object-fit: cover;}
.fewr-reference .sector-card h2{font-size: 33px; margin-bottom: 18px;}
.fewr-reference .sector-card p{font-size: 17px; line-height: 1.8; color: var(--muted);}
.fewr-reference .article-title{max-width: 1100px; margin-left: max(var(--gutter),calc((100vw - var(--max))/2)); margin-right: var(--gutter);}
.fewr-reference .article-title h1{font-size: clamp(42px, 5vw, 72px);}
.fewr-reference .article-photo{height: 380px; overflow: hidden;}
.fewr-reference .article-photo img{width: 100%; height: 100%; object-fit: cover;}
.fewr-reference .reading-layout{display: grid; grid-template-columns: 280px minmax(0px, 800px); gap: 85px; align-items: start;}
.fewr-reference .reading-sidebar{position: sticky; top: 160px;}
.fewr-reference .reading-sidebar p{font-size: 14px; font-weight: 600; margin-bottom: 18px;}
.fewr-reference .reading-sidebar a{display: flex; font-size: 14px; line-height: 1.6; margin-bottom: 16px; gap: 20px; align-items: start;}
.fewr-reference .reading-sidebar a span{font-size: 18px;}
.fewr-reference .reading-body > section{margin-bottom: 55px; scroll-margin-top: 155px;}
.fewr-reference .reading-body h2{font-size: 33px; margin-bottom: 23px; line-height: 1.25;}
.fewr-reference .reading-body h3{font-size: 24px; margin-top: 28px; margin-bottom: 18px;}
.fewr-reference .reading-body p{color: var(--muted); font-size: 18px; line-height: 1.9;}
.fewr-reference .reading-body li{font-size: 17px; line-height: 1.85;}
.fewr-reference .reading-body a{color: var(--mid); text-decoration: underline; text-underline-offset: 4px;}
.fewr-reference .reading-body table{width: 100%; border-collapse: collapse; font-size: 15px;}
.fewr-reference .reading-body th,.fewr-reference .reading-body td{padding: 15px; text-align: left; border-bottom: 1px solid rgb(220, 228, 236); vertical-align: top;}
.fewr-reference .guide-example,.fewr-reference .guide-checklist{background: var(--mist); padding: 30px;}
.fewr-reference .reading-body .approved-icon{width: 48px; height: 48px; margin-bottom: 20px;}
.fewr-reference .content-body{padding-top: 15px; padding-bottom: 75px;}
.fewr-reference .content-body > section{padding-block: 35px;}
.fewr-reference .content-body h2{font-size: 35px; margin-bottom: 24px;}
.fewr-reference .content-body h3{font-size: 24px; margin-bottom: 18px;}
.fewr-reference .content-body p{color: var(--muted);}
.fewr-reference .content-body .eyebrow{font-size: 13px; font-weight: 500; color: var(--mid); letter-spacing: 0.04em; margin-bottom: 20px;}
.fewr-reference .content-body .approved-icon{width: 44px; height: 44px; object-fit: contain;}
.fewr-reference .content-body .text-link,.fewr-reference .content-body .button{display: inline-flex; gap: 25px; align-items: center; font-size: 15px; font-weight: 500; color: var(--mid);}
.fewr-reference .content-body .button{padding: 14px 24px; background: var(--blue); color: rgb(255, 255, 255);}
.fewr-reference .content-body .lead{font-size: 21px;}
.fewr-reference .content-body .guide-visual-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 50px;}
.fewr-reference .guide-visual{display: block;}
.fewr-reference .guide-visual > img{width: 100%; height: 270px; object-fit: cover; margin-bottom: 25px;}
.fewr-reference .guide-visual h3{font-size: 28px;}
.fewr-reference .guide-device-graphic{height: 270px; background: var(--mist); padding: 45px; margin-bottom: 25px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 25px;}
.fewr-reference .guide-device-graphic span{font-size: 15px;}
.fewr-reference .resource-routes{display: flex; gap: 40px;}
.fewr-reference .content-body .philosophy-pillars{display: grid; grid-template-columns: 1fr 1fr; gap: 50px 70px;}
.fewr-reference .philosophy-pillars article{padding: 15px 0px !important; border: 0px !important;}
.fewr-reference .philosophy-pillars h2{font-size: 42px;}
.fewr-reference .philosophy-pillars h3{font-size: 23px; margin-bottom: 18px;}
.fewr-reference .office-directory{display: grid; grid-template-columns: repeat(3, 1fr); gap: 45px;}
.fewr-reference .office-directory article{border: 0px !important; padding: 0px !important;}
.fewr-reference .office-directory h2{font-size: 27px;}
.fewr-reference .office-directory h3{font-size: 20px;}
.fewr-reference .office-directory address{font-style: normal; font-size: 16px; color: var(--muted);}
.fewr-reference .office-directory a{color: var(--mid);}
.fewr-reference .office-directory .office-actions{display: flex; gap: 20px;}
.fewr-reference .sector-needs{display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px;}
.fewr-reference .sector-needs h2{font-size: 27px; margin-top: 20px;}
.fewr-reference .sector-context{max-width: 1000px;}
.fewr-reference .solution-rows{display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.fewr-reference .solution-row{display: block;}
.fewr-reference .solution-row .approved-icon{margin-bottom: 15px;}
.fewr-reference .event-feature{display: grid; grid-template-columns: 200px 1fr; gap: 45px;}
.fewr-reference .events-layout{display: grid; grid-template-columns: 1.6fr 1fr; gap: 70px;}
.fewr-reference .event-date-art{background: var(--blue); color: rgb(255, 255, 255); padding: 25px; display: flex; flex-direction: column; justify-content: center;}
.fewr-reference .event-date-art strong{font-size: 75px; font-weight: 600; line-height: 1.4;}
.fewr-reference .event-date-art span,.fewr-reference .event-date-art b{font-size: 12px;}
.fewr-reference .event-date-art p{color: rgb(255, 255, 255); font-size: 17px; margin-top: 20px;}
.fewr-reference .next-event h2,.fewr-reference .event-feature h2{font-size: 33px;}
.fewr-reference .archive-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 35px;}
.fewr-reference .archive-card{display: block;}
.fewr-reference .archive-card h3{font-size: 26px;}
.fewr-reference .archive-card .arrow{font-size: 15px; color: var(--mid);}
.fewr-reference .archive-summary{font-size: 16px;}
.fewr-reference .event-recap{display: grid; grid-template-columns: 230px 1fr; gap: 60px;}
.fewr-reference .briefing-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 50px;}
.fewr-reference .briefing-art{height: 270px; position: relative; overflow: hidden; margin-bottom: 25px;}
.fewr-reference .briefing-art img{height: 100%; width: 100%; object-fit: cover;}
.fewr-reference .briefing-art > span{position: absolute; bottom: 0px; left: 0px; background: rgb(255, 255, 255); padding: 8px 15px; font-size: 12px;}
.fewr-reference .briefing-text h2{font-size: 30px;}
.fewr-reference .briefing-text .eyebrow{font-size: 11px;}
.fewr-reference .contact-layout{padding-top: 50px;}
.fewr-reference .contact-page{display: grid; grid-template-columns: 1fr 1fr; gap: 100px;}
.fewr-reference .contact-page h1{font-size: 68px; color: var(--blue); margin-bottom: 25px;}
.fewr-reference .contact-page .lead{font-size: 19px; color: var(--muted); max-width: 600px;}
.fewr-reference .email-link,.fewr-reference .phone-link{display: block; color: var(--mid); font-size: 23px; margin-top: 15px;}
.fewr-reference .contact-routes{margin-top: 45px; max-width: 500px;}
.fewr-reference .contact-routes h3{font-size: 23px; margin-bottom: 15px;}
.fewr-reference .contact-routes p{font-size: 16px; color: var(--muted);}
.fewr-reference .contact-routes .text-link{font-size: 15px; color: var(--mid);}
.fewr-reference form{background: var(--mist); padding: 38px;}
.fewr-reference form h2{font-size: 31px; margin-bottom: 20px;}
.fewr-reference .form-note,.fewr-reference .privacy{font-size: 13px; color: var(--muted); line-height: 1.7;}
.fewr-reference .form-row{display: grid; grid-template-columns: 1fr 1fr; gap: 18px;}
.fewr-reference label{display: block; font-size: 14px; font-weight: 500; line-height: 1.5; margin-bottom: 20px;}
.fewr-reference input,.fewr-reference select,.fewr-reference textarea{display: block; width: 100%; border: 1px solid rgb(168, 185, 203); background: rgb(255, 255, 255); border-radius: 0px; padding: 12px; color: var(--ink); font-size: 16px; margin-top: 9px; min-height: 48px;}
.fewr-reference textarea{resize: vertical;}
.fewr-reference form button[type="submit"]{background: var(--blue); color: rgb(255, 255, 255); padding: 14px 23px; display: flex; gap: 25px; align-items: center; font-size: 15px;}
.fewr-reference #form-status{font-size: 14px; margin-top: 18px; margin-bottom: 0px;}
.fewr-reference .privacy a{color: var(--mid); text-decoration: underline;}
.fewr-reference .contact-countries{margin-top: 65px; max-width: 750px;}
.fewr-reference .contact-countries .eyebrow{font-size: 13px; color: var(--mid);}
.fewr-reference .contact-countries h2{font-size: 32px; margin-bottom: 20px;}
.fewr-reference .contact-countries .text-link{color: var(--mid); font-size: 15px;}
.fewr-reference .preview-note{background: var(--mist); padding: 20px;}
.fewr-reference .archive-body{max-width: 800px;}
.fewr-reference .legal-copy{max-width: 950px;}
.fewr-reference .legal-copy h2{margin-top: 40px;}
.fewr-reference .legal-copy p{font-size: 17px;}
.fewr-reference .event-facts{display: grid; grid-template-columns: 1fr 1fr; gap: 20px;}
.fewr-reference .event-info-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 45px;}
.fewr-reference table{border-collapse: collapse; max-width: 100%;}
.fewr-reference th,.fewr-reference td{padding: 15px; text-align: left; vertical-align: top; border-bottom: 1px solid rgb(220, 228, 236);}
.fewr-reference main{min-height: 40vh;}
.fewr-reference .content-body .related{display: flex; gap: 30px; flex-wrap: wrap;}
.fewr-reference .content-body .related .eyebrow{width: 100%;}
.fewr-reference .content-body img{object-fit: cover;}
.fewr-reference .guide-official-sources a{font-size: 15px;}
.fewr-reference .content-body .page-topics{display: flex; flex-wrap: wrap; gap: 25px; font-size: 14px; color: var(--mid);}
@media (max-width: 1150px) {.fewr-reference #site-nav{gap: 22px;}
.fewr-reference .nav-item > summary{font-size: 14px;}
.fewr-reference .brand img{width: 180px;}
.fewr-reference .nav-contact{padding-inline: 18px;}
.fewr-reference .section{padding-block: 70px;}
.fewr-reference .solution-index{gap: 28px;}
.fewr-reference .solution-index > a{grid-template-columns: 32px minmax(0px, 1fr) 24px; gap: 12px;}
.fewr-reference .solution-index img{width: 30px; height: 30px;}
.fewr-reference .solution-index h3{font-size: 20px;}
.fewr-reference .service-feature{gap: 40px;}
.fewr-reference .service-image{height: 390px;}
.fewr-reference .service-detail,.fewr-reference .prepare-layout{gap: 60px;}
.fewr-reference .footer-main{gap: 30px;}
.fewr-reference .reading-layout{grid-template-columns: 230px 1fr; gap: 45px;}
.fewr-reference .contact-page{gap: 50px;}
.fewr-reference .contact-page h1{font-size: 58px;}
.fewr-reference .events-layout{gap: 40px;}
.fewr-reference .event-feature{grid-template-columns: 140px 1fr; gap: 25px;}
.fewr-reference .logo-grid{grid-template-columns: repeat(3, 1fr); gap: 15px 35px;}
.fewr-reference .sector-photo{height: 280px;}}
@media (max-width: 900px) {.fewr-reference{--gutter: 5vw;}
.fewr-reference .masthead{height: 78px;}
.fewr-reference .brand img{width: 185px;}
.fewr-reference .menu-button{display: flex; align-items: center; gap: 24px; font-size: 15px; font-weight: 500; padding: 12px 0px;}
.fewr-reference .menu-button span{font-size: 26px;}
.fewr-reference .utility{height: 30px;}
.fewr-reference .site-header{position: sticky;}
.fewr-reference #site-nav{display: none; position: absolute; top: 108px; left: 0px; right: 0px; background: rgb(255, 255, 255); padding: 20px var(--gutter) 35px; max-height: calc(100dvh - 108px); overflow-y: auto;}
.fewr-reference #site-nav.is-open{display: block;}
.fewr-reference .nav-item > summary{padding: 18px 0px; font-size: 22px; justify-content: space-between;}
.fewr-reference .nav-panel{position: static; box-shadow: none; background: var(--mist); padding: 20px; display: block;}
.fewr-reference .nav-panel-intro{display: none;}
.fewr-reference .nav-panel-links{display: block;}
.fewr-reference .nav-panel-links a{display: flex; font-size: 16px;}
.fewr-reference .nav-contact{margin-top: 20px; min-width: 220px;}
.fewr-reference .section-top{gap: 40px;}
.fewr-reference .solution-index{grid-template-columns: 1fr 1fr; gap: 25px 35px;}
.fewr-reference .statement-layout{gap: 25px 50px;}
.fewr-reference .statement-layout p{font-size: 16px;}
.fewr-reference .journal-grid{gap: 25px;}
.fewr-reference .journal-photo{height: 190px;}
.fewr-reference .journal-item h3,.fewr-reference .journal-item:first-child h3{font-size: 23px;}
.fewr-reference .footer-top{gap: 50px;}
.fewr-reference .footer-main{grid-template-columns: 1.3fr 1fr 1fr;}
.fewr-reference .footer-main > div:last-child{grid-column: 2 / -1;}
.fewr-reference .page-opening{padding-top: 35px;}
.fewr-reference .page-intro{font-size: 19px;}
.fewr-reference .service-feature{grid-template-columns: 1fr 1fr; gap: 30px;}
.fewr-reference .service-feature-copy h2{font-size: 26px;}
.fewr-reference .service-feature-copy p{font-size: 15px;}
.fewr-reference .service-image{height: 380px;}
.fewr-reference .service-detail{gap: 40px;}
.fewr-reference .capability summary h3{font-size: 23px;}
.fewr-reference .prepare-layout h2{font-size: 32px;}
.fewr-reference .company-manifesto{gap: 45px;}
.fewr-reference .company-manifesto p{font-size: 17px;}
.fewr-reference .sector-photo{height: 240px;}
.fewr-reference .sector-card h2{font-size: 29px;}
.fewr-reference .reading-layout{grid-template-columns: 190px minmax(0px, 1fr); gap: 35px;}
.fewr-reference .reading-body p{font-size: 17px;}
.fewr-reference .events-layout{grid-template-columns: 1fr;}
.fewr-reference .office-directory,.fewr-reference .archive-grid{grid-template-columns: 1fr 1fr;}
.fewr-reference .contact-page{gap: 35px;}
.fewr-reference .contact-page h1{font-size: 48px;}
.fewr-reference form{padding: 25px;}
.fewr-reference .form-row{display: block;}
.fewr-reference .sector-needs{grid-template-columns: 1fr;}
.fewr-reference .solution-rows{grid-template-columns: 1fr 1fr;}}
@media (max-width: 650px) {.fewr-reference{--gutter: 6vw;}
.fewr-reference .section{padding-block: 48px;}
.fewr-reference{scroll-padding-top: 120px;}
.fewr-reference{font-size: 16px;}
.fewr-reference .utility,.fewr-reference .utility .inline-link{font-size: 11px;}
.fewr-reference .utility > div{gap: 18px;}
.fewr-reference .masthead{height: 74px;}
.fewr-reference .brand img{width: 180px;}
.fewr-reference #site-nav{top: 104px; max-height: calc(100dvh - 104px);}
.fewr-reference .section-top{display: block; margin-bottom: 27px;}
.fewr-reference .section-top h2{font-size: 34px; margin-bottom: 23px;}
.fewr-reference .section-top > p,.fewr-reference .section-top > div{font-size: 16px;}
.fewr-reference .section-top h2 br{display: none;}
.fewr-reference .solution-index{grid-template-columns: 1fr; gap: 10px;}
.fewr-reference .solution-index > a{grid-template-columns: 36px 1fr 24px; gap: 8px 15px; padding-block: 17px;}
.fewr-reference .solution-index h3{font-size: 22px;}
.fewr-reference .solution-index img{width: 34px; height: 34px;}
.fewr-reference .solution-index p{font-size: 15px;}
.fewr-reference .statement-block{padding-block: 48px;}
.fewr-reference .statement-layout{display: block;}
.fewr-reference .statement-layout > .section-label{font-size: 13px; margin-bottom: 20px;}
.fewr-reference .statement-layout h2{font-size: 33px; margin-bottom: 25px; line-height: 1.2;}
.fewr-reference .statement-layout h2 br{display: none;}
.fewr-reference .statement-layout p{font-size: 17px;}
.fewr-reference .logo-grid{grid-template-columns: 1fr 1fr; gap: 15px 18px;}
.fewr-reference .vendor-logo{min-height: 85px;}
.fewr-reference .vendor-mark{transform: scale(0.85); transform-origin: center center;}
.fewr-reference .journal-grid{display: block;}
.fewr-reference .journal-item{display: block; margin-bottom: 36px;}
.fewr-reference .journal-item:last-child{margin-bottom: 0px;}
.fewr-reference .journal-photo{height: 225px; margin-bottom: 20px;}
.fewr-reference .journal-item h3,.fewr-reference .journal-item:first-child h3{font-size: 26px; margin-bottom: 16px;}
.fewr-reference .footer-top{display: block; padding-block: 48px;}
.fewr-reference .footer-top h2{font-size: 51px; margin-bottom: 30px;}
.fewr-reference .footer-top > div{min-width: 0px;}
.fewr-reference .footer-top p{font-size: 16px;}
.fewr-reference .light-button{min-width: 220px; font-size: 14px;}
.fewr-reference .footer-main{grid-template-columns: 1fr 1fr; gap: 30px; padding-top: 15px; padding-bottom: 30px;}
.fewr-reference .footer-main > div:first-child{grid-column: 1 / -1;}
.fewr-reference .footer-main > div:last-child{grid-column: 1 / -1;}
.fewr-reference .footer-brand img{width: 200px;}
.fewr-reference .footer-brand p{margin-top: 18px;}
.fewr-reference .footer-main > div:not(:first-child) > a{font-size: 14px;}
.fewr-reference .footer-bottom{display: block; padding-top: 10px; font-size: 11px;}
.fewr-reference .footer-bottom > div{margin-top: 18px; gap: 20px; flex-wrap: wrap;}
.fewr-reference .footer-bottom button{font-size: 11px;}
.fewr-reference .crumb{font-size: 11px; margin-bottom: 25px; gap: 9px;}
.fewr-reference .page-opening{padding-top: 30px; padding-bottom: 32px;}
.fewr-reference .page-opening h1{font-size: 40px; line-height: 1.14; text-wrap: initial;}
.fewr-reference .page-intro{font-size: 17px; line-height: 1.8; margin-top: 22px;}
.fewr-reference .service-feature{display: block; padding-top: 0px;}
.fewr-reference .service-image{height: 235px;}
.fewr-reference .service-feature-copy{padding-top: 28px;}
.fewr-reference .service-feature-copy h2{font-size: 29px;}
.fewr-reference .service-feature-copy p{font-size: 16px;}
.fewr-reference .service-feature-copy .solid-button{font-size: 14px;}
.fewr-reference .service-detail{display: block;}
.fewr-reference .service-detail > div:first-child,.fewr-reference .service-detail > h2{position: static;}
.fewr-reference .service-detail h2{font-size: 32px; margin-bottom: 30px;}
.fewr-reference .service-detail h2 br{display: none;}
.fewr-reference .capability summary h3{font-size: 22px;}
.fewr-reference .capability p,.fewr-reference .question p{font-size: 16px;}
.fewr-reference .prepare-layout{display: block;}
.fewr-reference .prepare-layout h2{font-size: 31px; margin-bottom: 28px;}
.fewr-reference .prepare-layout h2 br{display: none;}
.fewr-reference .prepare-layout li{font-size: 16px;}
.fewr-reference .prepare-layout ul{margin-bottom: 0px;}
.fewr-reference .related-links{padding-bottom: 45px; gap: 15px;}
.fewr-reference .related-links h2{font-size: 26px;}
.fewr-reference .related-links .inline-link{width: 100%; font-size: 15px;}
.fewr-reference .company-title h1{font-size: 47px;}
.fewr-reference .company-manifesto{display: block; padding-top: 10px;}
.fewr-reference .company-manifesto h2{font-size: 33px; margin-bottom: 28px;}
.fewr-reference .company-manifesto p{font-size: 17px;}
.fewr-reference .company-principles{padding-bottom: 45px;}
.fewr-reference .ref-about-principles > div{display: block;}
.fewr-reference .ref-about-principles h2{font-size: 29px;}
.fewr-reference .ref-about-principles > div > div + div{margin-top: 30px;}
.fewr-reference .all-partners .logo-grid{gap: 10px;}
.fewr-reference .all-partners .vendor-logo{min-height: 100px;}
.fewr-reference .sector-gallery{display: block; padding-top: 0px;}
.fewr-reference .sector-card{margin-bottom: 40px;}
.fewr-reference .sector-card:last-child{margin-bottom: 0px;}
.fewr-reference .sector-photo{height: 235px; margin-bottom: 23px;}
.fewr-reference .sector-card h2{font-size: 30px;}
.fewr-reference .sector-card p{font-size: 16px;}
.fewr-reference .article-title{margin-inline: auto;}
.fewr-reference .article-title h1{font-size: 38px;}
.fewr-reference .article-photo{height: 235px;}
.fewr-reference .reading-layout{display: block;}
.fewr-reference .reading-sidebar{position: static; background: var(--mist); padding: 23px; margin-bottom: 38px;}
.fewr-reference .reading-sidebar a{font-size: 14px; margin-bottom: 13px;}
.fewr-reference .reading-sidebar a:last-child{margin-bottom: 0px;}
.fewr-reference .reading-body > section{margin-bottom: 40px;}
.fewr-reference .reading-body h2{font-size: 29px;}
.fewr-reference .reading-body h3{font-size: 23px;}
.fewr-reference .reading-body p,.fewr-reference .reading-body li{font-size: 16px; line-height: 1.85;}
.fewr-reference .reading-body table{display: block; overflow-x: auto;}
.fewr-reference .guide-example,.fewr-reference .guide-checklist{padding: 22px;}
.fewr-reference .content-body{padding-top: 0px; padding-bottom: 40px;}
.fewr-reference .content-body > section{padding-block: 22px;}
.fewr-reference .content-body h2{font-size: 30px;}
.fewr-reference .content-body h3{font-size: 25px;}
.fewr-reference .content-body .guide-visual-grid{display: block;}
.fewr-reference .guide-visual{margin-bottom: 38px;}
.fewr-reference .guide-visual > img,.fewr-reference .guide-device-graphic{height: 235px;}
.fewr-reference .resource-routes{display: block;}
.fewr-reference .resource-routes a{margin-bottom: 20px;}
.fewr-reference .content-body .philosophy-pillars{display: block;}
.fewr-reference .philosophy-pillars article{margin-bottom: 30px;}
.fewr-reference .philosophy-pillars h2{font-size: 38px;}
.fewr-reference .office-directory{grid-template-columns: 1fr; gap: 32px;}
.fewr-reference .events-layout{display: block;}
.fewr-reference .event-feature{grid-template-columns: 105px 1fr; gap: 22px;}
.fewr-reference .event-date-art{padding: 15px;}
.fewr-reference .event-date-art strong{font-size: 55px;}
.fewr-reference .event-date-art p{font-size: 13px;}
.fewr-reference .event-date-art span,.fewr-reference .event-date-art b{font-size: 10px;}
.fewr-reference .next-event{margin-top: 35px;}
.fewr-reference .next-event h2,.fewr-reference .event-feature h2{font-size: 29px;}
.fewr-reference .archive-grid,.fewr-reference .briefing-grid,.fewr-reference .event-recap,.fewr-reference .event-info-grid,.fewr-reference .event-facts{display: block;}
.fewr-reference .archive-card,.fewr-reference .briefing-card{display: block; margin-bottom: 35px;}
.fewr-reference .event-recap > .event-date-art{max-width: 230px; margin-bottom: 30px;}
.fewr-reference .contact-layout{padding-top: 30px;}
.fewr-reference .contact-page{display: block;}
.fewr-reference .contact-page h1{font-size: 45px;}
.fewr-reference .contact-page .lead{font-size: 17px;}
.fewr-reference .email-link,.fewr-reference .phone-link{font-size: 21px;}
.fewr-reference .contact-routes{margin-top: 35px;}
.fewr-reference .contact-page form{margin-top: 35px; padding: 23px;}
.fewr-reference .form-row{display: block;}
.fewr-reference .contact-countries{margin-top: 35px;}
.fewr-reference .contact-countries h2{font-size: 28px;}
.fewr-reference .content-body table{display: block; overflow-x: auto;}
.fewr-reference .solution-rows{display: block;}
.fewr-reference .solution-row{margin-bottom: 25px;}}
@media (prefers-reduced-motion: reduce) {.fewr-reference{scroll-behavior: auto;}
.fewr-reference *,.fewr-reference ::before,.fewr-reference ::after{animation: auto ease 0s 1 normal none running none !important; transition: none !important;}}
.fewr-reference.motion-paused{scroll-behavior: auto;}
.fewr-reference.motion-paused *,.fewr-reference.motion-paused ::before,.fewr-reference.motion-paused ::after{animation: auto ease 0s 1 normal none running none !important; transition: none !important;}
.fewr-reference .event-panorama{padding-bottom: 15px;}
.fewr-reference .event-panorama > img{width: 100%; height: 430px; object-fit: cover; object-position: center 40%;}
.fewr-reference .event-panorama figcaption{font-size: 13px; color: var(--muted); margin-top: 12px;}
@media (max-width: 650px) {.fewr-reference .event-panorama > img{height: 260px;}}
@media (max-width: 360px) {.fewr-reference .brand img{width: 160px;}
.fewr-reference .masthead{gap: 18px;}
.fewr-reference .menu-button{gap: 14px; font-size: 14px;}
.fewr-reference .utility > div{gap: 12px;}
.fewr-reference .utility .inline-link{gap: 7px;}
.fewr-reference .contact-page h1{font-size: 39px;}
.fewr-reference .page-opening h1{font-size: 36px;}
.fewr-reference .footer-top h2{font-size: 45px;}}
.fewr-reference .company-lock{white-space: nowrap;}
.fewr-reference .contact-page h1{font-size: clamp(43px, 4.6vw, 64px); text-wrap: balance; line-height: 1.13;}
.fewr-reference .page-opening h1{letter-spacing: -0.048em;}
.fewr-reference .review-title h1{max-width: 1050px; font-size: clamp(42px, 5vw, 72px); text-wrap: balance;}
.fewr-reference .review-title .page-intro{max-width: 900px;}
.fewr-reference .review-layout{display: grid; grid-template-columns: 0.95fr 1.05fr; gap: 90px; padding-top: 8px; padding-bottom: 85px; align-items: start;}
.fewr-reference .review-steps .text-grid{display: grid; gap: 30px;}
.fewr-reference .review-steps article h2{font-size: 25px; line-height: 1.3; letter-spacing: -0.025em; margin-bottom: 15px;}
.fewr-reference .review-steps article p{font-size: 17px; color: var(--muted); line-height: 1.8; margin-bottom: 0px;}
.fewr-reference .review-steps > .small{font-size: 13px; line-height: 1.8; color: var(--muted); max-width: 520px; margin-top: 30px;}
.fewr-reference .review-request{scroll-margin-top: 150px;}
.fewr-reference .review-request form{padding: 35px;}
.fewr-reference .review-request form h2{font-size: 30px;}
.fewr-reference .context-photo{height: 350px; overflow: hidden; margin-bottom: 25px;}
.fewr-reference .context-photo img{height: 100%; width: 100%; object-fit: cover; object-position: center center;}
.fewr-reference .service-image img{object-position: center 45%;}
.fewr-reference .service-feature-copy p{max-width: 600px;}
.fewr-reference .reading-body{min-width: 0px;}
.fewr-reference .reading-body > p{max-width: 760px;}
.fewr-reference .reading-body .guide-section-number{font-size: 12px; color: var(--mid);}
.fewr-reference .guide-visual h3,.fewr-reference .journal-item h3{text-wrap: balance;}
.fewr-reference .office-directory article{display: flex; flex-direction: column; align-items: flex-start; min-width: 0px;}
.fewr-reference .office-directory address{margin-bottom: 18px; max-width: 32ch;}
.fewr-reference .office-directory .text-link{margin-top: auto; line-height: 1.6;}
.fewr-reference .nav-panel-links .inline-link{min-height: 44px;}
.fewr-reference .nav-panel-links .inline-link:hover{color: var(--blue);}
.fewr-reference .nav-panel-links .inline-link[aria-current="page"]{color: var(--blue); font-weight: 600;}
.fewr-reference .site-header.is-scrolled{box-shadow: rgba(21, 28, 50, 0.035) 0px 5px 24px;}
.fewr-reference .capability summary,.fewr-reference .question summary{min-height: 34px;}
.fewr-reference .capability summary:hover,.fewr-reference .question summary:hover{color: var(--mid);}
.fewr-reference .button,.fewr-reference .solid-button,.fewr-reference .light-button,.fewr-reference .nav-contact,.fewr-reference form button[type="submit"]{min-height: 48px;}
.fewr-reference .footer-main a:hover,.fewr-reference .footer-bottom a:hover{text-decoration: underline; text-underline-offset: 4px;}
.fewr-reference .footer-top p{max-width: 390px;}
.fewr-reference .guide-official-sources li{overflow-wrap: anywhere;}
.fewr-reference .contact-routes .text-link{display: inline-flex; gap: 16px; line-height: 1.6;}
.fewr-reference .related-links{gap: 15px 45px;}
.fewr-reference .related-links h2{font-size: 27px;}
@media (max-width: 1150px) {.fewr-reference .review-layout{gap: 50px;}
.fewr-reference .review-request form{padding: 28px;}
.fewr-reference .review-steps article h2{font-size: 23px;}}
@media (max-width: 900px) {.fewr-reference .review-layout{gap: 35px; grid-template-columns: 1fr 1fr;}
.fewr-reference .review-steps article p{font-size: 16px;}
.fewr-reference .review-request form{padding: 23px;}
.fewr-reference .context-photo{height: 280px;}}
@media (max-width: 650px) {.fewr-reference .review-layout{display: block; padding-top: 0px; padding-bottom: 45px;}
.fewr-reference .review-steps .text-grid{gap: 25px;}
.fewr-reference .review-steps article h2{font-size: 23px;}
.fewr-reference .review-request{margin-top: 30px;}
.fewr-reference .review-title h1{font-size: 38px; max-width: 100%; text-wrap: initial;}
.fewr-reference .review-request form{padding: 23px;}
.fewr-reference .review-steps > .small{margin-top: 25px;}
.fewr-reference .context-photo{height: 230px; margin-bottom: 10px;}
.fewr-reference .contact-page h1{font-size: 44px;}
.fewr-reference .nav-panel-links a{padding-block: 13px;}
.fewr-reference .office-directory article{margin-bottom: 6px;}
.fewr-reference .office-directory address{margin-bottom: 13px;}
.fewr-reference .related-links h2{font-size: 26px;}
.fewr-reference .footer-bottom a,.fewr-reference .footer-bottom button{padding-block: 9px;}}
@media (max-width: 360px) {.fewr-reference .contact-page h1{font-size: 39px;}
.fewr-reference .review-title h1{font-size: 35px;}}
.fewr-reference .content-body .philosophy-pillars{gap: 55px 65px; padding-top: 10px; padding-bottom: 25px;}
.fewr-reference .philosophy-pillars article.philosophy-pillar{display: grid; grid-template-columns: 78px minmax(0px, 1fr); gap: 0px 24px; align-items: start; margin: 0px; padding: 0px !important;}
.fewr-reference .pillar-letter{display: flex; align-items: center; justify-content: center; width: 78px; height: 86px; background: var(--pillar-colour); font-size: 56px; font-weight: 800; line-height: 1; letter-spacing: -0.04em; grid-row: 1 / 3; color: rgb(255, 255, 255) !important;}
.fewr-reference .philosophy-pillar > div{grid-column: 2;}
.fewr-reference .philosophy-pillar > p{grid-column: 2; font-size: 17px; line-height: 1.85; margin-top: 17px; margin-bottom: 0px; color: var(--muted);}
.fewr-reference .content-body .philosophy-pillar h2{font-size: 36px; letter-spacing: -0.035em; margin: 0px 0px 9px; line-height: 1.12;}
.fewr-reference .content-body .philosophy-pillar h3{font-size: 20px; line-height: 1.4; letter-spacing: -0.015em; margin: 0px; font-weight: 500;}
@media (max-width: 1100px) {.fewr-reference .content-body .philosophy-pillars{gap: 45px 40px;}
.fewr-reference .philosophy-pillars article.philosophy-pillar{grid-template-columns: 64px 1fr; gap: 0px 20px;}
.fewr-reference .pillar-letter{width: 64px; height: 74px; font-size: 48px;}
.fewr-reference .content-body .philosophy-pillar h2{font-size: 31px;}}
@media (max-width: 800px) {.fewr-reference .content-body .philosophy-pillars{gap: 40px 28px;}
.fewr-reference .philosophy-pillars article.philosophy-pillar{display: block;}
.fewr-reference .pillar-letter{margin-bottom: 19px;}
.fewr-reference .philosophy-pillar > p{font-size: 16px;}}
@media (max-width: 650px) {.fewr-reference .content-body .philosophy-pillars{display: block; padding-block: 5px 0px;}
.fewr-reference .philosophy-pillars article.philosophy-pillar{display: grid; grid-template-columns: 62px 1fr; gap: 0px 18px; margin-bottom: 38px;}
.fewr-reference .pillar-letter{width: 62px; height: 70px; font-size: 46px; margin: 0px;}
.fewr-reference .content-body .philosophy-pillar h2{font-size: 30px;}
.fewr-reference .content-body .philosophy-pillar h3{font-size: 18px;}
.fewr-reference .philosophy-pillar > p{grid-column: 1 / -1; margin-top: 19px; font-size: 16px;}}
.fewr-reference .masthead{height: 96px; gap: 32px;}
.fewr-reference .brand img{width: 190px;}
.fewr-reference #site-nav{gap: 24px;}
.fewr-reference .nav-item > summary{font-size: 14px; padding-block: 27px;}
.fewr-reference .nav-panel{top: 96px;}
.fewr-reference .nav-portals{display: flex; align-items: center; gap: 20px; margin-left: 7px; padding-left: 8px;}
.fewr-reference .nav-portals .inline-link{font-size: 13px; gap: 9px; color: var(--mid); white-space: nowrap;}
.fewr-reference .nav-portals .inline-link span{font-size: 17px;}
.fewr-reference .nav-contact{font-size: 14px; min-height: 46px; padding: 12px 22px; gap: 24px;}
@media (max-width: 1200px) and (min-width: 1001px) {.fewr-reference .brand img{width: 165px;}
.fewr-reference .masthead{gap: 22px;}
.fewr-reference #site-nav{gap: 17px;}
.fewr-reference .nav-item > summary{font-size: 13px; gap: 7px;}
.fewr-reference .nav-portals{gap: 14px; margin-left: 0px; padding-left: 0px;}
.fewr-reference .nav-portals .inline-link{font-size: 12px; gap: 7px;}
.fewr-reference .nav-contact{font-size: 13px; padding-inline: 16px; gap: 17px;}}
@media (max-width: 1000px) {.fewr-reference .masthead{height: 86px; gap: 25px;}
.fewr-reference .brand img{width: 185px;}
.fewr-reference .menu-button{display: flex; align-items: center; gap: 24px; font-size: 15px; font-weight: 500; padding: 12px 0px;}
.fewr-reference .menu-button span{font-size: 26px;}
.fewr-reference #site-nav{display: none; position: absolute; top: 86px; left: 0px; right: 0px; background: rgb(255, 255, 255); padding: 20px var(--gutter) 30px; max-height: calc(100dvh - 86px); overflow-y: auto;}
.fewr-reference #site-nav.is-open{display: block;}
.fewr-reference .nav-item > summary{padding: 18px 0px; font-size: 22px; justify-content: space-between;}
.fewr-reference .nav-panel{position: static; box-shadow: none; background: var(--mist); padding: 20px; display: block;}
.fewr-reference .nav-panel-intro{display: none;}
.fewr-reference .nav-panel-links{display: block;}
.fewr-reference .nav-panel-links a{display: flex; font-size: 16px;}
.fewr-reference .nav-portals{display: flex; gap: 28px; padding: 18px 0px 8px; margin: 0px;}
.fewr-reference .nav-portals .inline-link{font-size: 16px; gap: 12px;}
.fewr-reference .nav-contact{margin-top: 15px; min-width: 220px; font-size: 15px;}}
@media (min-width: 901px) and (max-width: 1000px) {.fewr-reference .menu-button{display: flex;}}
@media (max-width: 650px) {.fewr-reference .masthead{height: 80px;}
.fewr-reference .brand img{width: 180px;}
.fewr-reference #site-nav{top: 80px; max-height: calc(100dvh - 80px);}
.fewr-reference{scroll-padding-top: 100px;}
.fewr-reference .review-request{scroll-margin-top: 100px;}}
@media (max-width: 360px) {.fewr-reference .brand img{width: 160px;}
.fewr-reference .masthead{gap: 18px;}
.fewr-reference .menu-button{gap: 14px;}}
.fewr-reference .scale-strip{display: grid; grid-template-columns: 1fr 1fr 1.05fr; gap: 65px; align-items: center; padding-top: 45px; padding-bottom: 45px;}
.fewr-reference .fact-value{display: flex; align-items: baseline; gap: 4px; margin: 0px; font-size: clamp(60px, 6.5vw, 94px); font-weight: 600; letter-spacing: -0.055em; line-height: 1.12; color: var(--blue); font-variant-numeric: tabular-nums;}
.fewr-reference .fact-plus{color: var(--sky); font-weight: 400; font-size: 0.72em;}
.fewr-reference .fact-label{margin: 7px 0px 0px; font-size: 17px; font-weight: 500; color: var(--muted);}
.fewr-reference .scale-reach h2{font-size: 28px; line-height: 1.22; letter-spacing: -0.03em; margin-bottom: 14px;}
.fewr-reference .scale-reach p{font-size: 14px; line-height: 1.8; color: var(--muted); margin: 0px;}
.fewr-reference .scale-strip + .solution-section{padding-top: 28px;}
@media (max-width: 900px) {.fewr-reference .scale-strip{gap: 30px; padding-block: 35px;}
.fewr-reference .fact-value{font-size: 69px;}
.fewr-reference .fact-label{font-size: 15px;}
.fewr-reference .scale-reach h2{font-size: 24px;}
.fewr-reference .scale-reach p{font-size: 13px;}}
@media (max-width: 650px) {.fewr-reference .scale-strip{grid-template-columns: 1fr 1fr; gap: 28px 25px; padding-block: 35px;}
.fewr-reference .fact-value{font-size: 63px;}
.fewr-reference .fact-label{font-size: 15px;}
.fewr-reference .scale-reach{grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 25px; align-items: start;}
.fewr-reference .scale-reach h2{font-size: 23px; margin: 0px;}
.fewr-reference .scale-reach p{font-size: 12px;}
.fewr-reference .scale-strip + .solution-section{padding-top: 14px;}}
@media (max-width: 360px) {.fewr-reference .fact-value{font-size: 56px;}
.fewr-reference .fact-label{font-size: 14px;}
.fewr-reference .scale-reach h2{font-size: 21px;}}
.fewr-reference .partner-belt{display: block; overflow: hidden; width: 100%; padding-block: 8px; mask-image: linear-gradient(90deg, transparent, rgb(0, 0, 0) 4%, rgb(0, 0, 0) 96%, transparent);}
.fewr-reference .partner-belt-track{display: flex; align-items: center; width: max-content; animation: 82s linear 0s infinite normal none running partner-belt-flow; will-change: transform;}
.fewr-reference .partner-belt-group{display: flex; align-items: center; gap: 25px; padding-right: 25px; flex: 0 0 auto;}
.fewr-reference .partner-belt .vendor-logo{display: flex; flex: 0 0 180px; width: 180px; height: 100px; min-height: 100px;}
.fewr-reference .partner-belt:hover .partner-belt-track,.fewr-reference .partner-belt:focus .partner-belt-track{animation-play-state: paused;}
@keyframes partner-belt-flow {100% { transform: translate(-50%); }}
.fewr-reference .nav-item[open] .nav-panel{animation: 0.25s ease-out 0s 1 normal both running menu-drop-in;}
@keyframes menu-drop-in {0% { opacity: 0; transform: translateY(-8px); }100% { opacity: 1; transform: none; }}
.fewr-reference .solution-index > a.is-in-view,.fewr-reference .journal-item.is-in-view,.fewr-reference .sector-card.is-in-view,.fewr-reference .philosophy-pillar.is-in-view{animation: 0.65s cubic-bezier(0.2, 0.7, 0.2, 1) 0s 1 normal both running editorial-arrival;}
.fewr-reference .solution-index > a:nth-child(3n+2).is-in-view{animation-delay: 0.07s;}
.fewr-reference .solution-index > a:nth-child(3n).is-in-view{animation-delay: 0.14s;}
@keyframes editorial-arrival {0% { transform: translateY(18px); }100% { transform: translateY(0px); }}
.fewr-reference .solution-index > a{transition: transform 0.25s, color 0.25s;}
.fewr-reference .solution-index > a:hover{transform: translateY(-3px);}
.fewr-reference .solution-index > a:hover .round-arrow{transform: translate(5px, -5px);}
.fewr-reference .scale-band{background: var(--blue); color: rgb(255, 255, 255);}
.fewr-reference .scale-band .scale-strip{padding-top: 40px; padding-bottom: 43px;}
.fewr-reference .scale-band .fact-value{color: rgb(255, 255, 255); font-size: clamp(70px, 7.5vw, 108px);}
.fewr-reference .scale-band .fact-plus{color: rgb(255, 255, 255); opacity: 0.7;}
.fewr-reference .scale-band .fact-label,.fewr-reference .scale-band .scale-reach p{color: rgb(220, 228, 236);}
.fewr-reference .scale-band .scale-reach h2{color: rgb(255, 255, 255);}
.fewr-reference .scale-band + .solution-section{padding-top: 68px;}
@media (max-width: 900px) {.fewr-reference .scale-band .fact-value{font-size: 80px;}}
@media (max-width: 650px) {.fewr-reference .partner-belt{width: calc(100% + 8vw); margin-left: -4vw;}
.fewr-reference .partner-belt-group{gap: 12px; padding-right: 12px;}
.fewr-reference .partner-belt .vendor-logo{flex-basis: 155px; width: 155px; min-height: 85px; height: 85px;}
.fewr-reference .partner-belt-track{animation-duration: 76s;}
.fewr-reference .scale-band .fact-value{font-size: 68px;}
.fewr-reference .scale-band .scale-strip{padding-block: 32px;}
.fewr-reference .scale-band + .solution-section{padding-top: 44px;}
.fewr-reference .solution-index > a.is-in-view{animation-delay: 0s !important;}}
@media (max-width: 360px) {.fewr-reference .scale-band .fact-value{font-size: 58px;}}
@media (prefers-reduced-motion: reduce) {.fewr-reference .partner-belt-track,.fewr-reference .nav-panel,.fewr-reference .is-in-view{animation: auto ease 0s 1 normal none running none !important; transform: none !important;}}
.fewr-reference.motion-paused .partner-belt-track{animation-play-state: paused !important; will-change: auto;}
.fewr-reference .volume-counters{grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 32px;}
.fewr-reference .volume-counters .fact-value{font-size: clamp(48px, 6vw, 90px);}
@media (max-width: 650px) {.fewr-reference .volume-counters{grid-template-columns: 1fr 1fr; gap: 28px 20px;}
.fewr-reference .volume-counters .fact-value{font-size: 54px;}}
.fewr-reference .site-footer{position: relative; padding-bottom: 15px;}
.fewr-reference .site-footer::before{content: ""; display: block; height: 4px; background: linear-gradient(90deg, rgb(228, 91, 79) 0%, rgb(228, 91, 79) 16.666%, rgb(255, 209, 102) 16.666%, rgb(255, 209, 102) 33.333%, rgb(90, 155, 113) 33.333%, rgb(90, 155, 113) 50%, rgb(133, 102, 199) 50%, rgb(133, 102, 199) 66.666%, rgb(196, 93, 145) 66.666%, rgb(196, 93, 145) 83.333%, rgb(247, 127, 0) 83.333%);}
.fewr-reference .footer-top{grid-template-columns: 1.2fr 1fr; align-items: center; gap: 45px; padding-block: 44px; border-bottom: 1px solid rgba(255, 255, 255, 0.15);}
.fewr-reference .footer-top h2{font-size: clamp(34px, 3.7vw, 53px); line-height: 1.15; letter-spacing: -0.035em;}
.fewr-reference .footer-top h2 br{display: none;}
.fewr-reference .footer-top > div{min-width: 0px; display: flex; align-items: center; gap: 28px;}
.fewr-reference .footer-top p{font-size: 14px; line-height: 1.8; margin: 0px; max-width: 265px;}
.fewr-reference .footer-top .light-button{font-size: 14px; min-width: 160px; min-height: 46px; padding: 12px 18px; gap: 24px; flex-shrink: 0;}
.fewr-reference .footer-main{grid-template-columns: 1.4fr 0.8fr 0.8fr 1.2fr; gap: 35px; padding-block: 38px;}
.fewr-reference .footer-main > div:last-child{grid-column: auto;}
.fewr-reference .footer-brand img{width: 195px;}
.fewr-reference .footer-brand p{margin-top: 16px; font-size: 13px;}
.fewr-reference .footer-main h3{font-size: 12px; letter-spacing: 0.06em; text-transform: uppercase; color: rgb(170, 185, 206); margin-bottom: 17px;}
.fewr-reference .footer-main > div:not(:first-child) > a{font-size: 13px; margin-bottom: 10px; gap: 10px;}
.fewr-reference .footer-main .inline-link span{font-size: 14px;}
.fewr-reference .footer-bottom{border-top: 1px solid rgba(255, 255, 255, 0.15); padding-top: 16px; font-size: 11px;}
.fewr-reference .footer-bottom > div{gap: 23px;}
.fewr-reference .footer-bottom a{padding-block: 6px;}
@media (max-width: 1000px) {.fewr-reference .footer-top > div{display: block;}
.fewr-reference .footer-top p{margin-bottom: 16px;}
.fewr-reference .footer-main{gap: 25px; grid-template-columns: 1.2fr 1fr 1fr;}
.fewr-reference .footer-main > div:last-child{grid-column: 2 / -1;}}
@media (max-width: 800px) {.fewr-reference .footer-top h2{font-size: 36px;}
.fewr-reference .footer-top{gap: 25px;}}
@media (max-width: 650px) {.fewr-reference .footer-top{display: block; padding-block: 32px;}
.fewr-reference .footer-top h2{font-size: 32px; margin-bottom: 18px;}
.fewr-reference .footer-top > div{display: block;}
.fewr-reference .footer-top p{font-size: 13px; max-width: none; margin-bottom: 19px;}
.fewr-reference .footer-top p br{display: none;}
.fewr-reference .footer-main{grid-template-columns: 1fr 1fr; gap: 28px 20px; padding-block: 30px;}
.fewr-reference .footer-main > div:first-child,.fewr-reference .footer-main > div:last-child{grid-column: 1 / -1;}
.fewr-reference .footer-brand img{width: 185px;}
.fewr-reference .footer-brand p{margin-top: 12px; margin-bottom: 0px;}
.fewr-reference .footer-main h3{margin-bottom: 14px;}
.fewr-reference .footer-main > div:not(:first-child) > a{font-size: 13px;}
.fewr-reference .footer-bottom{font-size: 10px;}
.fewr-reference .footer-bottom > div{margin-top: 9px;}
.fewr-reference .site-footer{padding-bottom: 12px;}}
.fewr-reference .page-heading-band{background: rgb(234, 240, 246); border-bottom: 1px solid rgb(217, 227, 237);}
.fewr-reference .page-heading-band .page-opening{padding-block: 32px 40px;}
.fewr-reference .page-heading-band h1{font-size: clamp(38px, 4.5vw, 64px); line-height: 1.14; letter-spacing: -0.04em; max-width: 1120px; text-wrap: balance;}
.fewr-reference .page-heading-band .page-intro{font-size: 18px; line-height: 1.8; max-width: 76ch; margin-top: 22px; margin-bottom: 0px; color: rgb(62, 77, 97);}
.fewr-reference .page-heading-band .crumb{font-size: 12px; margin-bottom: 24px; line-height: 1.6;}
.fewr-reference .solution-heading-band{background: var(--blue); border: 0px;}
.fewr-reference .solution-heading-band h1{color: rgb(255, 255, 255);}
.fewr-reference .solution-heading-band .page-intro{color: rgb(224, 232, 243);}
.fewr-reference .solution-heading-band .crumb,.fewr-reference .solution-heading-band .crumb a{color: rgb(220, 232, 247);}
.fewr-reference .service-feature{padding-block: 52px; gap: 55px; grid-template-columns: 1.15fr 1fr;}
.fewr-reference .service-image{height: auto; aspect-ratio: 16 / 10; background: var(--mist); overflow: hidden;}
.fewr-reference .service-image img{width: 100%; height: 100%; object-fit: contain;}
.fewr-reference .service-feature-copy h2{font-size: clamp(26px, 2.6vw, 36px); line-height: 1.25; letter-spacing: -0.03em;}
.fewr-reference .service-feature-copy p{font-size: 17px; line-height: 1.8;}
.fewr-reference .coverage-panel{--section-surface: #edf2f7; background: var(--section-surface); box-shadow: 0 0 0 100vmax var(--section-surface); clip-path: inset(0px -100vmax); padding-block: 56px;}
.fewr-reference .service-detail h2{font-size: clamp(30px, 3.3vw, 44px); line-height: 1.2;}
.fewr-reference .capability{background: rgb(255, 255, 255); padding: 0px 23px; border-bottom: 1px solid rgb(219, 227, 237);}
.fewr-reference .capability + .capability{margin-top: 10px;}
.fewr-reference .capability summary{gap: 18px; padding-block: 20px; align-items: baseline;}
.fewr-reference .capability summary h3{font-size: 21px; letter-spacing: -0.02em; flex: 1 1 0%;}
.fewr-reference .capability-number{font-size: 13px; letter-spacing: 0.03em; color: var(--mid); font-variant-numeric: tabular-nums;}
.fewr-reference .capability summary > span:last-child{margin-left: auto;}
.fewr-reference .capability p{font-size: 16px; line-height: 1.85; max-width: 65ch; padding-bottom: 22px; margin-bottom: 0px;}
.fewr-reference .prepare-section{background: var(--blue); color: rgb(255, 255, 255);}
.fewr-reference .prepare-section .prepare-layout{padding-block: 54px;}
.fewr-reference .prepare-layout h2{font-size: clamp(28px, 3vw, 39px); line-height: 1.24;}
.fewr-reference .prepare-layout p,.fewr-reference .prepare-layout li{font-size: 17px; line-height: 1.85; color: rgb(229, 237, 246);}
.fewr-reference .prepare-layout ul{margin-bottom: 0px;}
.fewr-reference .questions-panel{padding-block: 56px;}
.fewr-reference .question summary{font-size: 18px; line-height: 1.65;}
.fewr-reference .question p{font-size: 16px; line-height: 1.85; max-width: 70ch;}
.fewr-reference .related-links{padding-block: 28px 40px; align-items: center;}
.fewr-reference .related-links h2{font-size: 23px;}
.fewr-reference .related-links .inline-link{font-size: 15px;}
.fewr-reference .content-body{padding-top: 0px; padding-bottom: 0px;}
.fewr-reference .content-body > .section-panel{padding-block: 54px; margin: 0px; position: relative;}
.fewr-reference .section-tinted{--section-surface: #f0f4f8; background: var(--section-surface); box-shadow: 0 0 0 100vmax var(--section-surface); clip-path: inset(0px -100vmax);}
.fewr-reference .content-body p,.fewr-reference .content-body li{font-size: 17px; line-height: 1.85;}
.fewr-reference .content-body h2{font-size: clamp(28px, 3vw, 39px); line-height: 1.24; letter-spacing: -0.03em;}
.fewr-reference .content-body h3{font-size: 23px; line-height: 1.35; letter-spacing: -0.02em;}
.fewr-reference .content-body .eyebrow{font-size: 12px; line-height: 1.7; letter-spacing: 0.09em; font-weight: 600; margin-bottom: 16px;}
.fewr-reference .context-photo{margin-block: 38px; height: auto; max-height: none;}
.fewr-reference .context-photo img{width: 100%; height: auto; max-height: 460px; object-fit: cover;}
.fewr-reference .dedicated-context img{max-height: 430px;}
.fewr-reference .dedicated-context:has(img[src*="glass"]){background: rgb(240, 242, 243);}
.fewr-reference .dedicated-context img[src*="glass"],.fewr-reference .dedicated-context img[src*="cyberfest-official"]{object-fit: contain; max-height: none; aspect-ratio: 2.6 / 1;}
.fewr-reference .sector-needs{gap: 32px;}
.fewr-reference .sector-needs article{padding: 25px; background: rgb(255, 255, 255); border-top: 3px solid var(--sky);}
.fewr-reference .sector-needs h2{font-size: 25px; margin-block: 20px 15px;}
.fewr-reference .sector-needs p{font-size: 16px; margin-bottom: 0px;}
.fewr-reference .sector-needs .approved-icon{width: 44px; height: 44px;}
.fewr-reference .practical-detail{display: grid; grid-template-columns: 1fr 1.25fr; gap: 16px 65px; align-items: start;}
.fewr-reference .practical-detail > h2{grid-area: 1 / 1 / 3; font-size: 34px;}
.fewr-reference .practical-detail > .editorial-lead,.fewr-reference .practical-detail > h3,.fewr-reference .practical-detail > ul{grid-column: 2;}
.fewr-reference .practical-detail > h3{font-size: 20px; margin-top: 10px;}
.fewr-reference .discussion-list{margin-bottom: 0px;}
.fewr-reference .section-customer-voice{color: var(--blue); text-align: left;}
.fewr-reference .section-customer-voice blockquote{font-size: clamp(23px, 2.4vw, 32px); line-height: 1.5; max-width: 1000px; margin-block: 14px 20px; letter-spacing: -0.025em;}
.fewr-reference .section-customer-voice figcaption{font-size: 14px; line-height: 1.8; color: var(--muted);}
.fewr-reference .section-customer-voice figcaption strong,.fewr-reference .section-customer-voice figcaption span{display: block;}
.fewr-reference .audience-context{display: block;}
.fewr-reference .audience-context-intro{display: grid; grid-template-columns: 1fr 1.25fr; gap: 65px; padding-bottom: 40px;}
.fewr-reference .audience-context-intro p{margin: 0px;}
.fewr-reference .audience-projects{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 25px; margin-bottom: 40px;}
.fewr-reference .audience-projects > h2{grid-column: 1 / -1; font-size: 27px;}
.fewr-reference .audience-projects article{padding: 25px; background: rgb(255, 255, 255); position: relative;}
.fewr-reference .audience-projects h3{font-size: 22px; margin-block: 15px;}
.fewr-reference .audience-projects p{font-size: 16px; margin: 0px;}
.fewr-reference .project-number{font-size: 13px; color: var(--mid); font-variant-numeric: tabular-nums;}
.fewr-reference .audience-start{background: rgb(225, 234, 244); padding: 32px 38px; display: grid; grid-template-columns: 1fr 1.25fr; gap: 10px 60px;}
.fewr-reference .audience-start h2{font-size: 29px; grid-row: 1 / 3;}
.fewr-reference .audience-start p,.fewr-reference .audience-start ul{grid-column: 2;}
.fewr-reference .audience-start ul{margin-bottom: 0px;}
.fewr-reference .solution-rows a{background: rgb(255, 255, 255); padding: 24px; transition: background 0.2s, transform 0.2s;}
.fewr-reference .solution-rows a:hover{background: rgb(226, 237, 247); transform: translateY(-3px);}
.fewr-reference .solution-rows .approved-icon{width: 42px; height: 42px;}
.fewr-reference .company-manifesto{padding-block: 54px; gap: 65px;}
.fewr-reference .company-manifesto h2{font-size: 40px; line-height: 1.2;}
.fewr-reference .company-manifesto p{font-size: 18px; line-height: 1.85;}
.fewr-reference .company-principles{padding-block: 50px; --section-surface: #eef3f8; background: var(--section-surface); box-shadow: 0 0 0 100vmax var(--section-surface); clip-path: inset(0px -100vmax);}
.fewr-reference .ref-about-principles h2{font-size: 30px;}
.fewr-reference .ref-about-principles h3{font-size: 23px;}
.fewr-reference .ref-about-principles p{font-size: 17px; line-height: 1.85;}
.fewr-reference .ref-about-principles > div{gap: 55px;}
.fewr-reference .content-body .philosophy-pillars{gap: 24px; padding-block: 45px;}
.fewr-reference .philosophy-pillars article.philosophy-pillar{background: color-mix(in srgb,var(--pillar-colour) 11%,white); grid-template-columns: 60px minmax(0px, 1fr); gap: 0px 20px; padding: 28px !important; border-top: 4px solid var(--pillar-colour) !important;}
.fewr-reference .pillar-letter{width: 60px; height: 67px; font-size: 44px;}
.fewr-reference .content-body .philosophy-pillar h2{font-size: 30px;}
.fewr-reference .content-body .philosophy-pillar h3{font-size: 18px; line-height: 1.5;}
.fewr-reference .philosophy-pillar > p{font-size: 16px; line-height: 1.85; grid-column: 1 / -1; margin-top: 22px;}
.fewr-reference .office-directory{gap: 24px;}
.fewr-reference .office-directory article{background: rgb(255, 255, 255); padding: 28px !important; border-top: 3px solid var(--sky) !important;}
.fewr-reference .office-directory h2{font-size: 26px; margin-bottom: 18px;}
.fewr-reference .office-directory .eyebrow{font-size: 11px;}
.fewr-reference .office-directory address{font-size: 16px; line-height: 1.85;}
.fewr-reference .office-directory a{font-size: 14px;}
.fewr-reference .all-partners{background: rgb(242, 245, 248); box-shadow: rgb(242, 245, 248) 0px 0px 0px 100vmax; clip-path: inset(0px -100vmax); padding-block: 42px;}
.fewr-reference .all-partners .vendor-logo{background: rgb(255, 255, 255);}
.fewr-reference .content-body .guide-visual-grid{grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 30px;}
.fewr-reference .guide-visual{background: rgb(255, 255, 255);}
.fewr-reference .guide-visual > img{aspect-ratio: 16 / 10; height: auto; margin-bottom: 0px;}
.fewr-reference .guide-visual > div{padding: 24px;}
.fewr-reference .guide-visual h3{font-size: 25px; line-height: 1.3; margin-bottom: 15px;}
.fewr-reference .guide-visual p{font-size: 16px; line-height: 1.8;}
.fewr-reference .guide-visual .arrow{font-size: 14px; color: var(--mid); font-weight: 500;}
.fewr-reference .resource-routes a{background: rgb(255, 255, 255); padding: 24px 28px; font-size: 20px;}
.fewr-reference .article-photo{height: 350px; margin-top: 36px;}
.fewr-reference .article-photo img{object-fit: cover;}
.fewr-reference .reading-layout{gap: 65px; padding-block: 48px;}
.fewr-reference .reading-sidebar{background: rgb(237, 243, 248); padding: 25px; top: 125px;}
.fewr-reference .reading-sidebar p{font-size: 14px; font-weight: 600;}
.fewr-reference .reading-sidebar a{font-size: 14px; line-height: 1.6;}
.fewr-reference .reading-body h2{font-size: 30px; line-height: 1.3; letter-spacing: -0.025em;}
.fewr-reference .reading-body h3{font-size: 23px; line-height: 1.4;}
.fewr-reference .reading-body p,.fewr-reference .reading-body li{font-size: 17px; line-height: 1.85; max-width: 74ch;}
.fewr-reference .reading-section{padding-bottom: 30px; border-bottom: 1px solid rgb(220, 229, 237);}
.fewr-reference .guide-example,.fewr-reference .guide-checklist{background: rgb(237, 243, 248); padding: 28px;}
.fewr-reference .reading-body th{background: rgb(232, 239, 246);}
.fewr-reference .review-layout{padding-block: 42px; gap: 55px;}
.fewr-reference .review-image{margin-bottom: 30px;}
.fewr-reference .review-image img{width: 100%; height: 250px; object-fit: cover;}
.fewr-reference .review-steps h2{font-size: 26px;}
.fewr-reference .review-steps p{font-size: 17px; line-height: 1.85;}
.fewr-reference .review-request{background: rgb(237, 243, 248); padding: 32px;}
.fewr-reference .review-request h2{font-size: 28px;}
.fewr-reference .contact-layout{background: rgb(237, 243, 248); box-shadow: rgb(237, 243, 248) 0px 0px 0px 100vmax; clip-path: inset(0px -100vmax); padding-block: 46px;}
.fewr-reference .contact-page form{background: rgb(255, 255, 255); padding: 30px;}
.fewr-reference .contact-page label{font-size: 14px;}
.fewr-reference .contact-page input,.fewr-reference .contact-page select,.fewr-reference .contact-page textarea{font-size: 16px;}
.fewr-reference .event-facts{background: var(--blue); color: rgb(255, 255, 255); padding: 28px;}
.fewr-reference .event-facts dt{font-size: 12px; color: rgb(214, 227, 244);}
.fewr-reference .event-facts dd{font-size: 17px; margin: 8px 0px 0px;}
.fewr-reference .event-reading{display: grid; grid-template-columns: 1fr 1fr; gap: 30px;}
.fewr-reference .event-reading > section{background: rgb(255, 255, 255); padding: 28px;}
.fewr-reference .event-reading h2{font-size: 27px;}
.fewr-reference .event-status{display: inline-block; background: rgb(221, 232, 243); color: var(--blue); padding: 8px 15px; margin-block: 22px; font-size: 13px;}
.fewr-reference .briefing-card{background: rgb(255, 255, 255); padding: 22px;}
.fewr-reference .briefing-card h3{font-size: 25px;}
.fewr-reference .sector-gallery{padding-block: 45px;}
.fewr-reference .sector-card{background: rgb(240, 244, 248);}
.fewr-reference .sector-card > div:last-child{padding: 26px;}
.fewr-reference .sector-card h2{font-size: 28px;}
.fewr-reference .sector-card p{font-size: 17px; line-height: 1.8;}
.fewr-reference .sector-photo{margin-bottom: 0px;}
.fewr-reference .section-entrance.is-in-view{animation: 0.65s cubic-bezier(0.2, 0.7, 0.2, 1) 0s 1 normal both running section-arrive;}
@keyframes section-arrive {0% { opacity: 0.65; transform: translateY(16px); }100% { opacity: 1; transform: none; }}
.fewr-reference .service-image img,.fewr-reference .sector-photo img,.fewr-reference .guide-visual > img{transition: filter 0.4s;}
.fewr-reference .service-image:hover img,.fewr-reference .sector-card:hover img,.fewr-reference .guide-visual:hover > img{filter: brightness(1.035);}
.fewr-reference details[open] > p{animation: 0.25s ease-out 0s 1 normal none running detail-arrive;}
@keyframes detail-arrive {0% { opacity: 0.4; transform: translateY(5px); }100% { opacity: 1; transform: none; }}
@media (max-width: 1000px) {.fewr-reference .service-feature{gap: 35px;}
.fewr-reference .service-detail,.fewr-reference .prepare-layout{gap: 40px;}
.fewr-reference .audience-projects{gap: 18px;}
.fewr-reference .audience-projects article{padding: 20px;}
.fewr-reference .content-body .guide-visual-grid,.fewr-reference .office-directory{grid-template-columns: 1fr 1fr;}
.fewr-reference .reading-layout{gap: 35px;}
.fewr-reference .practical-detail{gap: 15px 35px;}
.fewr-reference .review-layout{gap: 30px;}
.fewr-reference .review-request{padding: 24px;}
.fewr-reference .company-manifesto{gap: 35px;}
.fewr-reference .audience-context-intro,.fewr-reference .audience-start{gap: 30px;}}
@media (max-width: 800px) {.fewr-reference .service-feature{grid-template-columns: 1fr 1fr;}
.fewr-reference .service-feature-copy h2{font-size: 26px;}
.fewr-reference .service-feature-copy p{font-size: 16px;}
.fewr-reference .service-feature .solid-button{font-size: 13px; padding-inline: 18px; gap: 16px;}
.fewr-reference .sector-needs,.fewr-reference .audience-projects{grid-template-columns: 1fr;}
.fewr-reference .audience-projects article{padding: 24px;}
.fewr-reference .event-reading,.fewr-reference .content-body .philosophy-pillars{grid-template-columns: 1fr;}
.fewr-reference .reading-layout{grid-template-columns: 210px minmax(0px, 1fr);}
.fewr-reference .office-directory article{padding: 23px !important;}
.fewr-reference .company-manifesto h2{font-size: 32px;}}
@media (max-width: 650px) {.fewr-reference .page-heading-band .page-opening{padding-block: 25px 30px;}
.fewr-reference .page-heading-band h1{font-size: 36px; line-height: 1.18; text-wrap: initial;}
.fewr-reference .page-heading-band .page-intro{font-size: 16px; line-height: 1.8; margin-top: 18px;}
.fewr-reference .page-heading-band .crumb{font-size: 11px; margin-bottom: 20px;}
.fewr-reference .service-feature{display: block; padding-block: 30px;}
.fewr-reference .service-feature-copy{padding-top: 24px;}
.fewr-reference .service-feature-copy h2{font-size: 27px;}
.fewr-reference .service-feature-copy p{font-size: 16px;}
.fewr-reference .service-image{aspect-ratio: 16 / 10;}
.fewr-reference .service-detail,.fewr-reference .prepare-section .prepare-layout{padding-block: 34px;}
.fewr-reference .service-detail h2{font-size: 29px; margin-bottom: 25px;}
.fewr-reference .capability{padding-inline: 17px;}
.fewr-reference .capability summary{gap: 12px; padding-block: 17px;}
.fewr-reference .capability summary h3{font-size: 19px;}
.fewr-reference .capability p{font-size: 16px;}
.fewr-reference .prepare-layout h2{font-size: 29px;}
.fewr-reference .prepare-layout p,.fewr-reference .prepare-layout li{font-size: 16px;}
.fewr-reference .question summary{font-size: 17px;}
.fewr-reference .content-body > .section-panel{padding-block: 32px;}
.fewr-reference .content-body p,.fewr-reference .content-body li{font-size: 16px; line-height: 1.85;}
.fewr-reference .content-body h2{font-size: 28px;}
.fewr-reference .content-body h3{font-size: 22px;}
.fewr-reference .context-photo{margin-block: 25px;}
.fewr-reference .context-photo img{max-height: 260px;}
.fewr-reference .dedicated-context img[src*="glass"]{aspect-ratio: 16 / 9; max-height: none;}
.fewr-reference .dedicated-context img[src*="cyberfest-official"]{aspect-ratio: auto; max-height: none;}
.fewr-reference .sector-needs{gap: 20px;}
.fewr-reference .sector-needs article{padding: 23px;}
.fewr-reference .sector-needs h2{font-size: 24px; margin-top: 18px;}
.fewr-reference .practical-detail{display: block;}
.fewr-reference .practical-detail > h2{font-size: 28px; margin-bottom: 20px;}
.fewr-reference .practical-detail > h3{margin-top: 25px;}
.fewr-reference .audience-context-intro{display: block; padding-bottom: 25px;}
.fewr-reference .audience-context-intro h2{margin-bottom: 20px;}
.fewr-reference .audience-projects{margin-bottom: 25px;}
.fewr-reference .audience-start{display: block; padding: 24px;}
.fewr-reference .audience-start h2{font-size: 26px; margin-bottom: 18px;}
.fewr-reference .company-manifesto{padding-block: 30px; display: block;}
.fewr-reference .company-manifesto h2{font-size: 30px; margin-bottom: 22px;}
.fewr-reference .company-manifesto p{font-size: 16px;}
.fewr-reference .company-principles{padding-block: 32px;}
.fewr-reference .ref-about-principles h2{font-size: 28px;}
.fewr-reference .ref-about-principles p{font-size: 16px;}
.fewr-reference .philosophy-pillars article.philosophy-pillar{margin-bottom: 22px; grid-template-columns: 54px 1fr; gap: 0px 16px; padding: 23px !important;}
.fewr-reference .content-body .philosophy-pillars{padding-block: 30px;}
.fewr-reference .pillar-letter{width: 54px; height: 60px; font-size: 40px;}
.fewr-reference .content-body .philosophy-pillar h2{font-size: 27px;}
.fewr-reference .content-body .philosophy-pillar h3{font-size: 17px;}
.fewr-reference .philosophy-pillar > p{font-size: 16px; margin-top: 18px;}
.fewr-reference .office-directory{grid-template-columns: 1fr; gap: 20px;}
.fewr-reference .office-directory h2{font-size: 25px;}
.fewr-reference .content-body .guide-visual-grid{display: block;}
.fewr-reference .guide-visual{margin-bottom: 26px;}
.fewr-reference .guide-visual > div{padding: 22px;}
.fewr-reference .guide-visual h3{font-size: 24px;}
.fewr-reference .guide-visual > img{height: auto; aspect-ratio: 16 / 10;}
.fewr-reference .article-photo{height: 220px; margin-top: 25px;}
.fewr-reference .reading-layout{display: block; padding-block: 30px;}
.fewr-reference .reading-sidebar{padding: 22px;}
.fewr-reference .reading-body h2{font-size: 27px;}
.fewr-reference .reading-body p,.fewr-reference .reading-body li{font-size: 16px; line-height: 1.85;}
.fewr-reference .reading-section{padding-bottom: 20px;}
.fewr-reference .review-layout{padding-block: 28px;}
.fewr-reference .review-image img{height: 190px;}
.fewr-reference .review-request{padding: 22px;}
.fewr-reference .review-steps p{font-size: 16px;}
.fewr-reference .review-steps h2{font-size: 25px;}
.fewr-reference .contact-layout{padding-block: 30px;}
.fewr-reference .contact-page form{padding: 23px;}
.fewr-reference .event-facts{padding: 22px;}
.fewr-reference .event-reading{gap: 20px;}
.fewr-reference .event-reading > section{padding: 23px;}
.fewr-reference .event-reading h2{font-size: 25px;}
.fewr-reference .sector-gallery{padding-block: 30px;}
.fewr-reference .sector-card > div:last-child{padding: 23px;}
.fewr-reference .sector-card h2{font-size: 26px;}
.fewr-reference .sector-card p{font-size: 16px;}
.fewr-reference .related-links h2{font-size: 23px;}
.fewr-reference .all-partners{padding-block: 30px;}}
@media (prefers-reduced-motion: reduce) {.fewr-reference .section-entrance.is-in-view,.fewr-reference details[open] > p{animation: auto ease 0s 1 normal none running none !important; transform: none !important;}
.fewr-reference .service-image img,.fewr-reference .sector-photo img,.fewr-reference .guide-visual > img{transition: none !important;}}
.fewr-reference,.fewr-reference{overflow-x: clip;}
.fewr-reference .home-opening.immersive-opening{position: relative; isolation: isolate; display: flex; align-items: center; height: clamp(500px, 39vw, 560px); overflow: hidden; background: rgb(248, 249, 250);}
.fewr-reference .immersive-opening .opening-art{position: absolute; inset: 0px 0px 0px auto; width: 84%; height: 100%; margin: 0px; z-index: 0;}
.fewr-reference .opening-art img{display: block; width: 100%; height: 100%; object-fit: contain; object-position: center center; max-width: none;}
.fewr-reference .immersive-opening .opening-content{position: relative; z-index: 2; padding-block: 40px; pointer-events: none;}
.fewr-reference .immersive-opening .opening-content a{pointer-events: auto;}
.fewr-reference .immersive-opening h1{font-size: clamp(46px, 4.5vw, 68px); font-weight: 800; line-height: 1.1; letter-spacing: -0.05em; max-width: 780px; color: var(--blue);}
.fewr-reference .immersive-opening .home-intro{max-width: 480px; margin-top: 24px;}
.fewr-reference .immersive-opening .home-intro p{font-size: 16px; line-height: 1.8; color: rgb(57, 70, 89); margin-bottom: 22px;}
.fewr-reference .immersive-opening .solid-button{min-width: 245px;}
.fewr-reference .immersive-opening::before{content: ""; position: absolute; inset: 0px; z-index: 1; pointer-events: none; background: linear-gradient(90deg, rgb(248, 249, 250) 0%, rgb(248, 249, 250) 18%, rgba(248, 249, 250, 0.92) 30%, rgba(248, 249, 250, 0.5) 47%, rgba(248, 249, 250, 0) 68%, rgba(248, 249, 250, 0) 85%, rgb(248, 249, 250) 96%);}
@media (max-width: 1000px) and (min-width: 801px) {.fewr-reference .immersive-opening h1{font-size: 48px; max-width: 670px;}
.fewr-reference .immersive-opening .home-intro{max-width: 430px;}}
@media (max-width: 800px) {.fewr-reference .immersive-opening::before{display: none;}
.fewr-reference .home-opening.immersive-opening{height: auto; display: flex; flex-direction: column; align-items: stretch;}
.fewr-reference .immersive-opening .opening-content{order: 0; padding-block: 32px 12px;}
.fewr-reference .immersive-opening h1{font-size: clamp(38px, 6.8vw, 54px); max-width: 100%;}
.fewr-reference .immersive-opening h1 br{display: none;}
.fewr-reference .immersive-opening .home-intro{max-width: 580px; margin-top: 22px;}
.fewr-reference .immersive-opening .opening-art{position: relative; inset: auto; order: 1; width: 100%; height: auto; aspect-ratio: 1672 / 941; mask-image: linear-gradient(transparent, rgb(0, 0, 0) 14%, rgb(0, 0, 0) 90%, transparent);}
.fewr-reference .opening-art img{object-fit: contain; height: 100%; width: 100%;}}
@media (max-width: 650px) {.fewr-reference .immersive-opening h1{font-size: clamp(36px, 9.5vw, 49px);}
.fewr-reference .immersive-opening .opening-content{padding-block: 28px 5px;}
.fewr-reference .immersive-opening .home-intro p{font-size: 16px;}
.fewr-reference .immersive-opening .opening-art{aspect-ratio: 1672 / 941;}}
@media (prefers-reduced-motion: no-preference) {.fewr-reference .opening-art img{animation: 1.5s ease-out 0s 1 normal both running hero-glass-enter, 9s ease-in-out 0s infinite alternate none running hero-glass-move; will-change: transform, opacity;}}
@keyframes hero-glass-enter {0% { opacity: 0.15; }100% { opacity: 1; }}
@keyframes hero-glass-move {0% { transform: translate3d(10px, 4px, 0px) scale(0.985); }100% { transform: translate3d(-13px, -5px, 0px) scale(1.025); }}
.fewr-reference .customer-section{background: rgb(242, 246, 250);}
.fewr-reference .customer-section > .section{padding-block: 25px;}
.fewr-reference .quote-title{display: flex; align-items: center; justify-content: space-between; gap: 20px;}
.fewr-reference .quote-title h2{font-size: 18px; line-height: 1.4; letter-spacing: -0.02em; font-weight: 600;}
.fewr-reference .quote-controls{display: flex; align-items: center; gap: 12px; font-size: 12px; line-height: 1.4; font-variant-numeric: tabular-nums;}
.fewr-reference .quote-controls button{display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid rgb(206, 215, 225); border-radius: 50%; padding: 0px; font-size: 18px; color: var(--blue);}
.fewr-reference .quote-controls button:hover{background: var(--blue); color: rgb(255, 255, 255);}
.fewr-reference .quote-stage{margin-top: 16px; overflow: hidden;}
.fewr-reference .quote-track{display: flex; align-items: stretch; width: 100%; transition: transform 0.65s cubic-bezier(0.25, 0.75, 0.25, 1); will-change: transform;}
.fewr-reference .quote-slide{display: grid; grid-template-columns: minmax(0px, 1fr) 215px; flex: 0 0 100%; min-width: 0px; gap: 35px; align-items: center; margin: 0px; padding-right: 2px;}
.fewr-reference .quote-slide blockquote{font-size: 17px; line-height: 1.65; font-weight: 400; letter-spacing: 0px; margin: 0px;}
.fewr-reference .quote-slide figcaption{font-size: 12px; line-height: 1.6; color: var(--muted);}
.fewr-reference .quote-slide figcaption strong,.fewr-reference .quote-slide figcaption span{display: block;}
.fewr-reference .quote-slide figcaption strong{font-weight: 600; color: var(--ink);}
@media (max-width: 800px) {.fewr-reference .quote-slide{grid-template-columns: minmax(0px, 1fr) 175px; gap: 24px;}}
@media (max-width: 650px) {.fewr-reference .customer-section > .section{padding-block: 22px;}
.fewr-reference .quote-title{gap: 10px;}
.fewr-reference .quote-title h2{font-size: 16px;}
.fewr-reference .quote-controls{gap: 7px; font-size: 11px;}
.fewr-reference .quote-controls button{width: 28px; height: 28px;}
.fewr-reference .quote-stage{margin-top: 14px;}
.fewr-reference .quote-slide{display: flex; flex-direction: column; align-items: stretch; justify-content: space-between; gap: 14px;}
.fewr-reference .quote-slide blockquote{font-size: 16px; line-height: 1.65;}
.fewr-reference .quote-slide figcaption{font-size: 12px;}}
@media (prefers-reduced-motion: reduce) {.fewr-reference .opening-art img{animation: auto ease 0s 1 normal none running none; transform: none;}
.fewr-reference .quote-track{transition: none;}}
.fewr-reference .nav-direct{font-size: 14px; font-weight: 500;}
.fewr-reference .masthead{gap: 24px;}
.fewr-reference #site-nav{gap: 22px;}
.fewr-reference .brand img{width: 180px;}
.fewr-reference .designer-hero{position: relative; isolation: isolate; overflow: hidden; background: rgb(238, 243, 248); min-height: 470px; display: flex; align-items: center;}
.fewr-reference .designer-hero-art{position: absolute; inset: 0px 0px 0px auto; width: 78%; margin: 0px; z-index: -2; overflow: hidden;}
.fewr-reference .designer-hero-art img{width: 100%; height: 100%; object-fit: contain; object-position: right center; max-width: none;}
.fewr-reference .designer-hero::before{content: ""; position: absolute; inset: 0px; z-index: -1; pointer-events: none; background: linear-gradient(90deg, rgb(238, 243, 248) 0%, rgba(238, 243, 248, 0.92) 13%, rgba(238, 243, 248, 0.6) 29%, rgba(238, 243, 248, 0.16) 46%, transparent 64%, transparent 93%, rgba(238, 243, 248, 0.48) 100%);}
.fewr-reference .designer-hero-copy{position: relative; padding-block: 32px 40px;}
.fewr-reference .designer-hero-copy .crumb{font-size: 12px; margin-bottom: 22px;}
.fewr-reference .designer-hero-copy > .eyebrow{margin-bottom: 17px;}
.fewr-reference .designer-hero h1{max-width: 790px; font-size: clamp(40px, 4.2vw, 63px); font-weight: 800; line-height: 1.13; color: var(--blue); letter-spacing: -0.045em; text-wrap: balance;}
.fewr-reference .designer-hero .designer-intro{max-width: 620px; font-size: 17px; line-height: 1.8; color: rgb(52, 66, 85); margin: 24px 0px 19px;}
.fewr-reference .designer-strap{max-width: 600px; font-size: 16px; line-height: 1.75; font-weight: 500;}
.fewr-reference .designer-hero-copy > .designer-strap{margin-block: 18px;}
.fewr-reference .designer-home-hero{min-height: 530px;}
.fewr-reference .designer-home-hero .designer-intro{max-width: 610px;}
.fewr-reference .designer-home-hero h1{max-width: 750px;}
.fewr-reference .designer-actions{display: flex; gap: 14px; flex-wrap: wrap; margin-top: 24px;}
.fewr-reference .outline-button{display: inline-flex; align-items: center; justify-content: space-between; gap: 25px; min-height: 52px; padding: 13px 22px; font-size: 14px; line-height: 1.5; color: var(--blue); border: 1px solid var(--blue); background: rgba(255, 255, 255, 0.72);}
.fewr-reference .outline-button:hover{background: rgb(255, 255, 255);}
.fewr-reference .designer-side{position: absolute; right: 0px; bottom: 42px; max-width: 175px; font-size: 13px; line-height: 1.7; letter-spacing: 0.04em; font-weight: 600; border-left: 3px solid var(--sky); padding-left: 17px; color: var(--blue); background: rgba(238, 243, 248, 0.69);}
.fewr-reference .eyebrow{font-size: 12px; letter-spacing: 0.08em; line-height: 1.6; font-weight: 600; text-transform: uppercase; color: var(--mid); margin-bottom: 13px;}
.fewr-reference .designer-shortcuts{background: var(--blue); color: rgb(255, 255, 255);}
.fewr-reference .designer-shortcuts > .wrap{display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); padding-block: 19px;}
.fewr-reference .designer-shortcuts a{display: flex; align-items: center; gap: 12px; font-size: 13px; font-weight: 500; padding-inline: 20px; border-right: 1px solid rgba(255, 255, 255, 0.208);}
.fewr-reference .designer-shortcuts a:first-child{padding-left: 0px;}
.fewr-reference .designer-shortcuts a:last-child{border: 0px;}
.fewr-reference .designer-shortcuts .designer-icon{width: 29px; height: 29px; filter: brightness(0) invert(1);}
.fewr-reference .designer-icon{width: 42px; height: 42px; object-fit: contain; margin-bottom: 18px;}
.fewr-reference .designer-introduction{display: grid; grid-template-columns: 1fr 1.45fr 1fr; gap: 35px; padding-block: 48px; align-items: center;}
.fewr-reference .designer-introduction h2{font-size: 32px;}
.fewr-reference .designer-introduction p{font-size: 15px; line-height: 1.8; margin-bottom: 15px;}
.fewr-reference .designer-mini-process{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 13px;}
.fewr-reference .designer-mini-process span{display: flex; flex-direction: column; align-items: center; gap: 12px; font-size: 12px; line-height: 1.5; font-weight: 600;}
.fewr-reference .designer-mini-process b{display: grid; place-items: center; border: 1px solid rgb(199, 217, 233); border-radius: 50%; width: 44px; height: 44px; font-size: 15px; color: var(--mid); background: rgb(237, 244, 249);}
.fewr-reference .designer-mini-process.wide{max-width: 700px; gap: 30px; margin-top: 35px;}
.fewr-reference .designer-mini-process.wide span{font-size: 16px;}
.fewr-reference .designer-mini-process.wide b{width: 55px; height: 55px;}
.fewr-reference .designer-section{padding-block: 54px;}
.fewr-reference .designer-section h2{font-size: clamp(29px, 3vw, 42px); line-height: 1.2; max-width: 800px;}
.fewr-reference .designer-section-intro{font-size: 17px; line-height: 1.85; max-width: 920px; margin: 22px 0px 32px;}
.fewr-reference .designer-surface{background: rgb(237, 243, 248);}
.fewr-reference .designer-card-grid{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 22px; margin-top: 32px;}
.fewr-reference .designer-card{display: flex; flex-direction: column; background: rgb(255, 255, 255); border-top: 3px solid var(--sky); padding: 26px; min-width: 0px; box-shadow: rgba(22, 57, 108, 0.024) 0px 3px 16px; transition: box-shadow 0.25s, border-color 0.25s;}
.fewr-reference .designer-card:hover{border-color: var(--blue); box-shadow: rgba(22, 57, 108, 0.07) 0px 5px 20px;}
.fewr-reference .designer-card h3{font-size: 23px; line-height: 1.35; letter-spacing: -0.025em; margin: 0px 0px 15px;}
.fewr-reference .designer-card p{font-size: 16px; line-height: 1.8; margin: 0px 0px 22px;}
.fewr-reference .designer-card .eyebrow{font-size: 12px; margin-bottom: 13px;}
.fewr-reference .designer-card .inline-link{margin-top: auto; font-size: 14px; gap: 15px;}
.fewr-reference .designer-card[hidden]{display: none;}
.fewr-reference .designer-card.is-in-view{animation: 0.55s ease-out 0s 1 normal both running editorial-arrival;}
.fewr-reference .designer-card-grid:has(> .designer-card:nth-child(6)):not(:has(> .designer-card:nth-child(7))){grid-template-columns: repeat(3, minmax(0px, 1fr));}
.fewr-reference .services-grid{grid-template-columns: repeat(4, minmax(0px, 1fr));}
.fewr-reference .designer-section .section-top > div{max-width: 650px;}
.fewr-reference .designer-section .section-top > div > p{font-size: 16px; line-height: 1.8;}
.fewr-reference .designer-section .section-top{gap: 50px; margin-bottom: 30px;}
.fewr-reference .designer-impact{background: var(--blue); color: rgb(255, 255, 255);}
.fewr-reference .designer-impact > .wrap{display: grid; grid-template-columns: 1.2fr repeat(5, 1fr); gap: 25px; padding-block: 28px; align-items: center;}
.fewr-reference .designer-impact .eyebrow{color: rgb(199, 220, 240); margin-bottom: 8px;}
.fewr-reference .designer-impact h2{font-size: 25px; letter-spacing: -0.03em;}
.fewr-reference .designer-impact-stat{padding-left: 22px; border-left: 1px solid rgba(255, 255, 255, 0.22); min-width: 0px;}
.fewr-reference .designer-impact-stat strong{font-size: clamp(23px, 2.6vw, 36px); font-weight: 600; line-height: 1.2; letter-spacing: -0.035em; white-space: nowrap;}
.fewr-reference .designer-impact-stat p{font-size: 12px; line-height: 1.6; margin: 9px 0px 0px; color: rgb(229, 237, 248);}
.fewr-reference .designer-story-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 25px;}
.fewr-reference .designer-story-grid article{padding: 27px; background: rgb(240, 245, 249); border-left: 3px solid var(--sky); display: flex; flex-direction: column;}
.fewr-reference .designer-story-grid h3{font-size: 25px; line-height: 1.3; margin-bottom: 18px;}
.fewr-reference .designer-story-grid p{font-size: 16px; line-height: 1.8;}
.fewr-reference .designer-story-grid .eyebrow{font-size: 12px;}
.fewr-reference .designer-story-grid .inline-link{margin-top: auto;}
.fewr-reference .designer-insight-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 28px;}
.fewr-reference .designer-insight-grid article{background: rgb(255, 255, 255); padding-bottom: 25px;}
.fewr-reference .designer-insight-grid img{width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover;}
.fewr-reference .designer-insight-grid h3{padding-inline: 24px; font-size: 25px; line-height: 1.35;}
.fewr-reference .designer-insight-grid .designer-date{font-size: 11px; letter-spacing: 0.03em; padding-inline: 24px; margin: 18px 0px 12px;}
.fewr-reference .designer-insight-grid article > .inline-link{margin: 20px 24px 0px;}
.fewr-reference .designer-cta{background: rgb(18, 50, 110); color: rgb(255, 255, 255);}
.fewr-reference .designer-cta-inner{display: grid; grid-template-columns: 1.15fr 1fr; gap: 65px; padding-block: 42px; align-items: center;}
.fewr-reference .designer-cta .eyebrow{color: rgb(189, 215, 239);}
.fewr-reference .designer-cta h2{font-size: clamp(28px, 3vw, 40px); line-height: 1.25; max-width: 760px;}
.fewr-reference .designer-cta p{font-size: 16px; line-height: 1.85;}
.fewr-reference .designer-cta .light-button{font-size: 14px; background: rgb(255, 255, 255); color: var(--blue);}
.fewr-reference .designer-cta .designer-subhead{font-size: 19px; line-height: 1.6; font-weight: 500; margin-bottom: 8px;}
.fewr-reference .designer-cta .light-button{margin-top: 12px;}
.fewr-reference .designer-benefit-band{background: rgb(234, 241, 247);}
.fewr-reference .designer-benefits{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 25px; padding-block: 28px;}
.fewr-reference .designer-benefits article{border-right: 1px solid rgb(202, 217, 229); padding-right: 23px;}
.fewr-reference .designer-benefits article:last-child{border: 0px;}
.fewr-reference .designer-benefits .designer-icon{width: 36px; height: 36px; margin-bottom: 13px;}
.fewr-reference .designer-benefits h3{font-size: 18px; line-height: 1.35; margin-bottom: 11px;}
.fewr-reference .designer-benefits p{font-size: 14px; line-height: 1.75; margin: 0px;}
.fewr-reference .designer-step{font-size: 13px; font-weight: 600; color: var(--mid); letter-spacing: 0.08em; line-height: 1.5;}
.fewr-reference .designer-feature-copy{max-width: 950px;}
.fewr-reference .designer-feature-copy h2{margin-bottom: 20px;}
.fewr-reference .designer-feature-copy h3{font-size: 24px; line-height: 1.45; margin-bottom: 17px;}
.fewr-reference .designer-feature-copy > p:not(.designer-step){font-size: 17px; line-height: 1.85; max-width: 80ch;}
.fewr-reference .designer-principles{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 36px;}
.fewr-reference .designer-principles h3{font-size: 26px; line-height: 1.3; margin-bottom: 17px;}
.fewr-reference .designer-principles p{font-size: 16px; line-height: 1.85;}
.fewr-reference .designer-principles .designer-subhead{font-weight: 600; font-size: 17px;}
.fewr-reference .designer-principles article{display: flex; flex-direction: column;}
.fewr-reference .designer-principles .inline-link{margin-top: auto;}
.fewr-reference .designer-pair{display: grid; grid-template-columns: 1fr 1fr; gap: 44px;}
.fewr-reference .designer-pair article,.fewr-reference .designer-pair > div{min-width: 0px;}
.fewr-reference .designer-pair h2{font-size: 34px; margin-bottom: 20px;}
.fewr-reference .designer-pair p{font-size: 16px; line-height: 1.85;}
.fewr-reference .designer-pair .designer-subhead{font-size: 20px; font-weight: 500;}
.fewr-reference .designer-difference{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 30px; margin-top: 30px;}
.fewr-reference .designer-difference h3{font-size: 21px; line-height: 1.35; margin-bottom: 13px;}
.fewr-reference .designer-difference p{font-size: 15px; line-height: 1.8; margin: 0px;}
.fewr-reference .designer-source-quote{margin: 0px; padding: 34px; background: var(--blue); color: rgb(255, 255, 255);}
.fewr-reference .designer-source-quote blockquote{font-size: 24px; line-height: 1.7;}
.fewr-reference .designer-source-quote figcaption{font-size: 14px; margin-top: 24px; line-height: 1.7;}
.fewr-reference .designer-source-quote figcaption span{display: block; color: rgb(219, 232, 245);}
.fewr-reference .designer-process{padding-block: 50px; display: grid; grid-template-columns: 1fr 1.7fr; gap: 55px;}
.fewr-reference .designer-process h2{font-size: 34px; line-height: 1.3; margin-bottom: 20px;}
.fewr-reference .designer-process > div > p{font-size: 16px; line-height: 1.8;}
.fewr-reference .designer-process ol{list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 25px; margin: 0px; padding: 0px;}
.fewr-reference .designer-process li + li{margin-top: 0px;}
.fewr-reference .designer-process li{border-top: 2px solid rgb(191, 211, 231); padding-top: 15px;}
.fewr-reference .designer-process li h3{font-size: 20px; margin: 15px 0px 12px;}
.fewr-reference .designer-process li p{font-size: 15px; line-height: 1.75; margin-bottom: 0px;}
.fewr-reference .designer-filter{display: flex; gap: 10px; flex-wrap: wrap; padding-block: 22px;}
.fewr-reference .designer-filter button{padding: 10px 22px; border: 1px solid rgb(202, 217, 231); color: var(--blue); font-size: 14px; line-height: 1.5; background: rgb(247, 250, 252);}
.fewr-reference .designer-filter button[aria-pressed="true"]{background: var(--blue); border-color: var(--blue); color: rgb(255, 255, 255);}
@media (prefers-reduced-motion: no-preference) {.fewr-reference .designer-hero-art img{animation: 1.5s ease-out 0s 1 normal both running hero-glass-enter, 9s ease-in-out 0s infinite alternate none running hero-glass-move; will-change: transform, opacity;}}
@media (max-width: 1200px) {.fewr-reference #site-nav{gap: 16px;}
.fewr-reference .nav-item > summary{font-size: 13px;}
.fewr-reference .nav-direct{font-size: 13px;}
.fewr-reference .nav-contact{font-size: 13px; padding-inline: 17px;}
.fewr-reference .brand img{width: 165px;}
.fewr-reference .designer-side{display: none;}
.fewr-reference .designer-introduction{grid-template-columns: 1fr 1.4fr;}
.fewr-reference .designer-introduction > .designer-mini-process{grid-column: 1 / -1; max-width: 550px;}
.fewr-reference .designer-card-grid,.fewr-reference .services-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}
.fewr-reference .designer-impact > .wrap{grid-template-columns: repeat(3, 1fr); gap: 25px;}
.fewr-reference .designer-impact > .wrap > div:first-child{grid-column: 1 / -1;}
.fewr-reference .designer-process{grid-template-columns: 1fr; gap: 25px;}}
@media (max-width: 1000px) {.fewr-reference .nav-direct{font-size: 16px; padding-block: 10px;}
.fewr-reference .designer-hero{min-height: 440px;}
.fewr-reference .designer-hero h1{font-size: 48px; max-width: 660px;}
.fewr-reference .designer-hero .designer-intro{max-width: 540px; font-size: 16px;}
.fewr-reference .designer-principles{gap: 26px;}
.fewr-reference .designer-cta-inner{gap: 35px;}
.fewr-reference .designer-section .section-top,.fewr-reference .designer-pair{gap: 30px;}
.fewr-reference .designer-shortcuts a{font-size: 12px; padding-inline: 14px; gap: 8px;}
.fewr-reference .designer-shortcuts .designer-icon{width: 23px; height: 23px;}
.fewr-reference .designer-benefits{gap: 20px;}
.fewr-reference .designer-benefits article{padding-right: 16px;}
.fewr-reference .designer-card-grid:has(> .designer-card:nth-child(6)):not(:has(> .designer-card:nth-child(7))){grid-template-columns: repeat(2, minmax(0px, 1fr));}}
@media (max-width: 800px) {.fewr-reference .designer-hero{display: flex; flex-direction: column; min-height: 0px; align-items: stretch;}
.fewr-reference .designer-hero-copy{order: 0; padding-block: 28px 5px;}
.fewr-reference .designer-hero-art{position: relative; inset: auto; width: 100%; height: auto; aspect-ratio: 1672 / 941; order: 1; z-index: 0; mask-image: linear-gradient(transparent, rgb(0, 0, 0) 12%, rgb(0, 0, 0) 93%, transparent);}
.fewr-reference .designer-hero-art img{object-fit: contain;}
.fewr-reference .designer-hero::before{display: none;}
.fewr-reference .designer-hero h1{font-size: 43px;}
.fewr-reference .designer-hero .designer-intro{max-width: 100%;}
.fewr-reference .designer-shortcuts > .wrap{grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 18px;}
.fewr-reference .designer-shortcuts a{border: 0px; padding: 0px;}
.fewr-reference .designer-benefits{grid-template-columns: 1fr 1fr;}
.fewr-reference .designer-benefits article{border: 0px;}
.fewr-reference .designer-principles,.fewr-reference .designer-pair{grid-template-columns: 1fr;}
.fewr-reference .designer-difference{grid-template-columns: 1fr 1fr;}
.fewr-reference .designer-cta-inner{grid-template-columns: 1fr; gap: 20px;}
.fewr-reference .designer-story-grid{grid-template-columns: 1fr;}
.fewr-reference .designer-insight-grid{gap: 18px;}
.fewr-reference .designer-insight-grid h3{font-size: 22px; padding-inline: 18px;}
.fewr-reference .designer-insight-grid .designer-date{padding-inline: 18px;}
.fewr-reference .designer-insight-grid article > .inline-link{margin-inline: 18px;}
.fewr-reference .designer-section .section-top{display: block;}
.fewr-reference .designer-section .section-top > div{margin-bottom: 24px;}}
@media (max-width: 650px) {.fewr-reference .designer-hero h1{font-size: clamp(34px, 8.7vw, 45px); line-height: 1.15; text-wrap: initial;}
.fewr-reference .designer-hero-copy{padding-top: 24px;}
.fewr-reference .designer-hero .designer-intro{font-size: 16px; margin-top: 20px;}
.fewr-reference .designer-hero .designer-strap{font-size: 16px;}
.fewr-reference .designer-hero .crumb{font-size: 11px;}
.fewr-reference .designer-actions{gap: 12px; margin-top: 20px;}
.fewr-reference .designer-actions .solid-button,.fewr-reference .designer-actions .outline-button{font-size: 14px; min-height: 48px; padding: 12px 18px; gap: 20px;}
.fewr-reference .designer-hero-art{aspect-ratio: 1672 / 941;}
.fewr-reference .designer-shortcuts > .wrap{grid-template-columns: 1fr 1fr; padding-block: 20px; gap: 20px;}
.fewr-reference .designer-shortcuts a{font-size: 12px;}
.fewr-reference .designer-introduction{display: block; padding-block: 32px;}
.fewr-reference .designer-introduction h2{font-size: 29px; margin-bottom: 22px;}
.fewr-reference .designer-introduction p{font-size: 16px;}
.fewr-reference .designer-introduction > .designer-mini-process{margin-top: 28px;}
.fewr-reference .designer-mini-process{gap: 8px;}
.fewr-reference .designer-mini-process span{font-size: 11px;}
.fewr-reference .designer-mini-process b{width: 38px; height: 38px; font-size: 13px;}
.fewr-reference .designer-section{padding-block: 34px;}
.fewr-reference .designer-section h2{font-size: 29px;}
.fewr-reference .designer-section-intro{font-size: 16px; margin: 20px 0px 25px;}
.fewr-reference .designer-card-grid,.fewr-reference .designer-card-grid:has(> .designer-card:nth-child(6)):not(:has(> .designer-card:nth-child(7))),.fewr-reference .services-grid{grid-template-columns: 1fr; gap: 20px; margin-top: 25px;}
.fewr-reference .designer-card{padding: 24px;}
.fewr-reference .designer-card h3{font-size: 25px;}
.fewr-reference .designer-card p{font-size: 16px;}
.fewr-reference .designer-impact > .wrap{grid-template-columns: 1fr 1fr; gap: 25px 20px; padding-block: 28px;}
.fewr-reference .designer-impact-stat{padding-left: 15px;}
.fewr-reference .designer-impact-stat strong{font-size: 29px;}
.fewr-reference .designer-impact-stat p{font-size: 12px;}
.fewr-reference .designer-story-grid{gap: 20px;}
.fewr-reference .designer-story-grid article{padding: 23px;}
.fewr-reference .designer-story-grid h3{font-size: 24px;}
.fewr-reference .designer-insight-grid{grid-template-columns: 1fr; gap: 24px;}
.fewr-reference .designer-insight-grid h3{font-size: 25px; padding-inline: 23px;}
.fewr-reference .designer-insight-grid .designer-date{padding-inline: 23px;}
.fewr-reference .designer-insight-grid article > .inline-link{margin-inline: 23px;}
.fewr-reference .designer-cta-inner{padding-block: 32px;}
.fewr-reference .designer-cta h2{font-size: 29px;}
.fewr-reference .designer-cta p{font-size: 16px;}
.fewr-reference .designer-benefits{grid-template-columns: 1fr 1fr; gap: 28px 20px; padding-block: 28px;}
.fewr-reference .designer-benefits h3{font-size: 18px;}
.fewr-reference .designer-benefits p{font-size: 14px;}
.fewr-reference .designer-difference{grid-template-columns: 1fr; gap: 23px;}
.fewr-reference .designer-difference h3{font-size: 22px;}
.fewr-reference .designer-difference p{font-size: 16px;}
.fewr-reference .designer-feature-copy h3{font-size: 22px;}
.fewr-reference .designer-feature-copy > p:not(.designer-step){font-size: 16px;}
.fewr-reference .designer-principles h3{font-size: 27px;}
.fewr-reference .designer-mini-process.wide{gap: 10px;}
.fewr-reference .designer-mini-process.wide span{font-size: 12px;}
.fewr-reference .designer-mini-process.wide b{width: 40px; height: 40px;}
.fewr-reference .designer-pair h2{font-size: 29px;}
.fewr-reference .designer-source-quote{padding: 25px;}
.fewr-reference .designer-source-quote blockquote{font-size: 21px;}
.fewr-reference .designer-process{padding-block: 34px; gap: 25px;}
.fewr-reference .designer-process h2{font-size: 29px;}
.fewr-reference .designer-process ol{grid-template-columns: 1fr 1fr; gap: 28px 22px;}
.fewr-reference .designer-process li p{font-size: 15px;}
.fewr-reference .designer-filter{gap: 8px; padding-block: 18px;}
.fewr-reference .designer-filter button{font-size: 13px; padding: 9px 15px;}}
@media (prefers-reduced-motion: reduce) {.fewr-reference .designer-hero-art img,.fewr-reference .designer-card.is-in-view{animation: auto ease 0s 1 normal none running none !important; transform: none !important;}}
.fewr-reference .designer-introduction p,.fewr-reference .designer-benefits p,.fewr-reference .designer-process li p,.fewr-reference .designer-difference p{font-size: 16px;}
@media (min-width: 1101px) {.fewr-reference .designer-hero-art{width: 57%;}
.fewr-reference .designer-hero::before{background: linear-gradient(90deg, rgb(238, 243, 248) 0%, rgb(238, 243, 248) 42%, rgba(238, 243, 248, 0.4) 47%, transparent 54%);}
.fewr-reference .designer-hero h1{max-width: 46%; font-size: clamp(40px, 3.5vw, 54px);}
.fewr-reference .designer-hero .designer-intro,.fewr-reference .designer-hero-copy > .designer-strap{max-width: 46%;}
.fewr-reference .designer-actions{max-width: 46%;}
.fewr-reference .designer-side{bottom: 24px;}}
.fewr-reference{color-scheme: light; --paper: #fff; --mist: #f2f6fa; --surface: #fff; --heading: #12326e; --line: #cad5e1; --hero-ground: #eef3f8;}
.fewr-reference,.fewr-reference .site-header,.fewr-reference .skip{background: var(--paper);}
.fewr-reference .brand-dark{display: none;}
.fewr-reference .masthead{gap: 18px;}
.fewr-reference .theme-toggle{order: 3; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 44px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 8px; font-size: 12px; line-height: 1.2; font-weight: 500; background: var(--surface);}
.fewr-reference .theme-symbol{font-size: 22px; line-height: 1;}
.fewr-reference .theme-toggle:hover{border-color: var(--sky);}
.fewr-reference .capability,.fewr-reference .sector-needs article,.fewr-reference .audience-projects article,.fewr-reference .solution-rows a,.fewr-reference .office-directory article,.fewr-reference .guide-visual,.fewr-reference .resource-routes a,.fewr-reference .contact-page form,.fewr-reference .event-reading > section,.fewr-reference .briefing-card,.fewr-reference .designer-card,.fewr-reference .designer-insight-grid article{background: var(--surface);}
.fewr-reference .designer-hero{background: var(--hero-ground);}
.fewr-reference .designer-surface,.fewr-reference .designer-benefit-band,.fewr-reference .customer-section,.fewr-reference .designer-story-grid article,.fewr-reference .designer-mini-process b{background: var(--mist);}
.fewr-reference .designer-hero::before{background: linear-gradient(90deg,var(--hero-ground) 0%,var(--hero-ground) 27%,transparent 63%);}
.fewr-reference .designer-side{background: var(--hero-ground);}
@media (min-width: 1101px) {.fewr-reference .designer-hero::before{background: linear-gradient(90deg,var(--hero-ground) 0%,var(--hero-ground) 42%,transparent 55%);}}
.fewr-reference .solid-button,.fewr-reference .light-button,.fewr-reference .nav-contact,.fewr-reference .outline-button,.fewr-reference form button[type="submit"],.fewr-reference .content-body .button{border-radius: 8px; min-height: 52px; padding: 14px 22px; font-weight: 600; line-height: 1.5; gap: 22px; transition: background 0.2s, border-color 0.2s, box-shadow 0.2s, transform 0.2s;}
.fewr-reference .solid-button,.fewr-reference .nav-contact,.fewr-reference form button[type="submit"],.fewr-reference .content-body .button{background: rgb(0, 79, 159); color: rgb(255, 255, 255); border: 1px solid rgb(0, 79, 159); box-shadow: rgba(18, 50, 110, 0.094) 0px 4px 10px;}
.fewr-reference .solid-button:hover,.fewr-reference .nav-contact:hover,.fewr-reference form button[type="submit"]:hover,.fewr-reference .content-body .button:hover{background: rgb(18, 50, 110); border-color: rgb(18, 50, 110); box-shadow: rgba(18, 50, 110, 0.15) 0px 7px 16px; transform: translateY(-2px);}
.fewr-reference .light-button,.fewr-reference .designer-cta .light-button{background: rgb(237, 245, 255); color: rgb(18, 50, 110); border: 1px solid rgb(237, 245, 255); box-shadow: rgba(6, 22, 43, 0.145) 0px 4px 12px;}
.fewr-reference .light-button:hover,.fewr-reference .designer-cta .light-button:hover{background: rgb(213, 233, 255); border-color: rgb(213, 233, 255); transform: translateY(-2px);}
.fewr-reference .outline-button{background: transparent; color: var(--heading); border: 1px solid rgb(130, 152, 179); box-shadow: none;}
.fewr-reference .outline-button:hover{background: var(--surface); border-color: var(--heading); transform: translateY(-2px);}
.fewr-reference .solid-button:active,.fewr-reference .light-button:active,.fewr-reference .nav-contact:active,.fewr-reference .outline-button:active{transform: translateY(0px); box-shadow: none;}
.fewr-reference .designer-actions a{justify-content: space-between;}
.fewr-reference .designer-actions .solid-button{min-width: 174px;}
.fewr-reference .nav-contact{min-height: 46px; padding: 11px 17px; font-size: 13px; white-space: nowrap; gap: 14px;}
body.edu-dark .fewr-reference{color-scheme: dark; --ink: #e8eef7; --paper: #151c32; --mist: #192a3e; --surface: #1d3046; --muted: #becbdc; --heading: #c5dfff; --mid: #8ac7ff; --sky: #54b2eb; --line: #3d536b; --hero-ground: #151c32;}
body.edu-dark .fewr-reference .brand-light{display: none;}
body.edu-dark .fewr-reference .brand-dark{display: block;}
body.edu-dark .fewr-reference .site-header{border-bottom: 1px solid rgb(38, 59, 81);}
body.edu-dark .fewr-reference #site-nav,body.edu-dark .fewr-reference .nav-panel{background: var(--paper);}
body.edu-dark .fewr-reference .site-footer{background: rgb(21, 28, 50);}
body.edu-dark .fewr-reference h1,body.edu-dark .fewr-reference .designer-hero h1,body.edu-dark .fewr-reference .page-opening h1,body.edu-dark .fewr-reference .contact-page h1{color: var(--heading);}
body.edu-dark .fewr-reference .designer-hero .designer-intro,body.edu-dark .fewr-reference .page-heading-band .page-intro{color: var(--muted);}
body.edu-dark .fewr-reference .designer-side{color: var(--heading);}
body.edu-dark .fewr-reference .page-heading-band{background: var(--mist); border-color: var(--line);}
body.edu-dark .fewr-reference .solution-heading-band{background: rgb(18, 50, 110);}
body.edu-dark .fewr-reference .solution-heading-band h1,body.edu-dark .fewr-reference .solution-heading-band .page-intro{color: rgb(232, 241, 255);}
body.edu-dark .fewr-reference .coverage-panel,body.edu-dark .fewr-reference .section-tinted,body.edu-dark .fewr-reference .company-principles{--section-surface: var(--mist);}
body.edu-dark .fewr-reference .all-partners,body.edu-dark .fewr-reference .contact-layout{background: var(--mist); box-shadow: 0 0 0 100vmax var(--mist);}
body.edu-dark .fewr-reference .audience-start,body.edu-dark .fewr-reference .reading-sidebar,body.edu-dark .fewr-reference .guide-example,body.edu-dark .fewr-reference .guide-checklist,body.edu-dark .fewr-reference .review-request,body.edu-dark .fewr-reference .sector-card,body.edu-dark .fewr-reference .reading-body th{background: var(--mist);}
body.edu-dark .fewr-reference .philosophy-pillars article.philosophy-pillar{background: color-mix(in srgb,var(--pillar-colour) 15%,#101b2a);}
body.edu-dark .fewr-reference input,body.edu-dark .fewr-reference select,body.edu-dark .fewr-reference textarea{background: var(--paper); border-color: var(--line); color: var(--ink);}
body.edu-dark .fewr-reference .designer-filter button{background: var(--surface); border-color: var(--line); color: var(--ink);}
body.edu-dark .fewr-reference .designer-filter button[aria-pressed="true"]{background: rgb(32, 91, 157); border-color: rgb(134, 191, 255); color: rgb(255, 255, 255);}
body.edu-dark .fewr-reference .quote-controls button{color: var(--heading); border-color: var(--line);}
body.edu-dark .fewr-reference .quote-controls button:hover{background: rgb(32, 91, 157);}
body.edu-dark .fewr-reference .designer-mini-process b{border-color: var(--line);}
body.edu-dark .fewr-reference .event-status,body.edu-dark .fewr-reference .briefing-art > span{background: var(--surface); color: var(--heading);}
body.edu-dark .fewr-reference .partner-belt,body.edu-dark .fewr-reference .all-partners .vendor-logo{background: rgb(232, 237, 243); color: rgb(18, 50, 110);}
body.edu-dark .fewr-reference .designer-hero-art{mask-image: linear-gradient(90deg, transparent, rgb(0, 0, 0) 15%, rgb(0, 0, 0) 90%, transparent);}
body.edu-dark .fewr-reference .designer-hero-art img{opacity: 0.92;}
body.edu-dark .fewr-reference .designer-card .designer-icon,body.edu-dark .fewr-reference .designer-benefits .designer-icon,body.edu-dark .fewr-reference .solution-index img,body.edu-dark .fewr-reference .approved-icon{background: rgb(232, 239, 246); border-radius: 8px; padding: 5px;}
@media (min-width: 1001px) and (max-width: 1200px) {.fewr-reference #site-nav,.fewr-reference .masthead{gap: 12px;}
.fewr-reference .theme-toggle{padding: 8px;}
.fewr-reference .theme-label{display: none;}
.fewr-reference .brand img{width: 155px;}}
@media (max-width: 1000px) {.fewr-reference .theme-toggle{order: 0; margin-left: auto;}
.fewr-reference .menu-button{flex: 0 0 auto;}
.fewr-reference .masthead{gap: 16px;}}
@media (max-width: 650px) {.fewr-reference .brand img{width: 150px;}
.fewr-reference .theme-toggle{padding: 8px; min-width: 40px;}
.fewr-reference .theme-label{display: none;}
.fewr-reference .masthead{gap: 12px;}
.fewr-reference .menu-button{gap: 8px; font-size: 13px;}
.fewr-reference .designer-actions a{min-height: 50px;}}
@media (max-width: 360px) {.fewr-reference .brand img{width: 132px;}
.fewr-reference .masthead{gap: 9px;}}
@media (max-width: 800px) {body.edu-dark .fewr-reference .designer-hero-art{mask-image: linear-gradient(transparent, rgb(0, 0, 0) 17%, rgb(0, 0, 0) 86%, transparent);}}
@media (prefers-reduced-motion: reduce) {.fewr-reference .solid-button,.fewr-reference .light-button,.fewr-reference .nav-contact,.fewr-reference .outline-button,.fewr-reference form button[type="submit"]{transition: none; transform: none !important;}}
@media (min-width: 801px) {body.edu-dark .fewr-reference .designer-hero-art{mask-image: linear-gradient(90deg, transparent, rgb(0, 0, 0) 15%, rgb(0, 0, 0) 90%, transparent), linear-gradient(transparent, rgb(0, 0, 0) 12%, rgb(0, 0, 0) 86%, transparent); mask-composite: intersect;}}
.fewr-reference .quote-controls button{min-width: 44px; min-height: 44px;}
.fewr-reference .quote-controls #quote-pause{width: auto; padding-inline: 12px; border-radius: 6px; font-size: 12px;}
@media (max-width: 650px) {.fewr-reference .quote-title{align-items: flex-start; flex-wrap: wrap;}
.fewr-reference .quote-controls{margin-left: auto;}}
.fewr-reference h1,.fewr-reference h2{font-weight: 800;}
.fewr-reference h3{font-weight: 600;}
body.edu-dark .fewr-reference{--heading: #fff; --mid: #fff; --sky: #007fc8;}
body.edu-dark .fewr-reference .solid-button,body.edu-dark .fewr-reference .nav-contact,body.edu-dark .fewr-reference form button[type="submit"]{border-color: rgb(0, 127, 200);}
body.edu-dark .fewr-reference .designer-filter button[aria-pressed="true"],body.edu-dark .fewr-reference .quote-controls button:hover{background: rgb(0, 79, 159);}
.fewr-reference .masthead{justify-content: initial; gap: 24px;}
.fewr-reference .brand{margin-right: auto;}
.fewr-reference #site-nav{margin-left: auto; gap: 20px;}
.fewr-reference .header-actions{display: flex; align-items: center; gap: 10px; flex: 0 0 auto;}
.fewr-reference .header-actions .theme-toggle{order: initial; margin: 0px; min-height: 46px; position: static;}
.fewr-reference .header-actions .nav-contact{margin: 0px; min-width: 0px;}
@media (min-width: 1281px) {.fewr-reference .theme-label{display: inline;}
.fewr-reference .masthead > .menu-button{display: none;}}
@media (max-width: 1280px) {.fewr-reference .masthead{height: 80px; gap: 16px;}
.fewr-reference .brand img{width: 165px;}
.fewr-reference .header-actions{margin-left: auto;}
.fewr-reference .header-actions .nav-contact{display: none;}
.fewr-reference .header-actions .theme-toggle{min-width: 44px; padding: 8px;}
.fewr-reference .theme-label{display: inline;}
.fewr-reference .menu-button{display: flex; align-items: center; gap: 12px; font-size: 14px; font-weight: 500; padding: 12px 0px; flex: 0 0 auto;}
.fewr-reference .menu-button span{font-size: 26px;}
.fewr-reference #site-nav{display: none; position: absolute; top: 80px; left: 0px; right: 0px; margin: 0px; background: var(--paper); padding: 16px var(--gutter) 24px; max-height: calc(100dvh - 80px); overflow-y: auto;}
.fewr-reference #site-nav.is-open{display: block;}
.fewr-reference .nav-item > summary{padding: 16px 0px; font-size: 18px; justify-content: space-between;}
.fewr-reference .nav-panel{position: static; box-shadow: none; background: var(--mist); padding: 18px; display: block;}
.fewr-reference .nav-panel-intro{display: none;}
.fewr-reference .nav-panel-links{display: block;}
.fewr-reference .nav-panel-links a{display: flex; font-size: 16px;}
.fewr-reference #site-nav .nav-direct{display: block; padding-block: 16px; font-size: 18px;}}
@media (max-width: 650px) {.fewr-reference .masthead{gap: 12px;}
.fewr-reference .brand img{width: 150px;}
.fewr-reference .header-actions .theme-label{display: none;}}
@media (max-width: 360px) {.fewr-reference .masthead{gap: 9px;}
.fewr-reference .brand img{width: 132px;}
.fewr-reference .menu-button{gap: 6px;}}
.fewr-reference .partner-belt,.fewr-reference .all-partners .logo-grid{background: rgb(255, 255, 255); color: rgb(21, 28, 50);}
.fewr-reference .partner-belt .vendor-logo,.fewr-reference .all-partners .vendor-logo{background: transparent !important;}
body.edu-dark .fewr-reference .partner-belt,body.edu-dark .fewr-reference .all-partners .logo-grid{background: rgb(255, 255, 255); color: rgb(21, 28, 50);}
.fewr-reference .all-partners .logo-grid{padding: 20px; gap: 20px;}
body.edu-dark .fewr-reference{--link-accent: #9ac32b;}
body.edu-dark .fewr-reference .inline-link,body.edu-dark .fewr-reference .crumb a,body.edu-dark .fewr-reference .nav-panel-links a,body.edu-dark .fewr-reference .designer-filter button:not([aria-pressed="true"]){color: var(--link-accent);}
body.edu-dark .fewr-reference a:not(.solid-button):not(.light-button):not(.outline-button):not(.nav-contact):not(.nav-website):not(.partner-belt):not(.vendor-logo):hover,body.edu-dark .fewr-reference .nav-item[open] > summary,body.edu-dark .fewr-reference .nav-item > summary:hover{color: var(--link-accent); text-decoration: underline; text-underline-offset: 5px;}
body.edu-dark .fewr-reference :is(a, button, summary, input, select, textarea):focus-visible{outline-color: var(--link-accent);}
body.edu-dark .fewr-reference #site-nav a[aria-current="page"],body.edu-dark .fewr-reference .nav-panel-links a[aria-current="page"]{color: var(--link-accent); text-decoration: underline; text-underline-offset: 5px;}
body.edu-dark .fewr-reference .outline-button:hover,body.edu-dark .fewr-reference .theme-toggle:hover{border-color: var(--link-accent);}
body.edu-dark .fewr-reference .all-partners .vendor-logo,body.edu-dark .fewr-reference .partner-belt .vendor-logo{color: rgb(21, 28, 50);}
body.edu-dark .fewr-reference .vendor-logo:focus-visible,body.edu-dark .fewr-reference .partner-belt:focus-visible{outline-color: rgb(0, 79, 159);}
@media (min-width: 801px) and (max-width: 1100px) {.fewr-reference .designer-hero{display: flex; flex-direction: column; min-height: 0px; align-items: stretch;}
.fewr-reference .designer-hero-copy{order: 0; padding-block: 28px 10px;}
.fewr-reference .designer-hero-art{position: relative; inset: auto; width: 100%; height: auto; aspect-ratio: 1672 / 941; order: 1; z-index: 0; mask-image: linear-gradient(transparent, rgb(0, 0, 0) 12%, rgb(0, 0, 0) 93%, transparent);}
.fewr-reference .designer-hero-art img{object-fit: contain;}
.fewr-reference .designer-hero::before{display: none;}
.fewr-reference .designer-hero h1{max-width: 850px; font-size: 48px;}
.fewr-reference .designer-hero .designer-intro,.fewr-reference .designer-hero-copy > .designer-strap{max-width: 720px;}
.fewr-reference .designer-actions{max-width: 100%;}
body.edu-dark .fewr-reference .designer-hero-art{mask-image: linear-gradient(transparent, rgb(0, 0, 0) 12%, rgb(0, 0, 0) 86%, transparent);}}
.fewr-reference .designer-hero-art,body.edu-dark .fewr-reference .designer-hero-art{display: flex; align-items: center; mask-image: none;}
.fewr-reference .designer-hero-art img{height: auto; object-fit: contain; mask-image: linear-gradient(90deg, transparent, rgb(0, 0, 0) 19%, rgb(0, 0, 0) 88%, transparent), linear-gradient(transparent, rgb(0, 0, 0) 16%, rgb(0, 0, 0) 82%, transparent); mask-composite: intersect;}
@media (max-width: 1100px) {.fewr-reference .designer-hero-art img{mask-image: linear-gradient(90deg, transparent, rgb(0, 0, 0) 8%, rgb(0, 0, 0) 92%, transparent), linear-gradient(transparent, rgb(0, 0, 0) 17%, rgb(0, 0, 0) 82%, transparent);}}
.fewr-reference .header-contact{border-bottom: 1px solid var(--line); font-size: 13px; line-height: 1.5;}
.fewr-reference .header-contact > .wrap{display: flex; justify-content: flex-end; gap: 24px; align-items: center; min-height: 32px; padding-block: 5px;}
.fewr-reference .header-contact a{white-space: nowrap;}
.fewr-reference .header-contact a:hover{text-decoration: underline; text-underline-offset: 3px;}
.fewr-reference .brand img{width: 250px; min-width: 250px;}
.fewr-reference .brand{padding-block: 10px;}
.fewr-reference .site-footer .footer-brand img{width: 250px; min-width: 250px;}
.fewr-reference .nav-panel{top: 100%;}
@media (max-width: 1280px) {.fewr-reference #site-nav{top: 100%; max-height: calc(100dvh - 112px);}
.fewr-reference .masthead{height: 88px;}
.fewr-reference .header-actions .theme-label{display: inline;}}
@media (max-width: 650px) {.fewr-reference .header-contact > .wrap{justify-content: space-between; gap: 8px; font-size: 12px;}
.fewr-reference .masthead{display: grid; grid-template-columns: 1fr auto; height: auto; padding-block: 10px; gap: 6px 14px;}
.fewr-reference .brand{grid-area: 1 / 1 / auto / -1; margin: 0px; justify-self: start; padding-block: 4px;}
.fewr-reference .menu-button{grid-area: 2 / 1; justify-self: start; padding: 8px 0px;}
.fewr-reference .header-actions{grid-area: 2 / 2; margin: 0px; justify-self: end;}
.fewr-reference .header-actions .theme-label{display: inline;}
.fewr-reference #site-nav{max-height: calc(100dvh - 180px);}
.fewr-reference{scroll-padding-top: 205px;}
.fewr-reference .site-footer .footer-brand img{max-width: 100%;}}
.fewr-reference .solution-rows a{transition: transform 0.2s;}
body.edu-dark .fewr-reference .solution-rows a:hover{background: var(--surface); color: rgb(154, 195, 43);}
.fewr-reference .contact-short{display: none;}
.fewr-reference .header-contact .contact-label{font-weight: 600;}
.fewr-reference .brand{display: flex; align-items: center; height: 90px; padding: 0px;}
.fewr-reference .contact-detail-label{display: block; font-size: 13px; line-height: 1.5; font-weight: 600; color: var(--ink); margin-bottom: 3px;}
.fewr-reference .footer-main a strong{font-weight: 600;}
@media (max-width: 650px) {.fewr-reference .header-contact .contact-label{display: none;}
.fewr-reference .header-contact .contact-short{display: inline; font-weight: 600;}
.fewr-reference .header-contact > .wrap{gap: 4px; flex-wrap: wrap;}
.fewr-reference .header-contact a{font-size: 12px;}}
.fewr-reference .all-partners .logo-grid{grid-template-columns: repeat(6, minmax(0px, 1fr)); padding: 24px; gap: 12px 18px; align-items: stretch;}
.fewr-reference .vendor-logo,.fewr-reference .partner-belt .vendor-logo{flex-direction: row; align-items: center; justify-content: center; gap: 9px; padding: 12px 0px;}
.fewr-reference .all-partners .vendor-logo{height: 108px; min-height: 108px;}
.fewr-reference .vendor-mark{max-width: none; transform: none; transform-origin: center center; flex: 0 0 auto;}
.fewr-reference .vendor-name{margin: 0px; font-size: 14px; line-height: 1.4; font-weight: 600; color: rgb(21, 28, 50); max-width: 76px;}
.fewr-reference .partner-belt{padding-block: 14px; border-block: 1px solid rgb(228, 233, 239);}
.fewr-reference .partner-belt-group{gap: 20px; padding-right: 20px;}
.fewr-reference .partner-belt .vendor-logo{height: 90px; min-height: 90px;}
@media (max-width: 1100px) {.fewr-reference .all-partners .logo-grid{grid-template-columns: repeat(4, minmax(0px, 1fr)); padding: 20px; gap: 12px;}}
@media (max-width: 800px) {.fewr-reference .all-partners .logo-grid{grid-template-columns: repeat(3, minmax(0px, 1fr)); padding: 18px; gap: 10px;}}
@media (max-width: 600px) {.fewr-reference .all-partners .logo-grid{grid-template-columns: repeat(2, minmax(0px, 1fr)); padding: 16px; gap: 8px 16px;}
.fewr-reference .all-partners .vendor-logo{height: 92px; min-height: 92px;}
.fewr-reference .all-partners .vendor-name{font-size: 12px; max-width: 66px;}
.fewr-reference .all-partners .vendor-logo:has(.vendor-name){gap: 6px;}
.fewr-reference .partner-belt .vendor-logo{flex-basis: 180px; width: 180px;}
.fewr-reference .partner-belt-group{gap: 12px; padding-right: 12px;}}
@media (max-width: 360px) {.fewr-reference .all-partners .logo-grid{grid-template-columns: 1fr; gap: 0px;}
.fewr-reference .all-partners .vendor-logo{height: 88px; min-height: 88px;}}
.fewr-reference{scroll-padding-top: calc(var(--header-height,130px) + 20px);}
@media (max-width: 1280px) {.fewr-reference #site-nav{max-height: calc(100dvh - var(--header-height,120px));}}
.fewr-reference .all-partners .logo-grid{--partner-columns: 6; --partner-gap: 18px; display: flex; flex-wrap: wrap; justify-content: center; column-gap: var(--partner-gap);}
.fewr-reference .all-partners .vendor-logo{flex: 0 0 calc((100% - (var(--partner-columns) - 1)*var(--partner-gap))/var(--partner-columns));}
@media (max-width: 1100px) {.fewr-reference .all-partners .logo-grid{--partner-columns: 4; --partner-gap: 12px;}}
@media (max-width: 800px) {.fewr-reference .all-partners .logo-grid{--partner-columns: 3; --partner-gap: 10px;}}
@media (max-width: 600px) {.fewr-reference .all-partners .logo-grid{--partner-columns: 2; --partner-gap: 16px;}}
@media (max-width: 360px) {.fewr-reference .all-partners .logo-grid{--partner-columns: 1;}}
@media (min-width: 1281px) {.fewr-reference #site-nav > .nav-direct{display: none;}}
.fewr-reference .site-icon{display: inline-block; flex: 0 0 auto; vertical-align: middle; overflow: visible; pointer-events: none;}
.fewr-reference .icon-control{width: 20px; height: 20px; stroke-width: 1.8;}
.fewr-reference .icon-service{width: 44px; height: 44px; color: rgb(18, 50, 110); stroke-width: 1.65;}
.fewr-reference .icon-accent{color: rgb(0, 127, 200);}
.fewr-reference .designer-icon.site-icon,.fewr-reference .approved-icon.site-icon{object-fit: unset; filter: none; padding: 0px; background: none; border-radius: 0px;}
.fewr-reference .designer-card > .icon-service{width: 48px; height: 48px; margin-bottom: 22px;}
.fewr-reference .designer-benefits .icon-service{width: 38px; height: 38px; margin-bottom: 16px;}
.fewr-reference .designer-shortcuts .designer-icon.site-icon{width: 30px; height: 30px; margin: 0px; color: rgb(255, 255, 255); filter: none;}
.fewr-reference .designer-shortcuts .icon-accent{color: inherit;}
.fewr-reference .solution-index .icon-service{width: 38px; height: 38px; grid-row: 1 / 3;}
body.edu-dark .fewr-reference .icon-service{color: rgb(244, 247, 252); background: none !important; padding: 0px !important; border-radius: 0px !important;}
body.edu-dark .fewr-reference .icon-accent{color: rgb(154, 195, 43);}
body.edu-dark .fewr-reference .designer-shortcuts .icon-accent{color: inherit;}
.fewr-reference .nav-item > summary::after{display: none;}
.fewr-reference .nav-item > summary > .site-icon{width: 15px; height: 15px; transition: transform 0.2s; color: inherit;}
.fewr-reference .nav-item[open] > summary > .site-icon{transform: rotate(180deg);}
.fewr-reference .capability summary > span,.fewr-reference .question summary > span{display: flex; align-items: center; padding-top: 3px;}
.fewr-reference .capability[open] summary > span .site-icon,.fewr-reference .question[open] summary > span .site-icon{transform: rotate(45deg);}
.fewr-reference .capability summary .site-icon,.fewr-reference .question summary .site-icon{transition: transform 0.2s;}
.fewr-reference .inline-link > span[aria-hidden],.fewr-reference .solid-button > span[aria-hidden],.fewr-reference .outline-button > span[aria-hidden],.fewr-reference .nav-contact > span[aria-hidden],.fewr-reference .light-button > span[aria-hidden],.fewr-reference .round-arrow{display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; line-height: 1;}
.fewr-reference .round-arrow .site-icon{width: 24px; height: 24px;}
.fewr-reference .theme-symbol{display: flex; align-items: center; justify-content: center;}
.fewr-reference .theme-symbol .site-icon{width: 19px; height: 19px;}
.fewr-reference .theme-symbol .icon-sun,body.edu-dark .fewr-reference .theme-symbol .icon-moon{display: none;}
body.edu-dark .fewr-reference .theme-symbol .icon-sun{display: block;}
.fewr-reference .menu-button > span{display: flex; align-items: center; justify-content: center;}
.fewr-reference .menu-button .site-icon{width: 23px; height: 23px;}
.fewr-reference .menu-button .icon-close,.fewr-reference .menu-button[aria-expanded="true"] .icon-menu{display: none;}
.fewr-reference .menu-button[aria-expanded="true"] .icon-close{display: block;}
.fewr-reference .quote-controls #quote-pause{display: flex; align-items: center; gap: 7px; min-width: 88px; justify-content: center;}
.fewr-reference #quote-pause .icon-play,.fewr-reference #quote-pause[aria-pressed="true"] .icon-pause{display: none;}
.fewr-reference #quote-pause[aria-pressed="true"] .icon-play{display: block;}
.fewr-reference #quote-pause .site-icon{width: 17px; height: 17px;}
@media (prefers-reduced-motion: reduce) {.fewr-reference .site-icon{transition: none !important;}}
.fewr-reference .designer-process > div,.fewr-reference .designer-process > ol,.fewr-reference .designer-process li{min-width: 0px;}
@media (max-width: 1200px) {.fewr-reference .designer-process{grid-template-columns: minmax(0px, 1fr);}}
@media (max-width: 360px) {.fewr-reference .designer-process ol{grid-template-columns: minmax(0px, 1fr);}}
.fewr-reference .designer-introduction{grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.6fr); gap: clamp(28px, 5vw, 80px);}
.fewr-reference .approach-graphic{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); list-style: none; gap: 0px; margin: 26px 0px 28px; padding: 0px; max-width: 580px;}
.fewr-reference .approach-graphic li{position: relative; display: flex; flex-direction: column; align-items: center; gap: 12px; margin: 0px; padding: 0px 4px; font-size: 13px; font-weight: 600; line-height: 1.4; color: var(--ink);}
.fewr-reference .approach-graphic li + li{margin-top: 0px;}
.fewr-reference .approach-graphic .site-icon{width: 40px; height: 40px; margin: 0px;}
.fewr-reference .approach-graphic li:not(:last-child)::after{content: ""; position: absolute; top: 20px; left: calc(50% + 29px); width: calc(100% - 58px); height: 1px; background: rgb(0, 127, 200);}
.fewr-reference .approach-graphic li:not(:last-child)::before{content: ""; position: absolute; top: 17px; right: calc(-50% + 28px); width: 6px; height: 6px; border-top: 1px solid rgb(0, 127, 200); border-right: 1px solid rgb(0, 127, 200); transform: rotate(45deg);}
body.edu-dark .fewr-reference .approach-graphic li::after{background: rgb(154, 195, 43);}
body.edu-dark .fewr-reference .approach-graphic li::before{border-color: rgb(154, 195, 43);}
@media (max-width: 400px) {.fewr-reference .approach-graphic li{font-size: 11px; padding: 0px; gap: 10px;}
.fewr-reference .approach-graphic .site-icon{width: 32px; height: 32px;}
.fewr-reference .approach-graphic li:not(:last-child)::after{top: 16px; left: calc(50% + 22px); width: calc(100% - 44px);}
.fewr-reference .approach-graphic li:not(:last-child)::before{top: 13px; right: calc(-50% + 21px);}}
.fewr-reference .sector-jump{display: flex; gap: 12px 26px; flex-wrap: wrap; padding-block: 24px; border-bottom: 1px solid var(--line);}
.fewr-reference .sector-jump .inline-link{font-size: 13px; gap: 10px;}
.fewr-reference .sector-jump .site-icon{transform: rotate(90deg); width: 16px; height: 16px;}
.fewr-reference .sector-overview{padding-block: 12px 44px;}
.fewr-reference .sector-profile{display: grid; grid-template-columns: minmax(0px, 0.85fr) minmax(0px, 1.4fr); gap: clamp(28px, 5vw, 70px); padding-block: 48px; border-bottom: 1px solid var(--line); scroll-margin-top: calc(var(--header-height,128px) + 24px);}
.fewr-reference .sector-profile:last-child{border: 0px;}
.fewr-reference .sector-profile figure{margin: 0px; align-self: start;}
.fewr-reference .sector-profile figure img{width: 100%; height: auto; aspect-ratio: 1.15 / 1; object-fit: cover; border-radius: 8px;}
.fewr-reference .sector-profile h2{font-size: clamp(28px, 2.8vw, 40px); line-height: 1.2; margin-bottom: 20px;}
.fewr-reference .sector-summary{font-size: 17px; line-height: 1.8; margin-bottom: 25px;}
.fewr-reference .sector-priorities-label{font-size: 13px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted); margin-bottom: 14px;}
.fewr-reference .sector-priorities{list-style: none; padding: 0px; margin: 0px; display: grid; gap: 16px;}
.fewr-reference .sector-priorities li{margin: 0px; padding-left: 18px; border-left: 2px solid rgb(0, 127, 200);}
.fewr-reference .sector-priorities h4{font-size: 16px; font-weight: 600; line-height: 1.5; margin: 0px 0px 5px;}
.fewr-reference .sector-priorities p{font-size: 15px; line-height: 1.75; margin: 0px; color: var(--muted);}
.fewr-reference .sector-service-links{display: flex; flex-wrap: wrap; gap: 10px 24px; margin: 25px 0px 17px;}
.fewr-reference .sector-service-links .inline-link{font-size: 13px; gap: 10px;}
.fewr-reference .sector-profile-copy > .inline-link{font-size: 14px;}
.fewr-reference .sector-other-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 32px;}
.fewr-reference .sector-other-grid article{border-top: 1px solid var(--line); padding-top: 28px; display: flex; flex-direction: column; align-items: start;}
.fewr-reference .sector-other-grid .site-icon.icon-service{width: 40px; height: 40px; margin-bottom: 22px;}
.fewr-reference .sector-other-grid h3{font-size: 23px; line-height: 1.35; margin-bottom: 14px;}
.fewr-reference .sector-other-grid p{font-size: 16px; line-height: 1.8; margin-bottom: 22px;}
.fewr-reference .sector-other-grid .inline-link{font-size: 14px; margin-top: auto; gap: 14px;}
.fewr-reference .sector-start{display: grid; grid-template-columns: 1fr 1.2fr; gap: 60px;}
.fewr-reference .sector-start h2{font-size: clamp(28px, 3vw, 40px); line-height: 1.25;}
.fewr-reference .sector-start p,.fewr-reference .sector-start li{font-size: 16px; line-height: 1.8;}
.fewr-reference .sector-start ul{margin: 22px 0px 28px; padding-left: 22px;}
body.edu-dark .fewr-reference .sector-priorities li{border-color: rgb(154, 195, 43);}
@media (max-width: 800px) {.fewr-reference .sector-profile{grid-template-columns: 1fr; gap: 26px; padding-block: 32px;}
.fewr-reference .sector-profile figure img{aspect-ratio: 16 / 7;}
.fewr-reference .sector-other-grid{grid-template-columns: 1fr; gap: 28px;}
.fewr-reference .sector-start{grid-template-columns: 1fr; gap: 24px;}
.fewr-reference .sector-other .section-top{align-items: start;}}
@media (max-width: 450px) {.fewr-reference .sector-jump{gap: 14px; flex-direction: column; align-items: start;}
.fewr-reference .sector-profile h2{font-size: 29px;}
.fewr-reference .sector-profile figure img{aspect-ratio: 16 / 10;}
.fewr-reference .sector-service-links{flex-direction: column; align-items: start; gap: 14px;}}
@media (max-width: 650px) {.fewr-reference .header-contact > .wrap{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 5px 12px; font-size: 11px; padding-block: 7px;}
.fewr-reference .header-contact a:first-child{grid-column: 1 / -1; justify-self: center;}
.fewr-reference .header-contact a:nth-child(2){justify-self: start;}
.fewr-reference .header-contact a:nth-child(3){justify-self: end;}}
.fewr-reference .site-footer,body.edu-dark .fewr-reference .site-footer{background: var(--mist); color: var(--ink); border-top: 1px solid var(--line); padding-bottom: 20px;}
.fewr-reference .site-footer::before{display: none;}
.fewr-reference .footer-top{padding-block: 36px; gap: 40px; border-bottom: 1px solid var(--line);}
.fewr-reference .footer-top h2{font-size: clamp(28px, 3vw, 40px); color: var(--heading);}
.fewr-reference .footer-top p,.fewr-reference .footer-brand p,.fewr-reference .footer-bottom{color: var(--muted);}
.fewr-reference .site-footer .light-button{background: rgb(0, 79, 159); color: rgb(255, 255, 255); border-color: rgb(0, 79, 159); box-shadow: none;}
.fewr-reference .site-footer .light-button:hover{background: rgb(18, 50, 110); border-color: rgb(18, 50, 110);}
.fewr-reference .footer-main{grid-template-columns: minmax(0px, 1.3fr) minmax(0px, 0.7fr) minmax(0px, 0.7fr) minmax(0px, 1.3fr); gap: 35px; padding-block: 40px;}
.fewr-reference .footer-main h3{color: var(--heading); font-weight: 600; font-size: 12px; letter-spacing: 0.05em;}
.fewr-reference .footer-main > div:not(:first-child) > a{color: var(--ink); font-size: 13px;}
.fewr-reference .footer-brand p{margin: 16px 0px 18px;}
.fewr-reference .footer-social{display: inline-flex; align-items: center; gap: 12px; color: var(--mid); font-size: 13px; font-weight: 600; min-height: 36px;}
.fewr-reference .footer-social .site-icon{width: 17px; height: 17px;}
.fewr-reference .footer-bottom{border-top: 1px solid var(--line); padding-top: 18px;}
body.edu-dark .fewr-reference .footer-social{color: rgb(154, 195, 43);}
@media (max-width: 1000px) {.fewr-reference .footer-main{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 32px;}
.fewr-reference .footer-main > div:last-child{grid-column: auto;}}
@media (max-width: 650px) {.fewr-reference .footer-main > div:first-child,.fewr-reference .footer-main > div:last-child{grid-column: 1 / -1;}
.fewr-reference .footer-top{padding-block: 28px;}
.fewr-reference .footer-top h2{font-size: 29px;}
.fewr-reference .footer-main{padding-block: 30px;}
.fewr-reference .footer-bottom{font-size: 11px;}
.fewr-reference .footer-main > div:not(:first-child) > a{font-size: 14px;}}
.fewr-reference #why-fortem{scroll-margin-top: calc(var(--header-height,128px) + 20px);}
.fewr-reference .why-pillar-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 36px 34px;}
.fewr-reference .why-pillar-grid article{border-top: 3px solid var(--pillar-colour); padding-top: 25px; display: flex; flex-direction: column; align-items: start; min-width: 0px;}
.fewr-reference .why-pillar-grid .designer-icon{width: 40px; height: 40px; margin-bottom: 22px;}
.fewr-reference .why-pillar-grid h3{font-size: 27px; line-height: 1.2; margin-bottom: 12px;}
.fewr-reference .why-pillar-grid .pillar-outcome{font-size: 16px; font-weight: 600; margin-bottom: 12px;}
.fewr-reference .why-pillar-grid p{font-size: 16px; line-height: 1.8;}
.fewr-reference .why-pillar-grid .inline-link{font-size: 14px; gap: 16px; margin-top: auto; padding-top: 4px;}
@media (max-width: 1000px) {.fewr-reference .why-pillar-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}}
@media (max-width: 650px) {.fewr-reference .why-pillar-grid{grid-template-columns: minmax(0px, 1fr); gap: 30px;}}
@supports (grid-template-rows:subgrid) {.fewr-reference .designer-card{display: grid; grid-template-rows: subgrid; grid-row: span 5; row-gap: 0px; align-items: start;}
.fewr-reference .services-grid > .designer-card{grid-row: span 4;}
.fewr-reference .designer-card .inline-link{align-self: end;}
.fewr-reference .designer-benefits > article{display: grid; grid-template-rows: subgrid; grid-row: span 3; row-gap: 0px; align-items: start;}
.fewr-reference .designer-principles > article{display: grid; grid-template-rows: subgrid; grid-row: span 5; row-gap: 0px; align-items: start;}
.fewr-reference .designer-principles .inline-link{align-self: end;}}
.fewr-reference .designer-insight-grid article{display: flex; flex-direction: column;}
.fewr-reference .designer-insight-grid article > .inline-link{margin-top: auto; padding-top: 20px;}
.fewr-reference .sector-directory{padding-block: 44px 56px;}
.fewr-reference .sector-directory-intro{max-width: 760px; margin-bottom: 40px;}
.fewr-reference .sector-directory-intro h2{font-size: clamp(28px, 3.2vw, 42px); line-height: 1.2; margin-bottom: 18px;}
.fewr-reference .sector-directory-intro > p:last-child{font-size: 17px; line-height: 1.8; color: var(--muted);}
.fewr-reference .sector-group{padding-block: 30px; scroll-margin-top: calc(var(--header-height,128px) + 24px);}
.fewr-reference .sector-group > h2{font-size: clamp(22px, 2.2vw, 30px); line-height: 1.3; margin-bottom: 24px;}
.fewr-reference .sector-directory-grid{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); column-gap: 48px; align-items: start;}
.fewr-reference .sector-entry{border-top: 1px solid var(--line); padding-block: 22px; scroll-margin-top: calc(var(--header-height,128px) + 24px);}
.fewr-reference .sector-entry summary{display: flex; justify-content: space-between; gap: 20px; cursor: pointer; list-style: none;}
.fewr-reference .sector-entry summary::-webkit-details-marker{display: none;}
.fewr-reference .sector-entry summary > span{min-width: 0px;}
.fewr-reference .sector-entry h3{font-size: 21px; line-height: 1.4; margin: 0px 0px 10px; color: var(--heading);}
.fewr-reference .sector-entry-summary{display: block; font-size: 15px; line-height: 1.75; color: var(--muted);}
.fewr-reference .sector-entry summary > .site-icon{flex: 0 0 auto; width: 22px; height: 22px; margin-top: 4px; color: var(--ink); transition: transform 0.2s;}
.fewr-reference .sector-entry[open] summary > .site-icon{transform: rotate(45deg);}
.fewr-reference .sector-entry-content{padding-top: 22px; padding-right: 42px;}
.fewr-reference .sector-entry-content h4{font-size: 14px; margin-bottom: 8px;}
.fewr-reference .sector-entry-content p{font-size: 15px; line-height: 1.8; color: var(--muted); margin: 0px;}
.fewr-reference .sector-entry-content .sector-service-links{margin-bottom: 0px;}
.fewr-reference .sector-entry summary:focus-visible{outline: 2px solid var(--ink); outline-offset: 6px;}
.fewr-reference .sector-multisite{border: 0px; padding-block: 48px;}
@media (max-width: 800px) {.fewr-reference .sector-directory-grid{grid-template-columns: 1fr;}
.fewr-reference .sector-directory{padding-block: 30px;}
.fewr-reference .sector-directory-intro{margin-bottom: 18px;}
.fewr-reference .sector-group{padding-block: 20px;}
.fewr-reference .sector-entry-content{padding-right: 0px;}}
@media (prefers-reduced-motion: reduce) {.fewr-reference .sector-entry summary > .site-icon{transition: none;}}
.fewr-reference .customer-section{background: var(--paper,#fff); border-block: 1px solid var(--line); scroll-margin-top: calc(var(--header-height,128px) + 20px);}
.fewr-reference .customer-section > .section{padding-block: 60px 64px;}
.fewr-reference .customer-heading{margin-bottom: 34px;}
.fewr-reference .customer-heading h2{font-size: clamp(30px, 3.4vw, 44px); line-height: 1.2; letter-spacing: -0.035em; margin: 12px 0px 0px; color: var(--heading);}
.fewr-reference .customer-quotes{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 38px 64px;}
.fewr-reference .customer-quote{margin: 0px; padding: 24px 0px 0px; border-top: 1px solid var(--line); display: flex; flex-direction: column; align-items: start; min-width: 0px;}
.fewr-reference .customer-quote-mark{font-size: 60px; font-weight: 600; line-height: 0.8; height: 40px; color: rgb(0, 127, 200); user-select: none;}
.fewr-reference .customer-quote blockquote{margin: 12px 0px 26px; font-size: clamp(19px, 1.7vw, 23px); line-height: 1.65; letter-spacing: -0.015em; font-weight: 400; color: var(--heading);}
.fewr-reference .customer-quote figcaption{margin-top: auto; padding-left: 16px; border-left: 3px solid rgb(0, 127, 200); font-size: 13px; line-height: 1.7; color: var(--muted);}
.fewr-reference .customer-quote figcaption strong,.fewr-reference .customer-quote figcaption span{display: block;}
.fewr-reference .customer-quote figcaption strong{font-size: 15px; color: var(--heading); font-weight: 600; margin-bottom: 3px;}
body.edu-dark .fewr-reference .customer-section{background: var(--mist);}
body.edu-dark .fewr-reference .customer-quote-mark{color: rgb(154, 195, 43);}
body.edu-dark .fewr-reference .customer-quote figcaption{border-color: rgb(154, 195, 43);}
@media (max-width: 800px) {.fewr-reference .customer-quotes{column-gap: 32px;}
.fewr-reference .customer-section > .section{padding-block: 40px;}
.fewr-reference .customer-quote blockquote{font-size: 19px;}}
@media (max-width: 650px) {.fewr-reference .customer-quotes{grid-template-columns: 1fr; row-gap: 28px;}
.fewr-reference .customer-heading{margin-bottom: 26px;}
.fewr-reference .customer-quote{padding-top: 22px;}
.fewr-reference .customer-quote blockquote{font-size: 19px; margin-bottom: 22px;}}
.fewr-reference .customer-section > .section{padding-block: 32px 36px;}
.fewr-reference .customer-heading{margin-bottom: 22px;}
.fewr-reference .customer-heading h2{font-size: 28px; line-height: 1.25; margin: 0px; letter-spacing: -0.025em;}
.fewr-reference .customer-quotes{grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 28px; align-items: stretch;}
.fewr-reference .customer-quote{padding-top: 18px;}
.fewr-reference .customer-company{font-size: 16px; line-height: 1.4; font-weight: 600; color: var(--heading); margin: 0px 0px 14px;}
.fewr-reference .customer-quote blockquote{font-size: 15px; line-height: 1.75; letter-spacing: 0px; margin: 0px 0px 20px;}
.fewr-reference .customer-quote figcaption{font-size: 11px; padding-left: 12px; line-height: 1.6; border-left-width: 2px;}
.fewr-reference .customer-quote figcaption strong{font-size: 12px; margin-bottom: 2px;}
@media (max-width: 1000px) and (min-width: 651px) {.fewr-reference .customer-quotes{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 26px;}}
@media (max-width: 650px) {.fewr-reference .customer-heading h2{font-size: 25px;}
.fewr-reference .customer-quotes{display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 24px; padding-bottom: 15px;}
.fewr-reference .customer-quote{flex: 0 0 86%; scroll-snap-align: start;}
.fewr-reference .customer-quote blockquote{font-size: 16px;}
.fewr-reference .customer-section > .section{padding-block: 28px;}
.fewr-reference .customer-company{font-size: 17px;}}
.fewr-reference .header-contact{background: var(--mist); border-bottom: 1px solid var(--line);}
.fewr-reference .header-contact > .wrap{display: flex; justify-content: flex-start; gap: 0px; min-height: 42px; padding-block: 0px;}
.fewr-reference .header-contact-intro{font-size: 11px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted); margin-right: auto;}
.fewr-reference .header-contact a{display: flex; align-items: center; gap: 5px; min-height: 28px; padding: 0px 20px; border-left: 1px solid var(--line); font-size: 12px;}
.fewr-reference .header-contact a:last-child{padding-right: 0px;}
.fewr-reference .header-contact .contact-short{display: none;}
@media (max-width: 1000px) {.fewr-reference .header-contact-intro{display: none;}
.fewr-reference .header-contact > .wrap{justify-content: space-between;}
.fewr-reference .header-contact a{padding-inline: 14px;}
.fewr-reference .header-contact a:first-of-type{border: 0px; padding-left: 0px;}}
@media (max-width: 650px) {.fewr-reference .header-contact > .wrap{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 4px 10px; padding-block: 7px;}
.fewr-reference .header-contact a{min-height: 20px; font-size: 11px; padding: 0px; border: 0px; justify-self: start;}
.fewr-reference .header-contact a:first-of-type{grid-column: 1 / -1; justify-self: start;}
.fewr-reference .header-contact a:last-child{justify-self: end;}
.fewr-reference .header-contact a .contact-label{display: inline;}
.fewr-reference .header-contact a .contact-short{display: none;}}
.fewr-reference .site-footer{padding-block: 0px 22px; border-top: 2px solid var(--line);}
.fewr-reference .footer-main{grid-template-columns: minmax(0px, 1.35fr) minmax(0px, 0.7fr) minmax(0px, 0.7fr) minmax(0px, 1.25fr); gap: 40px; padding-block: 38px 30px; align-items: start;}
.fewr-reference .footer-brand{display: flex; flex-direction: column; align-items: flex-start; gap: 18px; justify-self: start;}
.fewr-reference .footer-lockup{display: flex; flex-direction: column; align-items: flex-start; gap: 8px;}
.fewr-reference .footer-lockup > a{display: block; line-height: 0;}
.fewr-reference .site-footer .footer-brand img{width: 220px; min-width: 0px; height: auto;}
.fewr-reference .footer-lockup p{margin: 0px; font-size: 12px; line-height: 1.5; color: var(--heading); padding-left: 3px;}
.fewr-reference .footer-main h3{font-size: 12px; text-transform: none; letter-spacing: 0px; line-height: 1.5; margin: 0px 0px 15px; color: var(--heading);}
.fewr-reference .footer-main > div:not(:first-child) > a{font-size: 13px; line-height: 1.6; margin-bottom: 9px;}
.fewr-reference .footer-brand .footer-social{font-size: 12px; gap: 10px; margin: 0px; padding: 8px 0px; border-top: 1px solid var(--line); width: 100%;}
.fewr-reference .footer-bottom{display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 18px; font-size: 11px;}
.fewr-reference .footer-bottom > div{display: flex; gap: 20px; margin: 0px;}
@media (max-width: 1000px) {.fewr-reference .footer-main{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 30px;}
.fewr-reference .footer-main > div:last-child{grid-column: auto;}}
@media (max-width: 650px) {.fewr-reference .footer-main{grid-template-columns: 1fr 1fr; gap: 26px 20px; padding-block: 28px;}
.fewr-reference .footer-main > div:first-child{grid-column: 1 / -1; display: flex; flex-direction: row; align-items: center; justify-content: space-between; justify-self: stretch; gap: 20px;}
.fewr-reference .footer-main > div:last-child{grid-column: 1 / -1;}
.fewr-reference .site-footer .footer-brand img{width: 185px;}
.fewr-reference .footer-brand .footer-social{width: auto; border: 0px; max-width: 100px; font-size: 11px;}
.fewr-reference .footer-lockup p{font-size: 11px;}
.fewr-reference .footer-bottom{align-items: flex-start; flex-direction: column; gap: 10px;}}
.fewr-reference .designer-impact > .wrap:first-child{grid-template-columns: 1.05fr repeat(4, minmax(0px, 1fr));}
.fewr-reference .designer-impact-stat strong{white-space: nowrap;}
.fewr-reference .impact-note{font-size: 10px; line-height: 1.6; opacity: 0.85; padding-top: 0px; padding-bottom: 16px; margin-top: -10px;}
@media (max-width: 1000px) {.fewr-reference .designer-impact > .wrap:first-child{grid-template-columns: repeat(2, minmax(0px, 1fr));}
.fewr-reference .designer-impact > .wrap:first-child > div:first-child{grid-column: 1 / -1;}
.fewr-reference .impact-note{margin-top: 0px;}}
@media (max-width: 650px) {.fewr-reference .designer-impact-stat strong{font-size: 30px;}
.fewr-reference .impact-note{font-size: 10px; padding-bottom: 18px;}}
.fewr-reference .designer-impact > .impact-note{display: block; grid-template-columns: none; font-size: 10px; line-height: 1.6; padding-block: 0px 14px; margin-top: 0px; color: rgb(255, 255, 255);}
.fewr-reference .site-footer.footer-redesign{background: var(--mist); color: var(--ink); border-top: 3px solid rgb(0, 127, 200); padding-block: 0px 22px;}
.fewr-reference .footer-layout{display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.15fr) minmax(0px, 1fr); gap: clamp(32px, 5vw, 78px); padding-block: 48px 40px; align-items: start;}
.fewr-reference .footer-identity{min-width: 0px; display: flex; flex-direction: column; align-items: flex-start;}
.fewr-reference .footer-logo{display: block; width: 250px; max-width: 100%; line-height: 0;}
.fewr-reference .footer-logo img{width: 100%; height: auto;}
.fewr-reference .footer-identity .footer-strapline{font-size: 14px; font-weight: 500; line-height: 1.5; letter-spacing: 0px; margin: 12px 0px 0px; padding-left: 2px; color: var(--heading);}
.fewr-reference .footer-linkedin{display: inline-flex; align-items: center; gap: 20px; font-size: 13px; font-weight: 500; line-height: 1.5; margin-top: 27px; padding: 10px 0px; border-bottom: 1px solid var(--line);}
.fewr-reference .footer-navigation h2,.fewr-reference .footer-connect h2{font-size: 16px; line-height: 1.5; font-weight: 600; margin: 0px 0px 22px; letter-spacing: 0px; color: var(--heading);}
.fewr-reference .footer-navigation > div{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 14px 28px;}
.fewr-reference .footer-navigation a{display: block; font-size: 14px; line-height: 1.6;}
.fewr-reference .footer-connect .footer-email{font-size: clamp(17px, 1.55vw, 22px); line-height: 1.5; font-weight: 500; letter-spacing: -0.025em; display: inline-block; margin: 0px 0px 22px; color: var(--heading);}
.fewr-reference .footer-connect dl{margin: 0px; display: grid; gap: 13px;}
.fewr-reference .footer-connect dl > div{display: grid; grid-template-columns: 1fr auto; gap: 14px; align-items: baseline;}
.fewr-reference .footer-connect dt{font-size: 12px; color: var(--muted);}
.fewr-reference .footer-connect dd{margin: 0px; font-size: 14px; font-variant-numeric: tabular-nums; white-space: nowrap;}
.fewr-reference .footer-legal{display: flex; align-items: center; justify-content: space-between; gap: 24px; border-top: 1px solid var(--line); padding-top: 20px;}
.fewr-reference .footer-legal p{font-size: 11px; line-height: 1.6; color: var(--muted); margin: 0px;}
.fewr-reference .footer-legal nav{display: flex; gap: 24px; flex-wrap: wrap; font-size: 11px; line-height: 1.6;}
.fewr-reference .footer-redesign a:hover{text-decoration: underline; text-underline-offset: 5px;}
.fewr-reference .footer-redesign a:focus-visible{outline: 2px solid var(--ink); outline-offset: 5px;}
@media (max-width: 1100px) {.fewr-reference .footer-layout{grid-template-columns: 1fr 1fr; gap: 36px;}
.fewr-reference .footer-identity{grid-column: 1 / -1; display: grid; grid-template-columns: 250px 1fr; column-gap: 28px; align-items: center;}
.fewr-reference .footer-logo{grid-area: 1 / 1;}
.fewr-reference .footer-identity .footer-strapline{grid-area: 2 / 1; margin-top: 10px;}
.fewr-reference .footer-linkedin{grid-area: 1 / 2 / 3; justify-self: end; margin: 0px;}
.fewr-reference .footer-connect .footer-email{font-size: 21px;}}
@media (max-width: 650px) {.fewr-reference .footer-layout{grid-template-columns: 1fr; padding-block: 32px 28px; gap: 30px;}
.fewr-reference .footer-identity{display: flex; grid-column: auto; align-items: flex-start; gap: 0px;}
.fewr-reference .footer-logo{width: 220px;}
.fewr-reference .footer-identity .footer-strapline{margin-top: 10px; font-size: 13px;}
.fewr-reference .footer-linkedin{margin-top: 18px; padding-bottom: 8px;}
.fewr-reference .footer-navigation h2,.fewr-reference .footer-connect h2{margin-bottom: 16px;}
.fewr-reference .footer-navigation > div{gap: 12px 25px;}
.fewr-reference .footer-connect{border-top: 1px solid var(--line); padding-top: 25px;}
.fewr-reference .footer-connect .footer-email{font-size: 22px; max-width: 100%; overflow-wrap: anywhere; margin-bottom: 18px;}
.fewr-reference .footer-connect dl > div{grid-template-columns: 1fr auto;}
.fewr-reference .footer-legal{flex-direction: column; align-items: flex-start; gap: 13px;}
.fewr-reference .footer-legal nav{gap: 22px;}}
.fewr-reference .site-footer.footer-grounded,body.edu-dark .fewr-reference .site-footer.footer-grounded{background: rgb(18, 50, 110); color: rgb(255, 255, 255); border: 0px; padding: 0px;}
.fewr-reference .footer-grounded > .wrap{padding-block: 28px 18px;}
.fewr-reference .footer-brand-row{display: flex; align-items: center; gap: 26px; padding-bottom: 25px;}
.fewr-reference .footer-brandmark{display: block; width: 220px; flex: 0 0 auto; line-height: 0; padding-right: 22px; border-right: 1px solid rgba(255, 255, 255, 0.25);}
.fewr-reference .footer-brandmark img{display: block; width: 100%; height: auto;}
.fewr-reference .footer-brand-row > p{font-size: 15px; line-height: 1.5; font-weight: 500; margin: 0px; color: rgb(255, 255, 255);}
.fewr-reference .footer-social-link{display: inline-flex; gap: 18px; align-items: center; margin-left: auto; font-size: 12px; line-height: 1.5; color: rgb(255, 255, 255); border: 1px solid rgba(255, 255, 255, 0.376); padding: 10px 15px;}
.fewr-reference .footer-contact-grid{display: grid; grid-template-columns: 1.25fr 1fr 1fr; border: 1px solid rgba(255, 255, 255, 0.314); background: rgb(15, 43, 95);}
.fewr-reference .footer-contact-grid > a{position: relative; display: flex; flex-direction: column; justify-content: center; gap: 5px; padding: 18px 48px 18px 22px; min-width: 0px; border-right: 1px solid rgba(255, 255, 255, 0.314); color: rgb(255, 255, 255);}
.fewr-reference .footer-contact-grid > a:last-child{border-right: 0px;}
.fewr-reference .footer-contact-label{font-size: 11px; line-height: 1.5; color: rgb(215, 227, 244);}
.fewr-reference .footer-contact-grid strong{font-size: clamp(16px, 1.65vw, 22px); line-height: 1.4; font-weight: 500; letter-spacing: -0.02em; color: rgb(255, 255, 255);}
.fewr-reference .footer-contact-arrow{position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 20px; color: rgb(255, 255, 255);}
.fewr-reference .footer-contact-grid > a:hover{background: rgb(0, 79, 159);}
.fewr-reference .footer-nav-row{display: flex; align-items: center; flex-wrap: wrap; gap: 12px 0px; padding-block: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.25);}
.fewr-reference .footer-nav-row > a{font-size: 13px; line-height: 1.5; padding: 0px 22px; border-right: 1px solid rgba(255, 255, 255, 0.25); color: rgb(255, 255, 255);}
.fewr-reference .footer-nav-row > a:first-child{padding-left: 0px;}
.fewr-reference .footer-nav-row > a:last-child{border-right: 0px; padding-right: 0px;}
.fewr-reference .footer-legal-row{display: flex; justify-content: space-between; align-items: center; gap: 20px; padding-top: 15px;}
.fewr-reference .footer-legal-row p{font-size: 10px; line-height: 1.6; margin: 0px; color: rgb(215, 227, 244);}
.fewr-reference .footer-legal-row nav{display: flex; flex-wrap: wrap; gap: 22px; font-size: 10px; line-height: 1.6; color: rgb(215, 227, 244);}
.fewr-reference .footer-grounded a:focus-visible{outline: rgb(255, 255, 255) solid 2px; outline-offset: 5px;}
.fewr-reference .footer-grounded a:hover{text-decoration: underline; text-underline-offset: 4px;}
@media (max-width: 1000px) {.fewr-reference .footer-brandmark{width: 195px;}
.fewr-reference .footer-brand-row{gap: 20px;}
.fewr-reference .footer-brand-row > p{font-size: 13px;}
.fewr-reference .footer-social-link{font-size: 11px; padding: 9px 12px;}
.fewr-reference .footer-contact-grid > a{padding: 16px 38px 16px 16px;}
.fewr-reference .footer-contact-grid strong{font-size: 17px;}
.fewr-reference .footer-contact-arrow{right: 13px;}
.fewr-reference .footer-nav-row > a{padding-inline: 14px;}}
@media (max-width: 650px) {.fewr-reference .footer-grounded > .wrap{padding-block: 24px 18px;}
.fewr-reference .footer-brand-row{display: grid; grid-template-columns: 1fr auto; gap: 10px 15px; padding-bottom: 22px;}
.fewr-reference .footer-brandmark{width: 190px; border: 0px; padding: 0px; grid-area: 1 / 1;}
.fewr-reference .footer-brand-row > p{grid-area: 2 / 1; font-size: 12px;}
.fewr-reference .footer-social-link{grid-area: 1 / 2 / 3; max-width: 95px; gap: 9px; font-size: 10px; padding: 9px; line-height: 1.6;}
.fewr-reference .footer-contact-grid{grid-template-columns: 1fr;}
.fewr-reference .footer-contact-grid > a{border-right: 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.314); padding: 13px 45px 13px 17px; gap: 3px;}
.fewr-reference .footer-contact-grid > a:last-child{border-bottom: 0px;}
.fewr-reference .footer-contact-grid strong{font-size: 18px;}
.fewr-reference .footer-contact-label{font-size: 10px;}
.fewr-reference .footer-contact-arrow{right: 18px;}
.fewr-reference .footer-nav-row{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 13px 20px; padding-block: 20px;}
.fewr-reference .footer-nav-row > a,.fewr-reference .footer-nav-row > a:first-child,.fewr-reference .footer-nav-row > a:last-child{padding: 0px; border: 0px; font-size: 12px;}
.fewr-reference .footer-legal-row{flex-direction: column; align-items: flex-start; gap: 9px;}
.fewr-reference .footer-legal-row nav{gap: 20px;}}
@media (max-width: 360px) {.fewr-reference .footer-brandmark{width: 165px;}
.fewr-reference .footer-social-link{max-width: 90px;}
.fewr-reference .footer-brand-row{column-gap: 10px;}
.fewr-reference .footer-brand-row > p{font-size: 11px;}}
.fewr-reference .fortem-philosophy{border-block: 1px solid var(--line); background: var(--paper); scroll-margin-top: calc(var(--header-height,128px) + 20px);}
.fewr-reference .philosophy-editorial{display: grid; grid-template-columns: minmax(0px, 0.9fr) minmax(0px, 1.5fr); gap: clamp(36px, 6vw, 90px); padding-block: 52px;}
.fewr-reference .philosophy-introduction h2{font-size: clamp(30px, 3vw, 42px); line-height: 1.2; letter-spacing: -0.03em; color: var(--heading); margin: 12px 0px 22px;}
.fewr-reference .philosophy-introduction > p:not(.eyebrow){font-size: 16px; line-height: 1.8; margin-bottom: 18px; color: var(--muted);}
.fewr-reference .philosophy-principles{display: grid; gap: 0px;}
.fewr-reference .philosophy-principles article{display: grid; grid-template-columns: minmax(150px, 0.8fr) minmax(0px, 1.5fr); gap: 25px; border-top: 1px solid var(--line); padding-block: 20px; align-items: start;}
.fewr-reference .philosophy-principles article:first-child{padding-top: 0px; border: 0px;}
.fewr-reference .philosophy-principle-name{border-left: 3px solid var(--pillar-colour); padding-left: 14px;}
.fewr-reference .philosophy-principle-name h3{font-size: 20px; line-height: 1.3; font-weight: 600; letter-spacing: -0.02em; margin: 0px 0px 6px; color: var(--heading);}
.fewr-reference .philosophy-principle-name p{font-size: 11px; line-height: 1.7; margin: 0px; color: var(--muted);}
.fewr-reference .philosophy-principles .philosophy-principle-copy{font-size: 14px; line-height: 1.8; margin: 0px; color: var(--ink);}
@media (max-width: 1000px) {.fewr-reference .philosophy-editorial{grid-template-columns: 1fr; gap: 28px;}
.fewr-reference .philosophy-introduction{max-width: 760px;}}
@media (max-width: 650px) {.fewr-reference .philosophy-editorial{padding-block: 34px; gap: 24px;}
.fewr-reference .philosophy-principles article{grid-template-columns: 1fr; gap: 12px; padding-block: 18px;}
.fewr-reference .philosophy-principle-name h3{font-size: 21px;}
.fewr-reference .philosophy-principle-name p{font-size: 12px;}
.fewr-reference .philosophy-principles .philosophy-principle-copy{font-size: 15px;}
.fewr-reference .philosophy-introduction > p:not(.eyebrow){font-size: 15px;}}
.fewr-reference .philosophy-introduction h1{font-size: clamp(34px, 3.6vw, 50px); line-height: 1.2; letter-spacing: -0.035em; color: var(--heading); margin: 12px 0px 22px;}
.fewr-reference .philosophy-introduction .crumb{margin-bottom: 28px; font-size: 11px;}
.fewr-reference .philosophy-route{display: flex; justify-content: space-between; align-items: center; gap: 30px; border-top: 1px solid var(--line); padding-block: 32px; scroll-margin-top: calc(var(--header-height,128px) + 20px);}
.fewr-reference .philosophy-route h2{font-size: 24px; line-height: 1.3; margin-bottom: 10px;}
.fewr-reference .philosophy-route p{font-size: 15px; line-height: 1.8; margin: 0px; color: var(--muted);}
.fewr-reference .philosophy-route > a{flex: 0 0 auto; font-size: 14px;}
@media (max-width: 650px) {.fewr-reference .philosophy-route{align-items: start; flex-direction: column; gap: 18px;}}
.fewr-reference .site-footer.footer-reference,body.edu-dark .fewr-reference .site-footer.footer-reference{background: var(--paper); color: var(--ink); border-top: 1px solid var(--line); padding: 0px;}
.fewr-reference .footer-reference-main{display: flex; align-items: center; justify-content: space-between; gap: 30px; padding-block: 24px 20px;}
.fewr-reference .footer-reference-logo{width: 190px; flex: 0 0 auto; line-height: 0;}
.fewr-reference .footer-reference-logo img{width: 100%; height: auto;}
.fewr-reference .footer-reference-main > nav{display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px 24px;}
.fewr-reference .footer-reference-main > nav a{font-size: 12px; line-height: 1.5; white-space: nowrap;}
.fewr-reference .footer-reference-social{display: flex; align-items: center; gap: 12px; font-size: 12px; font-weight: 500; line-height: 1.5; white-space: nowrap; color: var(--mid);}
.fewr-reference .footer-reference-contacts{display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 12px 24px; padding-block: 0px 18px; border-bottom: 1px solid var(--line); font-size: 11px; line-height: 1.5; color: var(--muted);}
.fewr-reference .footer-reference-contacts span{font-weight: 600; margin-right: 4px;}
.fewr-reference .footer-reference-legal{display: flex; justify-content: space-between; align-items: center; gap: 20px; padding-block: 12px 15px; color: var(--muted);}
.fewr-reference .footer-reference-legal p{font-size: 10px; line-height: 1.5; margin: 0px;}
.fewr-reference .footer-reference-legal nav{display: flex; gap: 20px; font-size: 10px; line-height: 1.5;}
.fewr-reference .footer-reference a:hover{text-decoration: underline; text-underline-offset: 4px;}
.fewr-reference .footer-reference a:focus-visible{outline: 2px solid var(--ink); outline-offset: 4px;}
body.edu-dark .fewr-reference .footer-reference-social{color: rgb(154, 195, 43);}
@media (max-width: 1000px) {.fewr-reference .footer-reference-main{display: grid; grid-template-columns: 1fr auto; gap: 20px;}
.fewr-reference .footer-reference-main > nav{grid-area: 2 / 1 / auto / -1; justify-content: flex-start; gap: 13px 24px;}
.fewr-reference .footer-reference-social{grid-area: 1 / 2;}
.fewr-reference .footer-reference-contacts{justify-content: flex-start;}}
@media (max-width: 650px) {.fewr-reference .footer-reference-main{padding-block: 22px 18px; gap: 22px 20px;}
.fewr-reference .footer-reference-logo{width: 175px;}
.fewr-reference .footer-reference-main > nav{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 13px 16px;}
.fewr-reference .footer-reference-main > nav a{font-size: 11px; white-space: normal;}
.fewr-reference .footer-reference-social{font-size: 11px; gap: 8px;}
.fewr-reference .footer-reference-contacts{display: grid; grid-template-columns: 1fr 1fr; gap: 10px 16px; font-size: 11px; padding-bottom: 18px;}
.fewr-reference .footer-reference-contacts > a:first-child{grid-column: 1 / -1;}
.fewr-reference .footer-reference-legal{align-items: flex-start; flex-direction: column; gap: 10px;}
.fewr-reference .footer-reference-legal p,.fewr-reference .footer-reference-legal nav{font-size: 9px;}}
.fewr-reference .credentials-strip{background: var(--mist); border-block: 1px solid var(--line);}
.fewr-reference .credentials-layout{display: grid; grid-template-columns: 1.25fr repeat(3, minmax(0px, 1fr)); align-items: center; gap: 25px; padding-block: 26px;}
.fewr-reference .credentials-layout .eyebrow{font-size: 10px; margin: 0px 0px 7px;}
.fewr-reference .credentials-layout h2{font-size: 23px; line-height: 1.3; font-weight: 600; letter-spacing: -0.025em; color: var(--heading);}
.fewr-reference .credential-item{padding-left: 24px; border-left: 1px solid var(--line);}
.fewr-reference .credential-item h3{font-size: 21px; line-height: 1.3; font-weight: 600; letter-spacing: -0.02em; margin: 0px 0px 7px; color: var(--heading);}
.fewr-reference .credential-item p{font-size: 11px; line-height: 1.65; color: var(--muted); margin: 0px; max-width: 220px;}
@media (max-width: 1000px) {.fewr-reference .credentials-layout{grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 20px;}
.fewr-reference .credentials-layout > div:first-child{grid-column: 1 / -1;}
.fewr-reference .credential-item{padding-left: 15px;}}
@media (max-width: 650px) {.fewr-reference .credentials-layout{grid-template-columns: 1fr; gap: 0px; padding-block: 24px;}
.fewr-reference .credentials-layout > div:first-child{grid-column: auto; margin-bottom: 20px;}
.fewr-reference .credential-item{padding: 14px 0px; border-left: 0px; border-top: 1px solid var(--line);}
.fewr-reference .credential-item h3{font-size: 20px;}
.fewr-reference .credential-item p{font-size: 12px; max-width: none;}
.fewr-reference .credentials-layout h2{font-size: 24px;}}
.fewr-reference .designer-cta.contact-closing{background: var(--mist); color: var(--ink); border-top: 1px solid var(--line);}
.fewr-reference .contact-closing .designer-cta-inner{grid-template-columns: minmax(0px, 1fr) auto; gap: 64px; padding-block: 34px;}
.fewr-reference .contact-closing .eyebrow{color: var(--mid); margin-bottom: 8px; font-size: 10px;}
.fewr-reference .contact-closing h2{font-size: 28px; max-width: none; line-height: 1.3; letter-spacing: -0.025em;}
.fewr-reference .contact-closing p:not(.eyebrow){font-size: 13px; line-height: 1.7; margin: 9px 0px 0px; max-width: 800px; color: var(--muted);}
.fewr-reference .contact-closing .solid-button{font-size: 13px; white-space: nowrap; margin: 0px;}
.fewr-reference .site-footer.footer-unified,body.edu-dark .fewr-reference .site-footer.footer-unified{background: rgb(21, 28, 50); color: rgb(255, 255, 255); padding: 0px; border-top: 4px solid rgb(0, 127, 200);}
.fewr-reference .site-footer.footer-unified::before{display: none;}
.fewr-reference .footer-directory{display: grid; grid-template-columns: 1.3fr 0.75fr 0.85fr 1.3fr; gap: 44px; padding-block: 42px 34px; align-items: start;}
.fewr-reference .footer-identity{padding-right: 35px; border-right: 1px solid rgba(255, 255, 255, 0.15); min-height: 172px;}
.fewr-reference .footer-identity > a:first-child{display: block; max-width: 210px; margin: 0px 0px 18px;}
.fewr-reference .footer-identity img{width: 100%; height: auto;}
.fewr-reference .footer-identity p{font-size: 12px; color: rgb(204, 213, 229); line-height: 1.6; margin: 0px 0px 22px;}
.fewr-reference .footer-unified .footer-linkedin{display: inline-flex; gap: 16px; font-size: 12px; color: rgb(255, 255, 255);}
.fewr-reference .footer-directory h2{font-size: 12px; font-weight: 600; letter-spacing: 0.04em; line-height: 1.5; margin: 0px 0px 17px; color: rgb(159, 187, 220);}
.fewr-reference .footer-directory-group nav{display: grid; gap: 9px;}
.fewr-reference .footer-directory a{font-size: 13px; line-height: 1.7; color: rgb(255, 255, 255);}
.fewr-reference .footer-contact-directory{padding-left: 30px; border-left: 1px solid rgba(255, 255, 255, 0.15); min-height: 172px;}
.fewr-reference .footer-contact-directory .footer-email{font-size: 16px; font-weight: 500; white-space: nowrap;}
.fewr-reference .footer-contact-directory dl{margin: 12px 0px 17px; display: grid; gap: 7px;}
.fewr-reference .footer-contact-directory dl > div{display: grid; grid-template-columns: 52px 1fr; align-items: center; gap: 8px;}
.fewr-reference .footer-contact-directory dt{font-size: 12px; color: rgb(189, 202, 221);}
.fewr-reference .footer-contact-directory dd{margin: 0px; line-height: 1.5;}
.fewr-reference .footer-contact-directory > a:last-child{color: rgb(159, 187, 220); font-size: 12px; display: inline-flex; gap: 18px;}
.fewr-reference .footer-legal-row{display: flex; justify-content: space-between; align-items: center; gap: 20px; border-top: 1px solid rgba(255, 255, 255, 0.15); padding-block: 17px;}
.fewr-reference .footer-legal-row p{margin: 0px; color: rgb(189, 202, 221); font-size: 10px; line-height: 1.7;}
.fewr-reference .footer-legal-row nav{display: flex; gap: 22px; color: rgb(189, 202, 221); font-size: 10px; line-height: 1.7;}
.fewr-reference .footer-unified a:hover{text-decoration: underline; text-underline-offset: 4px;}
.fewr-reference .footer-unified a:focus-visible{outline: white solid 2px; outline-offset: 5px;}
.fewr-reference .assurance-section{padding-block: 32px;}
.fewr-reference .assurance-heading{display: flex; align-items: baseline; gap: 30px; justify-content: space-between; margin-bottom: 25px;}
.fewr-reference .assurance-heading .eyebrow{font-size: 10px; margin: 0px;}
.fewr-reference .assurance-heading h2{font-size: 25px; letter-spacing: -0.025em; line-height: 1.3;}
.fewr-reference .assurance-partners{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); border: 1px solid var(--line); background: var(--paper);}
.fewr-reference .assurance-partners article{min-width: 0px; padding: 20px; border-right: 1px solid var(--line);}
.fewr-reference .assurance-partners article:last-child{border: 0px;}
.fewr-reference .partner-badge{height: 118px; display: flex; align-items: center; justify-content: center; background: rgb(255, 255, 255); margin-bottom: 12px; border-radius: 3px;}
.fewr-reference .partner-badge img{width: 280px; max-width: 100%; max-height: 118px; object-fit: contain; height: auto; filter: none;}
.fewr-reference .assurance-partners h3{font-size: 16px; line-height: 1.4; color: var(--ink); letter-spacing: 0px;}
.fewr-reference .assurance-partners p{font-size: 12px; line-height: 1.6; color: var(--muted); margin: 4px 0px 0px;}
.fewr-reference .assurance-partners .partner-text-status{display: flex; flex-direction: column; justify-content: center; padding-left: 32px;}
.fewr-reference .assurance-partners .partner-text-status .eyebrow{font-size: 11px; font-weight: 600; letter-spacing: 0.08em; margin: 0px 0px 9px; color: var(--mid);}
.fewr-reference .assurance-partners .partner-text-status h3{font-size: 32px; letter-spacing: -0.03em;}
.fewr-reference .assurance-registers{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 30px; padding-top: 22px;}
.fewr-reference .assurance-registers article{display: flex; gap: 14px; align-items: baseline;}
.fewr-reference .assurance-registers h3{font-size: 14px; line-height: 1.6; letter-spacing: 0px; white-space: nowrap;}
.fewr-reference .assurance-registers p{font-size: 10px; line-height: 1.6; color: var(--muted); margin: 0px;}
@media (max-width: 1100px) {.fewr-reference .footer-directory{grid-template-columns: 1.15fr 0.7fr 0.8fr 1.2fr; gap: 24px;}
.fewr-reference .footer-contact-directory{padding-left: 20px;}
.fewr-reference .footer-contact-directory .footer-email{font-size: 13px;}
.fewr-reference .footer-identity{padding-right: 20px;}
.fewr-reference .assurance-registers article{display: block;}
.fewr-reference .assurance-partners article{padding: 14px;}
.fewr-reference .partner-badge{height: 105px;}}
@media (max-width: 800px) {.fewr-reference .footer-directory{grid-template-columns: 1fr 1fr; gap: 30px;}
.fewr-reference .footer-identity{border: 0px; min-height: 0px;}
.fewr-reference .footer-contact-directory{border-left: 0px; border-top: 1px solid rgba(255, 255, 255, 0.15); padding: 22px 0px 0px; min-height: 0px; grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 0px 24px;}
.fewr-reference .footer-contact-directory h2{grid-column: 1 / -1;}
.fewr-reference .footer-contact-directory dl{grid-area: 2 / 2 / 4; margin: 0px;}
.fewr-reference .footer-contact-directory > a:last-child{margin-top: 12px;}
.fewr-reference .footer-directory-group:nth-child(3){grid-area: 1 / 2;}
.fewr-reference .footer-directory-group:nth-child(2){grid-area: 2 / 1;}
.fewr-reference .footer-identity{grid-area: 1 / 1;}
.fewr-reference .footer-directory-group:nth-child(3){grid-row: 1 / 3;}
.fewr-reference .contact-closing .designer-cta-inner{gap: 25px;}
.fewr-reference .contact-closing h2{font-size: 24px;}
.fewr-reference .assurance-partners{grid-template-columns: 1fr 1fr;}
.fewr-reference .assurance-partners article{border-bottom: 1px solid var(--line);}
.fewr-reference .assurance-partners article:nth-child(2){border-right: 0px;}
.fewr-reference .assurance-partners article:nth-child(3){border-bottom: 0px;}
.fewr-reference .partner-badge{height: 125px;}
.fewr-reference .assurance-heading{display: block;}
.fewr-reference .assurance-heading h2{margin-top: 8px;}}
@media (max-width: 650px) {.fewr-reference .contact-closing .designer-cta-inner{grid-template-columns: 1fr; gap: 20px; padding-block: 28px;}
.fewr-reference .contact-closing .solid-button{justify-self: start;}
.fewr-reference .contact-closing h2{font-size: 23px;}
.fewr-reference .footer-directory{padding-block: 30px; gap: 28px 24px;}
.fewr-reference .footer-identity > a:first-child{max-width: 170px;}
.fewr-reference .footer-identity p{font-size: 10px; max-width: 160px;}
.fewr-reference .footer-directory a{font-size: 12px;}
.fewr-reference .footer-contact-directory .footer-email{font-size: 13px;}
.fewr-reference .footer-contact-directory{display: block;}
.fewr-reference .footer-contact-directory dl{margin: 14px 0px;}
.fewr-reference .footer-contact-directory dl > div{grid-template-columns: 55px 1fr;}
.fewr-reference .footer-legal-row{align-items: flex-start; flex-direction: column; gap: 10px;}
.fewr-reference .footer-legal-row p,.fewr-reference .footer-legal-row nav{font-size: 9px;}
.fewr-reference .assurance-registers{grid-template-columns: 1fr; gap: 14px;}
.fewr-reference .assurance-registers article{display: grid; grid-template-columns: 120px 1fr; gap: 15px;}
.fewr-reference .assurance-heading h2{font-size: 23px;}
.fewr-reference .assurance-partners article{padding: 12px;}
.fewr-reference .partner-badge{height: 105px;}
.fewr-reference .assurance-partners .partner-text-status{padding: 22px;}
.fewr-reference .assurance-partners .partner-text-status h3{font-size: 27px;}}
.fewr-reference .footer-unified .footer-identity{display: block; grid-area: auto;}
.fewr-reference .footer-unified .footer-linkedin{margin: 0px; padding: 0px; border: 0px; justify-self: start;}
@media (max-width: 800px) {.fewr-reference .footer-unified .footer-identity{grid-area: 1 / 1;}}
.fewr-reference .credentials-belt-section{background: var(--paper); border: 0px;}
.fewr-reference .credentials-belt-section > .wrap{padding-block: 22px;}
.fewr-reference .credentials-belt-section h2{font-size: 16px; line-height: 1.5; letter-spacing: 0px; font-weight: 500; margin: 0px 0px 12px; color: var(--ink);}
.fewr-reference .assurance-belt .assurance-mark{display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 0 0 220px; width: 220px; height: 90px; color: rgb(21, 28, 50);}
.fewr-reference .assurance-belt .assurance-mark img{height: 84px; width: auto; max-width: 100%; object-fit: contain; filter: none;}
.fewr-reference .assurance-belt .assurance-microsoft{width: 260px; flex-basis: 260px;}
.fewr-reference .assurance-belt .assurance-microsoft img{height: auto; width: 260px; max-height: 118px;}
.fewr-reference .assurance-belt .assurance-status{gap: 4px; padding: 12px 20px; border-left: 1px solid rgb(228, 233, 239); text-align: center;}
.fewr-reference .assurance-status strong{font-size: 19px; line-height: 1.4; letter-spacing: -0.025em; font-weight: 600;}
.fewr-reference .assurance-status > span{font-size: 10px; line-height: 1.5; color: rgb(75, 87, 104);}
@media (max-width: 650px) {.fewr-reference .credentials-belt-section > .wrap{padding-block: 18px;}
.fewr-reference .credentials-belt-section h2{font-size: 14px;}
.fewr-reference .assurance-belt .assurance-mark{height: 90px;}}
.fewr-reference .assurance-belt .assurance-corporate{gap: 8px;}
.fewr-reference .assurance-belt .assurance-corporate img{height: 40px; max-width: 155px; width: auto;}
.fewr-reference .assurance-belt .assurance-corporate > span{font-size: 10px; line-height: 1.4; color: rgb(75, 87, 104);}
.fewr-reference .assurance-belt .assurance-certification img{height: 80px; width: auto; max-width: 210px;}
.fewr-reference .assurance-belt .partner-belt-track{animation-duration: 48s;}
.fewr-reference .assurance-belt .assurance-lenovo img,.fewr-reference .assurance-belt .assurance-carbon img{height: 84px; max-width: 180px; width: auto;}
@keyframes fortem-enter {0% { opacity: 0; transform: translateY(15px); }100% { opacity: 1; transform: translateY(0px); }}
@keyframes fortem-art-enter {0% { opacity: 0.35; transform: translate(15px) scale(1.025); }100% { opacity: 1; transform: translate(0px) scale(1); }}
@keyframes fortem-load {0% { transform: scaleX(0.03); opacity: 1; }65% { transform: scaleX(0.82); opacity: 1; }85% { transform: scaleX(1); opacity: 1; }100% { transform: scaleX(1); opacity: 0; }}
.fewr-reference .page-load-progress{position: fixed; inset: 0px 0px auto; height: 3px; background: rgb(0, 127, 200); z-index: 500; pointer-events: none; transform-origin: left center; animation: 0.8s ease-out 0s 1 normal forwards running fortem-load;}
@media (prefers-reduced-motion: no-preference) {.fewr-reference .designer-hero-copy > .eyebrow,.fewr-reference .designer-hero-copy > .crumb{animation: 0.55s ease-out 0s 1 normal backwards running fortem-enter;}
.fewr-reference .designer-hero-copy > h1{animation: 0.65s ease-out 0.08s 1 normal backwards running fortem-enter;}
.fewr-reference .designer-hero-copy > .designer-intro,.fewr-reference .designer-hero-copy > .designer-strap{animation: 0.65s ease-out 0.17s 1 normal backwards running fortem-enter;}
.fewr-reference .designer-hero-copy > .designer-actions{animation: 0.65s ease-out 0.26s 1 normal backwards running fortem-enter;}
.fewr-reference .designer-hero-art img{animation: 1s ease-out 0s 1 normal backwards running fortem-art-enter;}
.fewr-reference .motion-arrived{animation: fortem-enter .6s var(--arrival-delay,0ms) cubic-bezier(.2,.7,.2,1) backwards;}
.fewr-reference .designer-card,.fewr-reference .designer-insight-grid > article{transition: translate 0.25s, box-shadow 0.25s, border-color 0.25s;}
.fewr-reference .designer-card:hover,.fewr-reference .designer-insight-grid > article:hover{translate: 0px -4px;}
.fewr-reference .designer-insight-grid > article img{transition: scale 0.5s;}
.fewr-reference .designer-insight-grid > article:hover img{scale: 1.025;}
.fewr-reference .solid-button,.fewr-reference .outline-button,.fewr-reference .light-button{transition: translate 0.2s, box-shadow 0.2s, background 0.2s;}
.fewr-reference .solid-button:hover,.fewr-reference .outline-button:hover,.fewr-reference .light-button:hover{translate: 0px -2px;}
.fewr-reference .inline-link span,.fewr-reference .solid-button span,.fewr-reference .outline-button span{transition: translate 0.2s;}
.fewr-reference .inline-link:hover span,.fewr-reference .solid-button:hover span,.fewr-reference .outline-button:hover span{translate: 3px;}
@view-transition { navigation: auto; }
.fewr-reference ::view-transition-old(root){animation: 0.13s ease 0s 1 normal both running fortem-page-out;}
.fewr-reference ::view-transition-new(root){animation: 0.22s ease 0s 1 normal both running fortem-page-in;}
@keyframes fortem-page-out {100% { opacity: 0; }}
@keyframes fortem-page-in {0% { opacity: 0; transform: translateY(5px); }100% { opacity: 1; transform: translateY(0px); }}}
@media (prefers-reduced-motion: reduce) {.fewr-reference .page-load-progress{display: none;}
.fewr-reference .motion-arrived,.fewr-reference .designer-hero-copy > *,.fewr-reference .designer-hero-art img{animation: auto ease 0s 1 normal none running none !important; transform: none !important;}
.fewr-reference .designer-card,.fewr-reference .designer-insight-grid > article,.fewr-reference .solid-button,.fewr-reference .outline-button,.fewr-reference .light-button{translate: none !important; transition: none !important;}}
@media (prefers-reduced-motion: no-preference) {.fewr-reference #edu-why-main h1{animation: 0.65s ease-out 0.08s 1 normal backwards running fortem-enter;}
.fewr-reference #edu-why-main .page-opening > p,.fewr-reference #edu-why-main .page-hero .lead{animation: 0.65s ease-out 0.17s 1 normal backwards running fortem-enter;}
.fewr-reference #edu-why-main .archive-card,.fewr-reference #edu-why-main .guide-card,.fewr-reference #edu-why-main .service-card{transition: translate 0.25s, box-shadow 0.25s;}
.fewr-reference #edu-why-main .archive-card:hover,.fewr-reference #edu-why-main .guide-card:hover,.fewr-reference #edu-why-main .service-card:hover{translate: 0px -4px;}}
@media (prefers-reduced-motion: reduce) {.fewr-reference #edu-why-main h1,.fewr-reference #edu-why-main .page-opening > p,.fewr-reference #edu-why-main .page-hero .lead{animation: auto ease 0s 1 normal none running none !important; transform: none !important;}}
.fewr-reference .assurance-belt .assurance-carbon img{height: 128px; width: auto; max-width: 180px;}
.fewr-reference .assurance-belt .assurance-certification:has(img[src*="fsqs-registered-colour-hires"]) img{height: 110px; max-width: 210px; width: auto;}
.fewr-reference .footer-unified .footer-linkedin{margin-top: 8px;}
.fewr-reference .nav-website{display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 500; line-height: 1.4; white-space: nowrap;}
.fewr-reference .nav-website > span{display: inline-flex; align-items: center;}
.fewr-reference .nav-website svg{width: 12px; height: 12px;}
.fewr-reference .nav-website:hover{text-decoration: underline; text-underline-offset: 4px;}
@media (min-width: 1281px) {.fewr-reference .masthead{gap: 20px;}
.fewr-reference #site-nav{gap: 16px;}
.fewr-reference .nav-item > summary{font-size: 13px; gap: 8px;}}
@media (max-width: 1280px) {.fewr-reference #site-nav > .nav-website{display: flex; justify-content: space-between; font-size: 18px; padding-block: 16px; border-bottom: 1px solid var(--line);}
.fewr-reference .nav-website svg{width: 18px; height: 18px;}}
.fewr-reference #site-nav > .nav-website{min-height: 38px; padding: 9px 12px; border: 1px solid rgb(18, 50, 110); border-radius: 4px; font-size: 12px; font-weight: 600; text-decoration: none; gap: 8px;}
.fewr-reference #site-nav > .nav-website[href*="fortem-it.shop"]{background: rgb(21, 28, 50); color: rgb(255, 255, 255); border-color: rgb(21, 28, 50);}
.fewr-reference #site-nav > .nav-website[href*="fortem-it-education"]{background: rgb(231, 242, 251); color: rgb(18, 50, 110); border-color: rgb(147, 187, 215);}
.fewr-reference #site-nav > .nav-website:hover{box-shadow: rgba(18, 50, 110, 0.125) 0px 3px 10px; text-decoration: none;}
body.edu-dark .fewr-reference #site-nav > .nav-website[href*="fortem-it.shop"]{background: rgb(255, 255, 255); color: rgb(21, 28, 50); border-color: rgb(255, 255, 255);}
body.edu-dark .fewr-reference #site-nav > .nav-website[href*="fortem-it-education"]{background: rgb(32, 60, 88); color: rgb(255, 255, 255); border-color: rgb(112, 153, 192);}
@media (min-width: 1281px) {.fewr-reference #site-nav{gap: 14px;}}
@media (min-width: 1281px) and (max-width: 1450px) {.fewr-reference .masthead .brand img{width: 210px; min-width: 210px;}
.fewr-reference .masthead{gap: 16px;}}
@media (max-width: 1280px) {.fewr-reference #site-nav > .nav-website{display: inline-flex; justify-content: space-between; font-size: 15px; padding: 12px 16px; margin: 12px 12px 0px 0px; min-width: 105px;}
.fewr-reference #site-nav > .nav-website svg{width: 15px; height: 15px;}}
.fewr-reference :is(.solid-button, .outline-button, .light-button, .nav-contact, form button[type="submit"], .content-body .button){display: inline-flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 50px; max-width: 100%; padding: 13px 20px; border: 1px solid transparent; border-radius: 6px; font-family: Poppins, Arial, sans-serif; font-size: 14px; font-weight: 600; line-height: 1.5; letter-spacing: 0px; text-align: left; text-decoration: none; box-shadow: none; transform: none; translate: 0px; transition: background-color 0.18s, border-color 0.18s, box-shadow 0.18s, translate 0.18s;}
.fewr-reference :is(.solid-button, .nav-contact, form button[type="submit"], .content-body .button){background: rgb(18, 50, 110); color: rgb(255, 255, 255); border-color: rgb(18, 50, 110);}
.fewr-reference :is(.outline-button){background: rgb(255, 255, 255); color: rgb(18, 50, 110); border-color: rgb(159, 181, 205);}
.fewr-reference :is(.light-button){background: rgb(255, 255, 255); color: rgb(18, 50, 110); border-color: rgb(255, 255, 255); box-shadow: none;}
.fewr-reference :is(.solid-button, .outline-button, .light-button, .nav-contact, form button[type="submit"], .content-body .button) > span:last-child{display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 18px; height: 18px; margin: 0px; line-height: 1;}
.fewr-reference :is(.solid-button, .outline-button, .light-button, .nav-contact, form button[type="submit"], .content-body .button) .site-icon{width: 18px; height: 18px; stroke-width: 1.8;}
.fewr-reference :is(.solid-button, .outline-button, .light-button, .nav-contact, form button[type="submit"], .content-body .button):focus-visible{outline: rgb(0, 127, 200) solid 3px; outline-offset: 4px; box-shadow: 0 0 0 2px var(--paper);}
.fewr-reference :is(.solid-button, .outline-button, .light-button, .nav-contact, form button[type="submit"], .content-body .button):active{translate: 0px 1px; transform: none; box-shadow: none;}
.fewr-reference .designer-actions{gap: 12px; align-items: stretch;}
.fewr-reference .designer-actions :is(.solid-button, .outline-button){min-width: 0px; min-height: 50px; font-size: 14px; padding: 13px 20px; gap: 18px;}
.fewr-reference .header-actions .nav-contact{min-height: 44px; font-size: 13px; padding: 10px 16px; gap: 14px; white-space: nowrap;}
.fewr-reference .contact-closing .solid-button{min-height: 50px; font-size: 14px; white-space: normal;}
.fewr-reference .service-feature .solid-button{font-size: 14px; padding: 13px 20px; gap: 18px;}
.fewr-reference #site-nav > .nav-website{min-height: 40px; border-radius: 6px; box-shadow: none; transition: background-color 0.18s, border-color 0.18s;}
.fewr-reference #site-nav > .nav-website:focus-visible{outline: rgb(0, 127, 200) solid 3px; outline-offset: 4px;}
body.edu-dark .fewr-reference :is(.solid-button, .nav-contact, form button[type="submit"], .content-body .button){background: rgb(7, 94, 169); border-color: rgb(76, 155, 212); color: rgb(255, 255, 255);}
body.edu-dark .fewr-reference .outline-button{background: transparent; color: rgb(241, 246, 253); border-color: rgb(133, 157, 184);}
body.edu-dark .fewr-reference .light-button{background: rgb(241, 246, 253); color: rgb(18, 50, 110); border-color: rgb(241, 246, 253);}
body.edu-dark .fewr-reference :is(.solid-button, .outline-button, .light-button, .nav-contact, form button[type="submit"], .content-body .button):focus-visible{outline-color: rgb(154, 195, 43);}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {.fewr-reference :is(.solid-button, .nav-contact, form button[type="submit"], .content-body .button):hover{background: rgb(0, 79, 159); border-color: rgb(0, 79, 159); color: rgb(255, 255, 255); text-decoration: none; translate: 0px -1px; transform: none; box-shadow: rgba(18, 50, 110, 0.086) 0px 3px 8px;}
.fewr-reference .outline-button:hover{background: rgb(237, 244, 251); border-color: rgb(18, 50, 110); color: rgb(18, 50, 110); text-decoration: none; translate: 0px -1px; transform: none; box-shadow: none;}
.fewr-reference .light-button:hover{background: rgb(237, 244, 251); border-color: rgb(237, 244, 251); color: rgb(18, 50, 110); text-decoration: none; translate: 0px -1px; transform: none; box-shadow: none;}
body.edu-dark .fewr-reference .outline-button:hover{background: rgb(32, 60, 88); border-color: rgb(174, 199, 226); color: rgb(255, 255, 255); text-decoration: none;}
body.edu-dark .fewr-reference :is(.solid-button, .nav-contact, form button[type="submit"]):hover{background: rgb(8, 117, 197); border-color: rgb(130, 189, 231); color: rgb(255, 255, 255); text-decoration: none;}
.fewr-reference #site-nav > .nav-website[href*="fortem-it.shop"]:hover{background: rgb(0, 79, 159); border-color: rgb(0, 79, 159); color: rgb(255, 255, 255);}
.fewr-reference #site-nav > .nav-website[href*="fortem-it-education"]:hover{background: rgb(212, 232, 248); border-color: rgb(80, 127, 169); color: rgb(18, 50, 110);}}
@media (max-width: 650px) {.fewr-reference .designer-actions{display: grid; grid-template-columns: 1fr; max-width: 380px;}
.fewr-reference .designer-actions :is(.solid-button, .outline-button){width: 100%; min-height: 50px;}
.fewr-reference .contact-closing .solid-button{width: 100%; max-width: 380px;}
.fewr-reference .header-actions .theme-toggle{min-height: 44px;}
.fewr-reference #site-nav > .nav-website{min-height: 46px;}}
@media (prefers-reduced-motion: reduce) {.fewr-reference :is(.solid-button, .outline-button, .light-button, .nav-contact, form button[type="submit"], .content-body .button){transition: none !important; translate: none !important; transform: none !important;}}
.fewr-reference .theme-toggle{border-radius: 6px; min-height: 44px;}
.fewr-reference .menu-button{min-height: 44px;}
.fewr-reference :is(.outline-button, .designer-actions .outline-button){background: rgb(255, 255, 255); color: rgb(18, 50, 110); border: 1px solid rgb(159, 181, 205); box-shadow: none;}
body.edu-dark .fewr-reference :is(.outline-button, .designer-actions .outline-button){background: transparent; color: rgb(241, 246, 253); border-color: rgb(133, 157, 184);}
@media (max-width: 1280px) {.fewr-reference .header-actions .nav-contact{display: none;}}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {.fewr-reference :is(.outline-button, .designer-actions .outline-button):hover{background: rgb(237, 244, 251); border-color: rgb(18, 50, 110); color: rgb(18, 50, 110);}
body.edu-dark .fewr-reference :is(.outline-button, .designer-actions .outline-button):hover{background: rgb(32, 60, 88); border-color: rgb(174, 199, 226); color: rgb(255, 255, 255);}}
@media (hover: hover) {body.edu-dark .fewr-reference :is(.solid-button, .outline-button, .designer-actions .outline-button, .light-button, .nav-contact, form button[type="submit"], .content-body .button):hover{background: rgb(197, 229, 255); border-color: rgb(225, 242, 255); color: rgb(16, 42, 70); text-decoration: none;}
body.edu-dark .fewr-reference #site-nav > .nav-website[href*="fortem-it.shop"]:hover{background: rgb(197, 229, 255); border-color: rgb(225, 242, 255); color: rgb(16, 42, 70);}
body.edu-dark .fewr-reference #site-nav > .nav-website[href*="fortem-it-education"]:hover{background: rgb(197, 229, 255); border-color: rgb(225, 242, 255); color: rgb(16, 42, 70);}
body.edu-dark .fewr-reference :is(.theme-toggle, .menu-button, .designer-filter button, .quote-controls button):hover{background: rgb(197, 229, 255); border-color: rgb(225, 242, 255); color: rgb(16, 42, 70);}}
body.edu-dark .fewr-reference :is(.theme-toggle, .menu-button, .designer-filter button, .quote-controls button, #site-nav > .nav-website):focus-visible{outline: rgb(197, 229, 255) solid 3px; outline-offset: 4px;}
.fewr-reference .footer-unified .footer-legal-row p,.fewr-reference .footer-unified .footer-legal-row nav{font-size: 11px; line-height: 1.7;}
.fewr-reference :is(html, body.edu-dark) #site-nav > .nav-website[href]{background: transparent; border: 0px; border-radius: 0px; color: var(--mid); box-shadow: none; min-width: 0px; min-height: 44px; padding: 8px 0px; margin: 0px; font-size: 12px; font-weight: 600; gap: 6px;}
.fewr-reference :is(html, body.edu-dark) #site-nav > .nav-website[href*="fortem-it.shop"]{border-left: 1px solid var(--line); padding-left: 18px; margin-left: 4px;}
.fewr-reference :is(html, body.edu-dark) #site-nav > .nav-website[href]:hover{background: transparent; color: var(--ink); border-color: var(--line); box-shadow: none; text-decoration: underline; text-underline-offset: 5px;}
.fewr-reference .site-header .header-actions .theme-toggle{border: 0px; border-radius: 0px; background: transparent; box-shadow: none; width: 44px; min-width: 44px; min-height: 44px; padding: 10px; color: var(--ink);}
.fewr-reference .site-header .header-actions .theme-toggle .theme-symbol{display: flex; align-items: center; justify-content: center;}
.fewr-reference .site-header .header-actions .theme-toggle:hover{background: transparent; color: var(--mid); box-shadow: none;}
body.edu-dark .fewr-reference .site-header .header-actions .theme-toggle:hover{background: transparent; color: rgb(197, 229, 255);}
@media (max-width: 1280px) {.fewr-reference :is(html, body.edu-dark) #site-nav > .nav-website[href]{display: inline-flex; justify-content: flex-start; font-size: 15px; padding: 12px 0px; margin: 12px 24px 0px 0px;}
.fewr-reference :is(html, body.edu-dark) #site-nav > .nav-website[href*="fortem-it.shop"]{border-left: 0px; padding-left: 0px; margin-left: 0px;}}
.fewr-reference .site-header .header-actions .theme-toggle{width: auto; min-width: 44px; padding: 10px 4px; gap: 7px; white-space: nowrap; font-size: 12px;}
.fewr-reference .site-header .header-actions .theme-toggle .theme-label{display: inline;}
@media (min-width: 1101px) {.fewr-reference .designer-home-hero .designer-hero-art{inset: 0px; width: 100%; height: 100%;}
.fewr-reference .designer-home-hero .designer-hero-art img{width: 100%; height: 100%; object-fit: cover; object-position: 65% center; mask-image: linear-gradient(90deg, transparent 34%, rgb(0, 0, 0) 59%, rgb(0, 0, 0) 91%, transparent 100%);}
body.edu-dark .fewr-reference .designer-home-hero .designer-hero-art img{mask-image: linear-gradient(90deg, transparent 37%, rgb(0, 0, 0) 64%, rgb(0, 0, 0) 91%, transparent 100%), linear-gradient(transparent, rgb(0, 0, 0) 18%, rgb(0, 0, 0) 80%, transparent); mask-composite: intersect;}}
@media (max-width: 1100px) {.fewr-reference .designer-home-hero .designer-hero-art{aspect-ratio: 16 / 9;}
.fewr-reference .designer-home-hero .designer-hero-art img{width: 100%; height: 100%; object-fit: cover; object-position: right center; mask-image: linear-gradient(transparent, rgb(0, 0, 0) 17%, rgb(0, 0, 0) 88%, transparent);}}
@media (min-width: 1101px) {.fewr-reference .designer-home-hero .designer-hero-art{left: auto; right: max(0px, -900px + 50vw); width: min(1600px, 100%);}
.fewr-reference .designer-home-hero .designer-hero-art img{object-fit: contain; object-position: right center;}}
.fewr-reference .page-reading-progress{position: fixed; top: 0px; left: 0px; right: 0px; height: 2px; z-index: 490; background: var(--sky); transform: scaleX(0); transform-origin: left center; pointer-events: none;}
@media (prefers-reduced-motion: no-preference) {@keyframes fortem-enter {0% { opacity: 0.65; transform: translateY(20px); }100% { opacity: 1; transform: translateY(0px); }}
@keyframes fortem-glass-drift {0% { transform: translate(0px); }100% { transform: translate(5px); }}
@keyframes fortem-menu-enter {0% { opacity: 0.8; transform: translateY(-7px); }100% { opacity: 1; transform: translateY(0px); }}
.fewr-reference .motion-arrived{animation: fortem-enter .7s var(--arrival-delay,0ms) cubic-bezier(.2,.7,.2,1) backwards;}
.fewr-reference .designer-hero-art{animation: 14s ease-in-out 1.2s infinite alternate none running fortem-glass-drift;}
.fewr-reference .designer-hero-art img{animation-duration: 1.15s;}
.fewr-reference .nav-item[open] > .nav-panel{animation: 0.2s ease-out 0s 1 normal none running fortem-menu-enter;}
.fewr-reference .service-image img,.fewr-reference .guide-visual > img,.fewr-reference .context-photo img,.fewr-reference .journal-photo img,.fewr-reference .event-panorama > img{transition: transform 0.6s cubic-bezier(0.2, 0.7, 0.2, 1);}
.fewr-reference .designer-card .icon-service,.fewr-reference .sector-card .icon-service{transition: transform 0.25s;}
.fewr-reference .footer-unified a{transition: color 0.2s;}
.fewr-reference .inline-link .site-icon{transition: transform 0.2s;}
.fewr-reference .inline-link:hover .site-icon{transform: translate(3px);}}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {.fewr-reference .service-image:hover img,.fewr-reference .guide-visual:hover > img,.fewr-reference .context-photo:hover img,.fewr-reference .journal-photo:hover img,.fewr-reference .event-panorama:hover > img{transform: scale(1.025);}
.fewr-reference .designer-card:hover .icon-service,.fewr-reference .sector-card:hover .icon-service{transform: translateY(-3px);}}
@media (prefers-reduced-motion: reduce) {.fewr-reference{scroll-behavior: auto;}
.fewr-reference .page-reading-progress{display: none;}
.fewr-reference .designer-hero-art,.fewr-reference .nav-item[open] > .nav-panel,.fewr-reference .motion-arrived{animation: auto ease 0s 1 normal none running none !important; transform: none !important;}
.fewr-reference .service-image img,.fewr-reference .guide-visual > img,.fewr-reference .context-photo img,.fewr-reference .journal-photo img,.fewr-reference .event-panorama > img,.fewr-reference .designer-card .icon-service,.fewr-reference .sector-card .icon-service,.fewr-reference .inline-link .site-icon{transition: none !important; transform: none !important;}}
.fewr-reference{padding-bottom: var(--cookie-space,0px);}
.fewr-reference :target{scroll-margin-top: calc(var(--header-height,140px) + 24px);}
.fewr-reference #edu-why-main:focus{outline: none;}
.fewr-reference .skip:focus{z-index: 900;}
.fewr-reference .footer-legal-row nav{flex-wrap: wrap;}
.fewr-reference .footer-legal-row button{appearance: none; background: transparent; border: 0px; padding: 0px; color: inherit; font: inherit; cursor: pointer; min-height: 24px; text-decoration: underline; text-underline-offset: 4px;}
.fewr-reference .site-preferences{width: min(620px, 100% - 32px); max-height: 85vh; overflow: auto; border: 1px solid var(--line); border-radius: 6px; padding: 28px; background: var(--paper); color: var(--ink); font: 400 15px / 1.7 Poppins, Arial, sans-serif;}
.fewr-reference .site-preferences::backdrop{background: rgba(11, 20, 43, 0.7);}
.fewr-reference .preferences-heading{display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 18px;}
.fewr-reference .preferences-heading h2{font-size: 25px; line-height: 1.3; letter-spacing: -0.02em;}
.fewr-reference .preferences-heading > button{background: transparent; border: 0px; color: var(--ink); padding: 4px; min-height: 44px; font: 500 13px Poppins, Arial, sans-serif; white-space: nowrap;}
.fewr-reference .site-preferences h3{font-size: 17px; margin-bottom: 8px;}
.fewr-reference .site-preferences p{margin-bottom: 17px;}
.fewr-reference .site-preferences a,.fewr-reference .cookie-banner a{text-decoration: underline; text-underline-offset: 3px;}
.fewr-reference .preference-check{display: flex; align-items: center; gap: 12px; font-size: 15px; font-weight: 500; margin: 18px 0px; cursor: pointer;}
.fewr-reference .preference-check input{appearance: auto; width: 22px; height: 22px; min-height: 22px; flex: 0 0 auto; margin: 0px; accent-color: rgb(0, 79, 159); padding: 0px;}
.fewr-reference .preference-field{display: block; font-size: 15px; font-weight: 500; margin-block: 18px;}
.fewr-reference .preference-field select{font-size: 16px; margin-top: 8px;}
.fewr-reference .preference-actions{display: flex; flex-wrap: wrap; gap: 10px; margin-block: 18px;}
.fewr-reference .preference-actions > button{background: var(--blue); border: 1px solid var(--blue); color: rgb(255, 255, 255); font: 600 13px / 1.5 Poppins, Arial, sans-serif; padding: 12px 16px; min-height: 46px; border-radius: 4px; cursor: pointer;}
.fewr-reference .preference-actions > button:hover{background: rgb(0, 79, 159); border-color: rgb(0, 79, 159); color: rgb(255, 255, 255);}
.fewr-reference .cookie-banner{position: fixed; bottom: 16px; left: 50%; transform: translate(-50%); width: min(1100px, 100% - 32px); z-index: 450; padding: 22px 24px; background: var(--paper); color: var(--ink); border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top: 3px solid rgb(0, 127, 200); box-shadow: rgba(21, 28, 50, 0.2) 0px 8px 35px; border-radius: 6px; max-height: 65vh; overflow: auto;}
.fewr-reference .cookie-banner[hidden]{display: none;}
.fewr-reference .cookie-banner h2{font-size: 18px; line-height: 1.4; letter-spacing: 0px; margin-bottom: 8px;}
.fewr-reference .cookie-banner p{font-size: 13px; line-height: 1.7; margin: 0px;}
.fewr-reference .cookie-banner .preference-actions{margin: 15px 0px 0px;}
.fewr-reference .cookie-banner .preference-actions > button{flex: 1 1 0%; max-width: 220px;}
body.edu-dark .fewr-reference .preference-actions > button{background: rgb(7, 94, 169); border-color: rgb(130, 189, 231);}
body.edu-dark .fewr-reference .preference-actions > button:hover{background: rgb(197, 229, 255); color: rgb(16, 42, 70);}
.fewr-reference [data-contrast="high"]{--muted: #273347; --mid: #12326e; --line: #697f98;}
body.edu-dark .fewr-reference[data-contrast="high"]{--muted: #fff; --mid: #c5e5ff; --heading: #fff; --line: #adc4df;}
.fewr-reference [data-underline="true"] #edu-why-main a:not(.solid-button):not(.outline-button):not(.light-button){text-decoration: underline; text-underline-offset: 4px;}
.fewr-reference[data-motion="paused"]{scroll-behavior: auto !important;}
.fewr-reference [data-motion="paused"] *,.fewr-reference [data-motion="paused"] ::before,.fewr-reference [data-motion="paused"] ::after{animation: auto ease 0s 1 normal none running none !important; transition: none !important;}
.fewr-reference [data-motion="paused"] :is(.motion-arrived, .designer-hero-art, .designer-hero-art img, .partner-belt-track){transform: none !important; translate: none !important; opacity: 1 !important;}
.fewr-reference [data-motion="paused"] .page-load-progress,.fewr-reference [data-motion="paused"] .page-reading-progress{display: none;}
@media (max-width: 650px) {.fewr-reference .site-preferences{padding: 22px;}
.fewr-reference .preferences-heading h2{font-size: 22px;}
.fewr-reference .cookie-banner{padding: 18px; bottom: 10px; max-height: 60vh;}
.fewr-reference .cookie-banner .preference-actions > button{max-width: none; flex: 1 1 130px;}
.fewr-reference .footer-legal-row nav{gap: 12px 20px;}
.fewr-reference .footer-legal-row button{min-height: 30px;}}
.fewr-reference .feature-test-ribbon{border-top: 1px solid var(--line); background: var(--paper); border-bottom: 1px solid var(--line);}
.fewr-reference .feature-test-ribbon > .wrap{display: flex; align-items: center; justify-content: space-between; min-height: 36px; gap: 12px;}
.fewr-reference .feature-test-menu{position: relative;}
.fewr-reference .feature-test-menu > summary{font-size: 12px; font-weight: 600; cursor: pointer; padding: 8px 0px; display: flex; align-items: center; gap: 12px;}
.fewr-reference .feature-test-menu > summary::after{content: "⌄";}
.fewr-reference .feature-test-menu .nav-panel{left: 0px; right: auto; top: 100%; width: min(650px, -40px + 100vw); padding: 24px; display: block; position: absolute; background: var(--paper); color: var(--ink); border: 1px solid var(--line); box-shadow: rgba(21, 28, 50, 0.125) 0px 16px 32px; max-height: 65vh; overflow: auto;}
.fewr-reference .feature-test-menu:not([open]) > .nav-panel{display: none;}
.fewr-reference .test-nav-note{font-size: 12px; margin: 0px 0px 12px;}
.fewr-reference .test-nav-links{display: grid; grid-template-columns: 1fr 1fr; gap: 0px 25px;}
.fewr-reference .test-nav-links a{display: flex; justify-content: space-between; gap: 12px; padding: 13px 0px; font-size: 13px; border-bottom: 1px solid var(--line);}
.fewr-reference .test-nav-links a:first-child{grid-column: 1 / -1; font-weight: 700;}
.fewr-reference .test-ribbon-note{font-size: 11px; opacity: 0.75;}
@media (max-width: 700px) {.fewr-reference .test-ribbon-note{display: none;}
.fewr-reference .test-nav-links{grid-template-columns: 1fr;}
.fewr-reference .feature-test-menu .nav-panel{padding: 20px;}}
.fewr-reference .feature-test-menu > summary .site-icon{width: 14px; height: 14px; flex: 0 0 auto;}
.fewr-reference .feature-test-menu > summary::after{display: none;}
.fewr-reference .visual-art{isolation: isolate; overflow: hidden; --light-x: 65%; --light-y: 40%; --art-x: 0px; --art-y: 0px;}
.fewr-reference .visual-art > .surface-light{position: absolute; inset: 0px; z-index: 1; pointer-events: none; background: radial-gradient(ellipse at var(--light-x) var(--light-y),#c1e9ff30 0%,#007fc80a 34%,transparent 65%); mix-blend-mode: soft-light; border-radius: inherit;}
.fewr-reference .visual-art:not(.designer-hero-art){position: relative; border-radius: 5px; box-shadow: rgba(18, 50, 110, 0.27) 0px 20px 60px -32px;}
.fewr-reference .visual-art > img{translate: var(--art-x) var(--art-y); transition: translate 0.8s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1);}
.fewr-reference .visual-surface{position: relative; isolation: isolate; transition: border-color 0.25s, box-shadow 0.35s, background-color 0.25s;}
.fewr-reference .visual-surface > .surface-light{position: absolute; top: 0px; left: 0px; right: 0px; height: 2px; pointer-events: none; opacity: 0; background: linear-gradient(90deg, transparent, rgb(0, 127, 200) 32%, rgb(146, 214, 255) 58%, transparent); transform: scaleX(0.6); transition: opacity 0.3s, transform 0.5s;}
.fewr-reference .visual-surface:is(:hover, :focus-within) > .surface-light{opacity: 1; transform: scaleX(1);}
.fewr-reference .visual-surface:is(:hover, :focus-within){border-color: rgba(0, 127, 200, 0.467); box-shadow: rgba(0, 79, 159, 0.44) 0px 12px 35px -25px;}
body.edu-dark .fewr-reference .visual-art > .surface-light{background: radial-gradient(ellipse at var(--light-x) var(--light-y),#9ad7ff25,transparent 60%); mix-blend-mode: screen;}
body.edu-dark .fewr-reference .visual-surface:is(:hover, :focus-within){border-color: rgb(138, 207, 255); box-shadow: rgba(116, 187, 255, 0.333) 0px 12px 35px -25px;}
@media (prefers-reduced-motion: no-preference) {@keyframes fortem-light-pass {0%, 100% { opacity: 0.3; transform: translate(-3%); }50% { opacity: 0.8; transform: translate(3%); }}
.fewr-reference .designer-hero-art > .surface-light{animation: 16s ease-in-out 0s infinite normal none running fortem-light-pass;}
.fewr-reference .designer-hero h1,.fewr-reference .page-heading-band h1,.fewr-reference .lab-opening h1{animation: 0.8s cubic-bezier(0.2, 0.7, 0.2, 1) 0s 1 normal both running fortem-enter;}
.fewr-reference .designer-process,.fewr-reference .philosophy-principles{background-image: linear-gradient(90deg, transparent, rgba(0, 127, 200, 0.17), transparent); background-size: 100% 1px; background-repeat: no-repeat; background-position: center bottom;}}
@media (hover: none), (pointer: coarse) {.fewr-reference .visual-art > img{translate: none;}
.fewr-reference .visual-surface > .surface-light{display: none;}}
@media (prefers-reduced-motion: reduce) {.fewr-reference .visual-art > img{translate: none !important; transition: none !important;}
.fewr-reference .visual-art > .surface-light{animation: auto ease 0s 1 normal none running none !important; transform: none !important;}
.fewr-reference .visual-surface > .surface-light{transition: none !important;}}
.fewr-reference [data-motion="paused"] .visual-art > img{translate: none !important;}
.fewr-reference [data-motion="paused"] .visual-art > .surface-light{transform: none !important;}
@media print {.fewr-reference .surface-light{display: none !important;}
.fewr-reference .visual-art,.fewr-reference .visual-surface{box-shadow: none !important;}
.fewr-reference .visual-art > img{translate: none !important;}}
.fewr-reference .refraction-sheet{position: absolute; inset: -15% -40%; pointer-events: none; opacity: 0; z-index: 2; background: linear-gradient(112deg, transparent 40%, rgba(201, 237, 255, 0.133) 44%, rgba(255, 255, 255, 0.44) 46%, rgba(146, 203, 240, 0.17) 48%, transparent 53%); transform: translate(-60%); mix-blend-mode: soft-light;}
.fewr-reference .prism-section{position: relative; isolation: isolate;}
.fewr-reference .section-prism{position: absolute; inset: 0px 0px auto; height: 100%; max-height: 220px; pointer-events: none; z-index: -1; overflow: hidden; background: linear-gradient(140deg, transparent 48%, rgba(0, 127, 200, 0.027) 48.1%, rgba(0, 127, 200, 0.067) 62%, transparent 62.1%); border-top: 1px solid rgba(0, 127, 200, 0.067);}
body.edu-dark .fewr-reference .section-prism{background: linear-gradient(140deg, transparent 48%, rgba(100, 188, 240, 0.035) 48.1%, rgba(100, 188, 240, 0.086) 62%, transparent 62.1%); border-color: rgba(138, 214, 255, 0.075);}
.fewr-reference .designer-card.visual-surface{border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top: 3px solid var(--sky); background: linear-gradient(145deg,var(--paper) 55%,var(--mist)); transition: translate 0.35s cubic-bezier(0.2, 0.7, 0.2, 1), box-shadow 0.35s, border-color 0.25s;}
.fewr-reference .designer-card.visual-surface > .icon-service{padding: 10px; width: 60px; height: 60px; border: 1px solid rgba(0, 127, 200, 0.2); border-radius: 12px; background: linear-gradient(145deg, rgba(189, 231, 255, 0.25), rgba(255, 255, 255, 0)); box-shadow: rgba(255, 255, 255, 0.5) 0px 1px inset, rgba(0, 79, 159, 0.4) 0px 9px 20px -13px;}
@media (prefers-reduced-motion: no-preference) {@keyframes fortem-refraction {0% { opacity: 0; transform: translate(-60%); }20% { opacity: 0.8; }80% { opacity: 0.5; }100% { opacity: 0; transform: translate(60%); }}
.fewr-reference .glass-revealed > .refraction-sheet{animation: 1.8s cubic-bezier(0.2, 0.6, 0.2, 1) 0.15s 1 normal both running fortem-refraction;}}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {.fewr-reference .designer-card.visual-surface:is(:hover, :focus-within){translate: 0px -6px; box-shadow: rgba(18, 50, 110, 0.52) 0px 22px 38px -26px; border-color: rgb(0, 127, 200);}
.fewr-reference .designer-card.visual-surface:hover > .icon-service{transform: translateY(-3px) rotate(-4deg);}}
@media (prefers-reduced-motion: reduce) {.fewr-reference .refraction-sheet{display: none;}
.fewr-reference .designer-card.visual-surface{translate: none !important; transition: none !important;}}
.fewr-reference [data-motion="paused"] .refraction-sheet{display: none;}
.fewr-reference [data-motion="paused"] .designer-card.visual-surface{translate: none !important;}
@media print {.fewr-reference .section-prism,.fewr-reference .refraction-sheet{display: none !important;}
.fewr-reference .designer-card.visual-surface{translate: none !important;}}
.fewr-reference .optional-note{margin: 18px 0px; border-block: 1px solid var(--line); padding: 0px 0px 4px;}
.fewr-reference .optional-note > summary{cursor: pointer; font-size: 14px; font-weight: 500; min-height: 44px; padding: 12px 0px; color: var(--mid);}
.fewr-reference .optional-note > label,.fewr-reference .optional-note > .lab-field{display: block; margin-block: 12px;}
.fewr-reference .optional-note textarea{margin-top: 9px;}
.fewr-reference .optional-note:focus-within{border-color: var(--mid);}
.fewr-reference .designer-home-hero .designer-hero-art img,body.edu-dark .fewr-reference .designer-home-hero .designer-hero-art img{object-fit: contain; object-position: right center; padding: 16px 24px 16px 0px; mask-image: linear-gradient(90deg, transparent 8%, rgb(0, 0, 0) 30%, rgb(0, 0, 0) 100%); height: 100%; width: 100%; box-sizing: border-box;}
@media (max-width: 1100px) {.fewr-reference .designer-home-hero .designer-hero-art{aspect-ratio: 16 / 9; height: auto;}
.fewr-reference .designer-home-hero .designer-hero-art img,body.edu-dark .fewr-reference .designer-home-hero .designer-hero-art img{padding: 8px 12px; mask-image: linear-gradient(transparent, rgb(0, 0, 0) 8%, rgb(0, 0, 0) 96%, transparent);}}
@media (min-width: 1281px) {.fewr-reference #site-nav > .nav-item > summary{white-space: nowrap;}}
@media (min-width: 1281px) and (max-width: 1450px) {.fewr-reference #site-nav{gap: 10px;}}
.fewr-reference .designer-home-hero .designer-hero-art img,body.edu-dark .fewr-reference .designer-home-hero .designer-hero-art img{mask-image: linear-gradient(90deg, transparent 8%, rgb(0, 0, 0) 30%, rgb(0, 0, 0) 96%, transparent 100%), linear-gradient(transparent, rgb(0, 0, 0) 6%, rgb(0, 0, 0) 93%, transparent); mask-composite: intersect;}
@media (max-width: 1100px) {.fewr-reference .designer-home-hero .designer-hero-art img,body.edu-dark .fewr-reference .designer-home-hero .designer-hero-art img{mask-image: linear-gradient(transparent, rgb(0, 0, 0) 8%, rgb(0, 0, 0) 94%, transparent);}}
@media (min-width: 1101px) {.fewr-reference .designer-home-hero{min-height: 600px;}
.fewr-reference .designer-home-hero .designer-hero-art img,body.edu-dark .fewr-reference .designer-home-hero .designer-hero-art img{object-fit: contain; mask-image: linear-gradient(90deg, transparent 8%, rgb(0, 0, 0) 30%, rgb(0, 0, 0) 97%, transparent 100%); mask-composite: add;}}
@media (max-width: 1100px) {.fewr-reference .designer-home-hero .designer-hero-art{aspect-ratio: 1942 / 809;}
.fewr-reference .designer-home-hero .designer-hero-art img,body.edu-dark .fewr-reference .designer-home-hero .designer-hero-art img{object-fit: contain; mask-image: none; padding: 10px 0px;}}
.fewr-reference .glass-chapter{position: relative; isolation: isolate; overflow: hidden;}
.fewr-reference .chapter-art{position: absolute; inset: -25% -65px -25% auto; width: min(56vw, 720px); pointer-events: none; z-index: -1; opacity: 0.37; mask-image: linear-gradient(90deg, transparent, rgb(0, 0, 0) 24%);}
.fewr-reference .chapter-art svg{width: 100%; height: 100%; min-height: 300px; overflow: visible;}
.fewr-reference .chapter-ribbon{transform-origin: 50% 50%;}
.fewr-reference .page-heading-band.glass-chapter .chapter-art{width: min(50vw, 680px); opacity: 0.26;}
.fewr-reference .designer-benefit-band.glass-chapter .chapter-art{opacity: 0.18;}
.fewr-reference .lab-opening.glass-chapter .chapter-art{opacity: 0.12;}
.fewr-reference .designer-cta.glass-chapter .chapter-art{opacity: 0.45; width: min(58vw, 780px);}
body.edu-dark .fewr-reference .glass-chapter .chapter-art{opacity: 0.22;}
body.edu-dark .fewr-reference .designer-cta.glass-chapter .chapter-art{opacity: 0.32;}
.fewr-reference .designer-cta.glass-chapter{border-top: 1px solid rgba(160, 223, 255, 0.25); background-image: linear-gradient(115deg, rgb(21, 28, 50), rgb(18, 50, 110) 58%, rgb(6, 72, 119));}
.fewr-reference .designer-cta.glass-chapter h2,.fewr-reference .designer-cta.glass-chapter p{color: rgb(255, 255, 255);}
.fewr-reference .designer-cta.glass-chapter .eyebrow{color: rgb(181, 227, 255);}
.fewr-reference .designer-cta.glass-chapter .solid-button{background: rgb(255, 255, 255); color: rgb(18, 50, 110); border-color: rgb(255, 255, 255);}
.fewr-reference .designer-cta.glass-chapter .solid-button:hover{background: rgb(214, 239, 255); color: rgb(21, 28, 50); border-color: rgb(214, 239, 255);}
.fewr-reference .visual-art:not(.designer-hero-art){border: 1px solid rgba(130, 189, 231, 0.35); border-radius: 12px; box-shadow: rgba(18, 50, 110, 0.5) 0px 32px 55px -35px, rgba(255, 255, 255, 0.565) 0px 1px inset; background: linear-gradient(145deg, rgba(202, 233, 252, 0.267), transparent); padding: 7px;}
.fewr-reference .visual-art:not(.designer-hero-art) > img{border-radius: 7px;}
.fewr-reference .visual-art:not(.designer-hero-art) > .surface-light{inset: 7px; border-radius: 7px;}
.fewr-reference .depth-card{position: relative; isolation: isolate; overflow: hidden;}
.fewr-reference .card-reflection{position: absolute; inset: 0px; pointer-events: none; z-index: -1; background: linear-gradient(135deg, rgba(208, 239, 255, 0.333) 0%, transparent 36%, transparent 72%, rgba(0, 127, 200, 0.07) 100%); opacity: 0.7; transition: opacity 0.4s;}
.fewr-reference .designer-card.depth-card{border-radius: 9px; border-top-width: 1px; padding: 30px; box-shadow: rgba(18, 50, 110, 0.2) 0px 10px 30px -20px;}
.fewr-reference .designer-card.depth-card > .icon-service{width: 74px; height: 74px; padding: 16px; border-radius: 16px; margin-bottom: 26px; border-color: rgb(156, 207, 231); background: linear-gradient(140deg, rgb(230, 247, 255), rgba(204, 229, 247, 0.533) 55%, rgba(255, 255, 255, 0.125)); box-shadow: rgb(255, 255, 255) 1px 1px inset, rgba(0, 79, 159, 0.667) 0px 14px 24px -19px; transform: perspective(300px) rotateY(-12deg) rotateX(7deg);}
body.edu-dark .fewr-reference .designer-card.depth-card > .icon-service{background: linear-gradient(140deg, rgb(48, 94, 126), rgb(22, 52, 75)); border-color: rgb(80, 137, 173); box-shadow: rgba(168, 221, 255, 0.267) 1px 1px inset, rgb(0, 127, 200) 0px 14px 24px -19px; color: rgb(201, 237, 255);}
body.edu-dark .fewr-reference .card-reflection{background: linear-gradient(135deg, rgba(125, 203, 255, 0.086), transparent 40%, transparent 72%, rgba(0, 127, 200, 0.11));}
.fewr-reference .depth-card:is(:hover, :focus-within) > .card-reflection{opacity: 1;}
.fewr-reference .process-rail{position: relative; --process-progress: 28%;}
.fewr-reference .process-rail::before{content: ""; position: absolute; left: 0px; right: 0px; top: -15px; height: 2px; background: linear-gradient(90deg,#007fc8 var(--process-progress),var(--line) var(--process-progress)); pointer-events: none; transition: background 0.3s;}
.fewr-reference .process-rail > li{position: relative;}
.fewr-reference .process-rail > li::before{content: ""; position: absolute; left: 0px; top: -21px; width: 13px; height: 13px; border: 3px solid rgb(0, 127, 200); background: var(--paper); border-radius: 50%; box-shadow: 0 0 0 5px var(--paper);}
@media (prefers-reduced-motion: no-preference) {@keyframes chapter-glass-turn {0%, 100% { transform: translateY(0px) rotate(-3deg); }50% { transform: translateY(14px) rotate(1deg); }}
.fewr-reference .chapter-ribbon{animation: 16s ease-in-out 0s infinite normal none paused chapter-glass-turn;}
.fewr-reference .chapter-visible .chapter-ribbon{animation-play-state: running;}
.fewr-reference .depth-card{transition: translate 0.35s, box-shadow 0.35s, border-color 0.3s;}
.fewr-reference .depth-card > .icon-service{transition: transform 0.5s cubic-bezier(0.2, 0.7, 0.2, 1);}}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {.fewr-reference .depth-card:hover{translate: 0px -7px; box-shadow: rgba(0, 79, 159, 0.52) 0px 24px 40px -28px;}
.fewr-reference .designer-card.depth-card:hover > .icon-service{transform: perspective(300px) rotateY(4deg) rotateX(0deg) translateY(-4px);}}
@media (max-width: 700px) {.fewr-reference .chapter-art{width: 85vw; right: -140px; opacity: 0.16;}
.fewr-reference .designer-cta.glass-chapter .chapter-art{width: 90vw; opacity: 0.25;}
.fewr-reference .page-heading-band.glass-chapter .chapter-art{width: 75vw; opacity: 0.2;}
.fewr-reference .designer-card.depth-card{padding: 24px;}
.fewr-reference .designer-card.depth-card > .icon-service{width: 62px; height: 62px; padding: 13px;}
.fewr-reference .process-rail::before,.fewr-reference .process-rail > li::before{display: none;}}
@media (prefers-reduced-motion: reduce) {.fewr-reference .chapter-ribbon{animation: auto ease 0s 1 normal none running none !important; transform: none !important;}
.fewr-reference .depth-card,.fewr-reference .card-reflection{transition: none !important;}
.fewr-reference .depth-card,.fewr-reference .designer-card.depth-card > .icon-service{translate: none !important; transform: none !important;}}
.fewr-reference [data-motion="paused"] .chapter-ribbon{animation: auto ease 0s 1 normal none running none !important; transform: none !important;}
.fewr-reference [data-motion="paused"] .depth-card,.fewr-reference [data-motion="paused"] .designer-card.depth-card > .icon-service{translate: none !important; transform: none !important;}
@media print {.fewr-reference .chapter-art,.fewr-reference .card-reflection,.fewr-reference .process-rail::before,.fewr-reference .process-rail > li::before{display: none !important;}
.fewr-reference .glass-chapter{background: rgb(255, 255, 255) !important;}
.fewr-reference .designer-cta.glass-chapter h2,.fewr-reference .designer-cta.glass-chapter p{color: rgb(21, 28, 50) !important;}}
@media (min-width: 1800px) {.fewr-reference .designer-hero:not(.designer-home-hero) .designer-hero-art{width: 1600px; right: calc(-900px + 50vw);}
.fewr-reference .designer-hero:not(.designer-home-hero) .designer-hero-art img{height: 100%; max-height: 100%; object-fit: contain; object-position: right center;}
.fewr-reference :is(.page-heading-band, .designer-cta, .designer-benefit-band).glass-chapter > .chapter-art{right: calc(-915px + 50vw);}}
.fewr-reference .designer-shortcuts{background: linear-gradient(110deg, rgb(21, 28, 50), rgb(18, 50, 110) 58%, rgb(6, 75, 123)); border-block: 1px solid rgba(133, 200, 243, 0.23); box-shadow: rgba(18, 50, 110, 0.6) 0px 14px 26px -24px; color: rgb(255, 255, 255);}
.fewr-reference .designer-shortcuts > .wrap{padding-block: 0px; gap: 0px; grid-template-columns: repeat(5, minmax(0px, 1fr));}
.fewr-reference .designer-shortcuts a,.fewr-reference .designer-shortcuts a:first-child{position: relative; isolation: isolate; min-height: 100px; padding: 19px 18px; gap: 14px; border-right: 1px solid rgba(169, 223, 255, 0.15); align-items: center; color: rgb(255, 255, 255); overflow: hidden;}
.fewr-reference .designer-shortcuts a:last-child{border-right: 0px;}
.fewr-reference .designer-shortcuts .site-icon{width: 32px; height: 32px; flex: 0 0 auto; filter: none; color: rgb(197, 234, 255); transition: transform 0.35s;}
.fewr-reference .shortcut-copy{min-width: 0px; display: block;}
.fewr-reference .shortcut-copy strong{display: block; font-size: 14px; font-weight: 600; line-height: 1.45;}
.fewr-reference .shortcut-copy small{display: block; color: rgb(197, 217, 236); font-size: 11px; line-height: 1.5; margin-top: 5px;}
.fewr-reference .shortcut-arrow{margin-left: auto; font-size: 19px; align-self: center; opacity: 0.5; transition: translate 0.25s, opacity 0.25s;}
.fewr-reference .designer-shortcuts a::before{content: ""; position: absolute; inset: 0px; z-index: -1; background: linear-gradient(135deg, rgba(137, 207, 255, 0.15), rgba(201, 239, 255, 0.04)); opacity: 0; transition: opacity 0.25s;}
.fewr-reference .designer-shortcuts a::after{content: ""; position: absolute; bottom: 0px; left: 18px; right: 18px; height: 3px; background: rgb(139, 216, 255); transform: scaleX(0); transform-origin: left center; transition: transform 0.3s;}
.fewr-reference .designer-shortcuts a:is(:hover, :focus-visible){color: rgb(255, 255, 255); background: transparent;}
.fewr-reference .designer-shortcuts a:is(:hover, :focus-visible)::before{opacity: 1;}
.fewr-reference .designer-shortcuts a:is(:hover, :focus-visible)::after{transform: scaleX(1);}
.fewr-reference .designer-shortcuts a:is(:hover, :focus-visible) .shortcut-arrow{translate: 3px; opacity: 1;}
.fewr-reference .designer-shortcuts a:is(:hover, :focus-visible) .site-icon{transform: translateY(-3px);}
.fewr-reference .designer-shortcuts a:focus-visible{outline: rgb(185, 233, 255) solid 3px; outline-offset: -5px;}
@media (max-width: 1200px) {.fewr-reference .designer-shortcuts a,.fewr-reference .designer-shortcuts a:first-child{padding: 16px 12px; gap: 10px;}
.fewr-reference .shortcut-copy strong{font-size: 13px;}
.fewr-reference .designer-shortcuts .site-icon{width: 27px; height: 27px;}
.fewr-reference .shortcut-arrow{display: none;}}
@media (max-width: 900px) {.fewr-reference .designer-shortcuts > .wrap{grid-template-columns: repeat(3, minmax(0px, 1fr));}
.fewr-reference .designer-shortcuts a,.fewr-reference .designer-shortcuts a:first-child{min-height: 82px; border-bottom: 1px solid rgba(169, 223, 255, 0.15);}
.fewr-reference .designer-shortcuts a:nth-child(3){border-right: 0px;}
.fewr-reference .designer-shortcuts a:nth-child(n+4){border-bottom: 0px;}}
@media (max-width: 550px) {.fewr-reference .designer-shortcuts > .wrap{grid-template-columns: repeat(2, minmax(0px, 1fr));}
.fewr-reference .designer-shortcuts a,.fewr-reference .designer-shortcuts a:first-child{min-height: 58px; padding: 12px 8px; gap: 10px; border-right: 1px solid rgba(169, 223, 255, 0.15); border-bottom: 1px solid rgba(169, 223, 255, 0.15);}
.fewr-reference .designer-shortcuts a:nth-child(2n){border-right: 0px;}
.fewr-reference .designer-shortcuts a:last-child{grid-column: 1 / -1; border: 0px; justify-content: center;}
.fewr-reference .shortcut-copy small{display: none;}
.fewr-reference .shortcut-copy strong{font-size: 12px;}
.fewr-reference .designer-shortcuts .site-icon{width: 24px; height: 24px;}}
@media (prefers-reduced-motion: reduce) {.fewr-reference .designer-shortcuts a::before,.fewr-reference .designer-shortcuts a::after,.fewr-reference .designer-shortcuts .site-icon,.fewr-reference .shortcut-arrow{transition: none !important; transform: none !important; translate: none !important;}}
@media (min-width: 901px) {.fewr-reference .designer-shortcuts a,.fewr-reference .designer-shortcuts a:first-child{min-height: 82px; padding-block: 18px;}
.fewr-reference .shortcut-copy strong{font-size: 14px;}}
@view-transition { navigation: auto; }
.fewr-reference ::view-transition-old(root){animation: 0.18s ease 0s 1 normal both running fortem-page-out;}
.fewr-reference ::view-transition-new(root){animation: 0.25s ease 0s 1 normal both running fortem-page-in;}
@keyframes fortem-page-out {100% { opacity: 0; }}
@keyframes fortem-page-in {0% { opacity: 0; }100% { opacity: 1; }}
.fewr-reference.theme-switching::view-transition-old(root),.fewr-reference.theme-switching::view-transition-new(root){animation: auto ease 0s 1 normal none running none; mix-blend-mode: normal;}
.fewr-reference.theme-switching::view-transition-new(root){z-index: 2;}
.fewr-reference.theme-switching::view-transition-old(root){z-index: 1;}
.fewr-reference .theme-colour-shift :is(body, .site-header, .masthead, .nav-panel, .designer-surface, .designer-card, .site-footer, .lab-result, .lab-aside){transition: background-color 0.4s, color 0.4s, border-color 0.4s;}
.fewr-reference .theme-switching .theme-symbol{animation: 0.55s ease 0s 1 normal both running theme-symbol-turn;}
@keyframes theme-symbol-turn {100% { rotate: 180deg; }}
.fewr-reference .press-response{position: relative; isolation: isolate; overflow: hidden;}
.fewr-reference .press-light{position: absolute; pointer-events: none; width: 20px; height: 20px; margin: -10px 0px 0px -10px; border-radius: 50%; background: rgba(169, 220, 255, 0.4); animation: 0.55s ease-out 0s 1 normal both running press-glass; z-index: 0;}
@keyframes press-glass {0% { transform: scale(0); opacity: 0.8; }100% { transform: scale(18); opacity: 0; }}
@supports (interpolate-size:allow-keywords) {@media (prefers-reduced-motion: no-preference) {.fewr-reference .optional-note,.fewr-reference .renewal-stop details{interpolate-size: allow-keywords;}
.fewr-reference .optional-note::details-content,.fewr-reference .renewal-stop details::details-content{block-size: 0px; opacity: 0; overflow: clip; transition: block-size 0.28s, opacity 0.22s, content-visibility 0.28s allow-discrete;}
.fewr-reference .optional-note[open]::details-content,.fewr-reference .renewal-stop details[open]::details-content{block-size: auto; opacity: 1;}}}
@media (prefers-reduced-motion: reduce) {.fewr-reference ::view-transition-old(root),.fewr-reference ::view-transition-new(root){animation: auto ease 0s 1 normal none running none !important;}
.fewr-reference .press-light{display: none;}
.fewr-reference .theme-symbol{animation: auto ease 0s 1 normal none running none !important;}}
.fewr-reference [data-motion="paused"]::view-transition-old(root),.fewr-reference [data-motion="paused"]::view-transition-new(root){animation: auto ease 0s 1 normal none running none !important;}
.fewr-reference [data-motion="paused"] .press-light{display: none;}
.fewr-reference [data-motion="paused"] details::details-content{transition: none !important;}
@media print {.fewr-reference .renewal-stop details::details-content{block-size: auto !important; content-visibility: visible !important; opacity: 1 !important;}}
.fewr-reference.theme-sweep-reveal::view-transition-new(root){will-change: clip-path; mask-image: none;}
.fewr-reference.theme-switching::view-transition-group(root){animation-duration: 0.65s;}
.fewr-reference .theme-switching[data-theme-direction="dark"] .theme-symbol{animation: 0.65s ease 0s 1 normal both running theme-night-turn;}
.fewr-reference .theme-switching[data-theme-direction="light"] .theme-symbol{animation: 0.65s ease 0s 1 normal both running theme-day-turn;}
@keyframes theme-night-turn {0% { transform: rotate(35deg) scale(0.75); opacity: 0.5; }100% { transform: rotate(0deg) scale(1); opacity: 1; }}
@keyframes theme-day-turn {0% { transform: rotate(-35deg) scale(0.75); opacity: 0.5; }100% { transform: rotate(0deg) scale(1); opacity: 1; }}
.fewr-reference .capability-stage{background: linear-gradient(150deg, rgb(237, 243, 248), rgb(226, 238, 247) 60%, rgb(246, 249, 252));}
.fewr-reference .capability-gallery.designer-card-grid{grid-template-columns: repeat(12, minmax(0px, 1fr)); gap: 22px;}
.fewr-reference .capability-gallery > .capability-panel{grid-column: span 5; position: relative; isolation: isolate; overflow: hidden; min-height: 265px; padding: 26px; border: 1px solid rgb(168, 201, 222); border-radius: 13px; background: linear-gradient(130deg, rgb(247, 252, 255), rgb(219, 238, 250)); box-shadow: rgba(18, 50, 110, 0.565) 0px 18px 40px -32px; translate: none;}
.fewr-reference .capability-gallery > .capability-panel:nth-child(4n+1),.fewr-reference .capability-gallery > .capability-panel:nth-child(4n){grid-column: span 7;}
.fewr-reference .capability-gallery > .capability-panel:nth-child(4n+1),.fewr-reference .capability-gallery > .capability-panel:nth-child(4n){background: linear-gradient(120deg, rgb(21, 28, 50), rgb(18, 50, 110) 67%, rgb(7, 93, 137)); color: rgb(255, 255, 255); border-color: rgb(81, 120, 156);}
.fewr-reference .capability-panel .capability-copy{position: relative; z-index: 2; max-width: 68%; height: 100%; display: flex; flex-direction: column; align-items: flex-start;}
.fewr-reference .capability-panel .capability-copy h3{font-size: clamp(24px, 2vw, 28px); line-height: 1.25; max-width: 18ch; color: rgb(18, 50, 110); margin: 7px 0px 13px;}
.fewr-reference .capability-panel .capability-copy > p:not(.eyebrow){font-size: 15px; line-height: 1.7; max-width: 37ch; margin-bottom: 18px;}
.fewr-reference .capability-panel .capability-copy .inline-link{margin-top: auto; min-height: 32px; padding-top: 12px; font-size: 14px; border-top: 1px solid rgba(97, 155, 200, 0.32);}
.fewr-reference .capability-panel .capability-copy .eyebrow{font-size: 11px; letter-spacing: 0.13em; margin: 0px;}
.fewr-reference .capability-gallery > .capability-panel:nth-child(4n+1) :is(h3, .eyebrow, .inline-link),.fewr-reference .capability-gallery > .capability-panel:nth-child(4n) :is(h3, .eyebrow, .inline-link){color: rgb(255, 255, 255);}
.fewr-reference .capability-gallery > .capability-panel:nth-child(4n+1) .capability-copy > p:not(.eyebrow),.fewr-reference .capability-gallery > .capability-panel:nth-child(4n) .capability-copy > p:not(.eyebrow){color: rgb(220, 232, 248);}
.fewr-reference .capability-number{position: absolute; top: 20px; right: 22px; font-size: 56px; font-weight: 800; line-height: 1; color: rgb(18, 50, 110); opacity: 0.07; letter-spacing: -0.06em;}
.fewr-reference .capability-gallery > .capability-panel:nth-child(4n+1) .capability-number,.fewr-reference .capability-gallery > .capability-panel:nth-child(4n) .capability-number{color: rgb(215, 242, 255); opacity: 0.13;}
.fewr-reference .capability-object{position: absolute; right: -16px; top: 23%; width: 210px; height: 210px; scale: 0.8; transform-origin: right center; perspective: 650px; pointer-events: none; z-index: 1; transition: transform 0.65s cubic-bezier(0.2, 0.7, 0.2, 1);}
.fewr-reference .glass-plane{position: absolute; inset: 18px 36px; transform: rotateY(-28deg) rotate(22deg); border: 1px solid rgba(168, 223, 255, 0.565); background: linear-gradient(130deg, rgba(255, 255, 255, 0.44), rgba(128, 202, 255, 0.08) 48%, rgba(0, 127, 200, 0.314)); border-radius: 12px; box-shadow: rgba(234, 249, 255, 0.44) 2px 2px inset, rgba(0, 58, 128, 0.6) 12px 18px 30px -20px;}
.fewr-reference .plane-back{translate: 25px -28px; opacity: 0.65;}
.fewr-reference .plane-front{translate: -5px 8px;}
.fewr-reference .capability-object :is(.icon-service, .designer-icon){position: absolute; left: 47px; top: 58px; width: 112px; height: 112px; padding: 23px; border: 1px solid rgb(200, 234, 250); border-radius: 23px; background: linear-gradient(140deg, rgb(245, 252, 255), rgb(174, 216, 239)); color: rgb(18, 50, 110); box-shadow: rgb(255, 255, 255) 1px 1px inset, rgb(7, 42, 96) 0px 16px 28px -17px; transform: rotateY(-28deg) rotate(22deg); margin: 0px; transition: transform 0.65s;}
.fewr-reference .capability-gallery > .capability-panel:has(:focus-visible){outline: rgb(0, 127, 200) solid 3px; outline-offset: 4px;}
@media (hover: hover) and (pointer: fine) {.fewr-reference .capability-panel:hover .capability-object{transform: translate(-10px, -9px) rotate(-4deg);}
.fewr-reference .capability-panel:hover .plane-back{translate: 33px -35px;}
.fewr-reference .capability-panel:hover .inline-link span{translate: 5px;}}
body.edu-dark .fewr-reference .capability-stage{background: linear-gradient(140deg, rgb(25, 42, 62), rgb(21, 28, 50));}
body.edu-dark .fewr-reference .capability-gallery > .capability-panel{background: linear-gradient(135deg, rgb(32, 52, 77), rgb(22, 36, 58)); border-color: rgb(65, 94, 120); color: rgb(232, 238, 247);}
body.edu-dark .fewr-reference .capability-panel .capability-copy :is(h3, .eyebrow, .inline-link){color: rgb(255, 255, 255);}
body.edu-dark .fewr-reference .capability-number{color: rgb(215, 242, 255); opacity: 0.13;}
body.edu-dark .fewr-reference .capability-gallery > .capability-panel:nth-child(4n+1),body.edu-dark .fewr-reference .capability-gallery > .capability-panel:nth-child(4n){background: linear-gradient(120deg, rgb(18, 50, 110), rgb(7, 82, 120));}
@media (min-width: 1001px) {.fewr-reference .services-grid.designer-card-grid{display: block; margin-top: 34px; counter-reset: service-row 0;}
.fewr-reference .services-grid > .designer-card{counter-increment: service-row 1; display: grid; grid-template-columns: 42px 75px minmax(180px, 1fr) minmax(240px, 1.3fr) 115px; align-items: center; gap: 26px; min-height: 155px; padding: 25px 10px; border-width: 1px 0px 0px; border-style: solid none none; border-color: rgb(168, 196, 217) currentcolor currentcolor; border-image: none; border-radius: 0px; background: transparent; box-shadow: none; translate: none;}
.fewr-reference .services-grid > .designer-card:last-child{border-bottom: 1px solid rgb(168, 196, 217);}
.fewr-reference .services-grid > .designer-card::before{content: counter(service-row, decimal-leading-zero); font-size: 13px; font-weight: 600; color: var(--muted);}
.fewr-reference .services-grid > .designer-card > .icon-service{margin: 0px; width: 65px; height: 65px; padding: 14px;}
.fewr-reference .services-grid > .designer-card h3{font-size: 23px; line-height: 1.35; margin: 0px;}
.fewr-reference .services-grid > .designer-card p{font-size: 15px; margin: 0px;}
.fewr-reference .services-grid > .designer-card > .inline-link{margin: 0px; font-size: 13px; gap: 8px; white-space: nowrap;}
.fewr-reference .services-grid > .designer-card:hover{background: linear-gradient(90deg, rgba(0, 127, 200, 0.035), transparent);}}
@media (max-width: 1000px) {.fewr-reference .capability-gallery > .capability-panel,.fewr-reference .capability-gallery > .capability-panel:nth-child(n){grid-column: span 6; padding: 24px; min-height: 280px;}
.fewr-reference .capability-panel .capability-copy{max-width: 82%;}
.fewr-reference .capability-object{right: -65px; top: 44%; opacity: 0.65;}
.fewr-reference .capability-panel .capability-copy h3{font-size: 24px;}
.fewr-reference .capability-panel .capability-copy > p:not(.eyebrow){max-width: 28ch;}}
@media (max-width: 650px) {.fewr-reference .capability-gallery.designer-card-grid{grid-template-columns: 1fr; gap: 16px;}
.fewr-reference .capability-gallery > .capability-panel,.fewr-reference .capability-gallery > .capability-panel:nth-child(n){grid-column: 1; padding: 24px 22px; min-height: 265px;}
.fewr-reference .capability-panel .capability-copy{max-width: 80%;}
.fewr-reference .capability-panel .capability-copy h3{font-size: 24px; max-width: 16ch;}
.fewr-reference .capability-object{right: -85px; top: 35%; opacity: 0.6;}
.fewr-reference .capability-number{font-size: 58px; right: 22px;}
.fewr-reference .capability-panel .capability-copy > p:not(.eyebrow){font-size: 14px; line-height: 1.75;}
.fewr-reference .capability-panel .capability-copy .inline-link{font-size: 13px;}
.fewr-reference .capability-gallery > .capability-panel .capability-object{transform: none;}}
.fewr-reference .section-top{position: relative;}
.fewr-reference .section-top::after{content: ""; position: absolute; bottom: -14px; left: 0px; height: 1px; width: 100%; background: linear-gradient(90deg, rgb(0, 127, 200), rgba(154, 203, 234, 0.333) 65%, transparent); transform-origin: left center;}
@media (prefers-reduced-motion: no-preference) {.fewr-reference .section-top.motion-arrived::after{animation: 0.9s ease 0.15s 1 normal both running section-rule;}
.fewr-reference .capability-panel.motion-arrived .capability-object{animation: 1s cubic-bezier(0.2, 0.7, 0.2, 1) 0.12s 1 normal both running object-arrival;}
.fewr-reference .glass-plane{transition: translate 0.65s;}
.fewr-reference .visual-art.glass-revealed .refraction-sheet{animation-duration: 1.4s;}}
@keyframes section-rule {0% { transform: scaleX(0); }100% { transform: scaleX(1); }}
@keyframes object-arrival {0% { opacity: 0; translate: 35px 20px; rotate: 8deg; }100% { opacity: 1; translate: 0px; rotate: 0deg; }}
@media (prefers-reduced-motion: reduce) {.fewr-reference .capability-object,.fewr-reference .glass-plane,.fewr-reference .capability-object :is(.icon-service, .designer-icon){transition: none !important; animation: auto ease 0s 1 normal none running none !important;}
.fewr-reference .theme-switching .theme-symbol{animation: auto ease 0s 1 normal none running none !important;}}
.fewr-reference [data-motion="paused"] .capability-object{animation: auto ease 0s 1 normal none running none !important; translate: none !important; rotate: none !important;}
.fewr-reference .about-wayfinding{display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-block: 22px; border-bottom: 1px solid rgba(169, 196, 214, 0.3);}
.fewr-reference .about-wayfinding .inline-link{font-size: 12px; min-height: 32px;}
.fewr-reference .about-wayfinding .inline-link span{font-size: 15px;}
.fewr-reference .about-intro{display: grid; grid-template-columns: 1fr 1fr; gap: 80px; padding-block: 80px; align-items: start;}
.fewr-reference .about-intro h2{font-size: clamp(33px, 3.5vw, 50px); line-height: 1.15; max-width: 13ch; margin-bottom: 22px;}
.fewr-reference .about-intro h3{font-size: 18px; font-weight: 600; line-height: 1.6; max-width: 34ch; color: var(--muted);}
.fewr-reference .about-intro > div > p:not(.eyebrow){font-size: 17px; line-height: 1.9; margin-bottom: 32px;}
.fewr-reference .about-intro .approach-graphic{margin-top: 36px;}
.fewr-reference .about-story{background: linear-gradient(120deg, rgb(237, 244, 249), rgb(246, 249, 252)); border-block: 1px solid rgba(168, 201, 223, 0.267);}
.fewr-reference .about-story-layout{display: grid; grid-template-columns: 1fr 1.45fr; gap: 90px; padding-block: 70px; align-items: start;}
.fewr-reference .about-story-heading{position: sticky; top: calc(var(--header-height,139px) + 45px);}
.fewr-reference .about-story-heading h2{font-size: clamp(32px, 3vw, 44px); line-height: 1.2; margin-bottom: 25px; max-width: 14ch;}
.fewr-reference .about-story-heading > p:not(.eyebrow){font-size: 16px; line-height: 1.9; max-width: 34ch; color: var(--muted);}
.fewr-reference .about-chapter{display: grid; grid-template-columns: 45px 1fr; gap: 25px; padding: 0px 0px 36px; border-bottom: 1px solid rgba(161, 190, 209, 0.48); margin-bottom: 36px; position: relative;}
.fewr-reference .about-chapter:last-child{padding-bottom: 0px; margin-bottom: 0px; border: 0px;}
.fewr-reference .about-chapter::after{content: ""; height: 3px; width: 45px; position: absolute; bottom: -2px; left: 0px; background: rgb(0, 127, 200); transform-origin: left center;}
.fewr-reference .about-chapter:last-child::after{display: none;}
.fewr-reference .about-chapter-number{font-size: 14px; font-weight: 600; color: var(--mid); padding-top: 14px;}
.fewr-reference .about-chapter .icon-service{width: 58px; height: 58px; padding: 13px; border-radius: 13px; background: linear-gradient(140deg, rgb(232, 246, 255), rgb(210, 232, 247)); border: 1px solid rgb(180, 211, 232); color: rgb(18, 50, 110); margin-bottom: 19px;}
.fewr-reference .about-chapter h3{font-size: 27px; line-height: 1.3; max-width: 23ch; margin-bottom: 17px;}
.fewr-reference .about-chapter p{font-size: 15px; line-height: 1.9; margin-bottom: 20px;}
.fewr-reference .about-chapter .about-subhead{font-size: 17px; font-weight: 600; line-height: 1.6;}
.fewr-reference .about-chapter .inline-link{font-size: 13px; min-height: 30px;}
.fewr-reference .about-relationships{display: grid; grid-template-columns: 1.1fr 1fr; gap: 45px; padding-block: 70px; align-items: center;}
.fewr-reference .about-relationships article{padding: 30px 0px; position: relative;}
.fewr-reference .about-relationships article:first-child{padding: 44px; border-radius: 13px; background: linear-gradient(135deg, rgb(21, 28, 50), rgb(18, 50, 110) 65%, rgb(7, 85, 128)); color: rgb(255, 255, 255); overflow: hidden; border: 1px solid rgb(102, 141, 178);}
.fewr-reference .about-relationships article:first-child::after{content: ""; position: absolute; right: -100px; bottom: -100px; width: 280px; height: 280px; border: 1px solid rgba(158, 220, 250, 0.267); rotate: 35deg; box-shadow: rgba(139, 208, 255, 0.03) 0px 0px 0px 30px, rgba(139, 208, 255, 0.02) 0px 0px 0px 60px; pointer-events: none;}
.fewr-reference .about-relationships h2{font-size: 32px; line-height: 1.25; max-width: 23ch; margin: 20px 0px;}
.fewr-reference .about-relationships p{font-size: 15px; line-height: 1.9;}
.fewr-reference .about-relationships .about-subhead{font-size: 18px; line-height: 1.6; font-weight: 600;}
.fewr-reference .about-relationships .icon-service{width: 40px; height: 40px; margin-bottom: 0px;}
.fewr-reference .about-relationships article:first-child :is(h2, .eyebrow){color: rgb(255, 255, 255);}
.fewr-reference .about-relationships article:first-child > p:not(.eyebrow){color: rgb(218, 232, 247);}
.fewr-reference .about-relationships article:first-child .icon-service{color: rgb(180, 226, 255);}
body.edu-dark .fewr-reference .about-story{background: linear-gradient(120deg, rgb(25, 42, 62), rgb(21, 28, 50));}
body.edu-dark .fewr-reference .about-chapter .icon-service{color: rgb(18, 50, 110);}
@media (max-width: 1000px) {.fewr-reference .about-intro{gap: 40px; padding-block: 50px;}
.fewr-reference .about-story-layout{gap: 40px;}
.fewr-reference .about-story-heading{position: static;}
.fewr-reference .about-relationships{gap: 30px;}
.fewr-reference .about-relationships article:first-child{padding: 30px;}
.fewr-reference .about-wayfinding{flex-wrap: wrap; gap: 8px 25px;}}
@media (max-width: 650px) {.fewr-reference .about-intro,.fewr-reference .about-story-layout,.fewr-reference .about-relationships{grid-template-columns: 1fr; gap: 30px; padding-block: 42px;}
.fewr-reference .about-intro h2,.fewr-reference .about-story-heading h2{max-width: 18ch; font-size: 32px;}
.fewr-reference .about-intro h3{font-size: 17px;}
.fewr-reference .about-intro > div > p:not(.eyebrow){font-size: 16px;}
.fewr-reference .about-story-heading > p:not(.eyebrow){max-width: none;}
.fewr-reference .about-chapter{grid-template-columns: 26px 1fr; gap: 14px;}
.fewr-reference .about-chapter h3{font-size: 25px;}
.fewr-reference .about-relationships article{padding: 0px;}
.fewr-reference .about-relationships h2{font-size: 28px;}
.fewr-reference .about-wayfinding{display: grid; grid-template-columns: 1fr 1fr; gap: 5px 18px; padding-block: 15px;}
.fewr-reference .about-wayfinding .inline-link{font-size: 10px; gap: 8px;}
.fewr-reference .about-relationships article:first-child{padding: 28px;}}
@media (prefers-reduced-motion: no-preference) {.fewr-reference .about-chapter.motion-arrived::after{animation: 0.8s ease 0.1s 1 normal both running section-rule;}}
body.edu-dark .fewr-reference .about-chapter .icon-service{color: rgb(18, 50, 110); background: linear-gradient(140deg, rgb(232, 246, 255), rgb(210, 232, 247)) !important; padding: 13px !important; border-radius: 13px !important;}
body.edu-dark .fewr-reference .capability-object .icon-service{color: rgb(18, 50, 110); background: linear-gradient(140deg, rgb(245, 252, 255), rgb(174, 216, 239)) !important; padding: 23px !important; border-radius: 23px !important;}
.fewr-reference .capability-gallery.designer-card-grid{grid-template-columns: repeat(12, minmax(0px, 1fr)) !important;}
.fewr-reference.theme-switching{overflow-anchor: none; scroll-behavior: auto;}
@media (max-width: 1000px) {.fewr-reference .capability-object{scale: 0.8; transform-origin: right center;}}
@media (max-width: 650px) {.fewr-reference .capability-gallery.designer-card-grid{grid-template-columns: 1fr !important;}
.fewr-reference .capability-object{scale: 0.7; right: -70px; top: 24%;}}
.fewr-reference .capability-gallery > .capability-panel{display: flex; grid-row: auto; grid-template-rows: none;}
.fewr-reference .capability-panel .capability-copy{flex: 1 1 0%; height: auto; width: 100%;}
.fewr-reference .capability-panel .capability-copy .inline-link{align-self: flex-start;}
@media (min-width: 1001px) {.fewr-reference .services-grid > .designer-card{grid-row: auto; grid-template-rows: none;}}
.fewr-reference .about-wayfinding{position: sticky; top: var(--header-height,139px); z-index: 20; background: var(--paper,#fff); padding-block: 10px; box-shadow: rgba(18, 50, 110, 0.5) 0px 8px 18px -18px;}
.fewr-reference .about-wayfinding .inline-link{position: relative; min-height: 44px; font-size: 13px; padding-block: 9px; transition: color 0.2s;}
.fewr-reference .about-wayfinding .inline-link::after{content: ""; position: absolute; bottom: 0px; left: 0px; right: 0px; height: 2px; background: currentcolor; transform: scaleX(0); transform-origin: left center; transition: transform 0.25s;}
.fewr-reference .about-wayfinding .inline-link[aria-current="location"]{color: var(--blue,#12326e); font-weight: 600;}
.fewr-reference .about-wayfinding .inline-link[aria-current="location"]::after{transform: scaleX(1);}
.fewr-reference .about-wayfinding .inline-link:focus-visible{outline: rgb(0, 127, 200) solid 2px; outline-offset: 3px;}
.fewr-reference:has(.about-wayfinding){scroll-padding-top: calc(var(--header-height,139px) + 65px);}
.fewr-reference #our-approach,.fewr-reference #technology-choices,.fewr-reference #relationships{scroll-margin-top: 24px;}
.fewr-reference .about-story-heading{top: calc(var(--header-height,139px) + 100px);}
body.edu-dark .fewr-reference .about-wayfinding{background: rgb(21, 28, 50); border-color: rgba(169, 196, 214, 0.3);}
body.edu-dark .fewr-reference .about-wayfinding .inline-link[aria-current="location"]{color: rgb(169, 221, 255);}
@media (max-width: 1000px) {.fewr-reference .about-wayfinding{justify-content: flex-start; gap: 10px 26px;}
.fewr-reference .about-story-heading{position: static;}}
@media (max-width: 650px) {.fewr-reference .about-wayfinding{display: flex; flex-wrap: nowrap; gap: 22px; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; padding-block: 5px;}
.fewr-reference .about-wayfinding .inline-link{flex: 0 0 auto; white-space: nowrap; font-size: 13px; gap: 13px;}
.fewr-reference .about-wayfinding .inline-link span{font-size: 16px;}}
@media (prefers-reduced-motion: reduce) {.fewr-reference .about-wayfinding .inline-link,.fewr-reference .about-wayfinding .inline-link::after{transition: none;}}
.fewr-reference [data-render-state="outside"].designer-hero-art,.fewr-reference [data-render-state="outside"].designer-hero-art > .surface-light,.fewr-reference [data-render-state="outside"] .partner-belt-track,.fewr-reference [data-render-state="outside"] .chapter-ribbon,.fewr-reference [data-page-hidden="true"] .designer-hero-art,.fewr-reference [data-page-hidden="true"] .designer-hero-art > .surface-light,.fewr-reference [data-page-hidden="true"] .partner-belt-track,.fewr-reference [data-page-hidden="true"] .chapter-ribbon{animation-play-state: paused !important; will-change: auto;}
.fewr-reference .capability-gallery.designer-card-grid{max-width: 1280px; margin-inline: auto; gap: 18px;}
.fewr-reference .capability-panel .capability-copy{max-width: 72%;}
@media (max-width: 1000px) {.fewr-reference .capability-panel .capability-copy{max-width: 82%;}
.fewr-reference .capability-object{scale: 0.68;}}
@media (max-width: 650px) {.fewr-reference .capability-panel .capability-copy{max-width: 85%;}
.fewr-reference .capability-object{scale: 0.6; right: -66px; top: 22%;}}
.fewr-reference .home-introduction{padding-block: 64px; align-items: start;}
.fewr-reference .home-introduction h2{font-size: clamp(30px, 3.2vw, 44px); line-height: 1.18; max-width: 15ch; letter-spacing: -0.035em;}
.fewr-reference .home-introduction > div:last-child{padding-top: 3px;}
.fewr-reference .home-introduction .approach-graphic{border-top: 0px; padding-top: 24px; margin-block: 26px;}
.fewr-reference .home-introduction .approach-graphic li{font-size: 12px;}
.fewr-reference .home-partners{padding-block: 58px 40px;}
.fewr-reference .home-partners .section-top{align-items: start; gap: 50px;}
.fewr-reference .home-partners h2{font-size: clamp(28px, 2.5vw, 36px); max-width: 25ch;}
.fewr-reference .home-partners .section-top > div:last-child p{font-size: 15px; line-height: 1.8;}
.fewr-reference .home-news{background: linear-gradient(155deg, rgb(237, 244, 249), rgb(247, 250, 252)); border-top: 1px solid rgba(180, 208, 227, 0.3);}
.fewr-reference .home-news > .designer-section{padding-block: 60px;}
.fewr-reference .home-news .section-top{align-items: end; margin-bottom: 30px; gap: 30px;}
.fewr-reference .home-news .section-top::after{display: none;}
.fewr-reference .home-news .section-top h2{font-size: clamp(30px, 3vw, 40px); max-width: 22ch; line-height: 1.16; margin: 14px 0px 18px;}
.fewr-reference .home-news .section-top > div > p:not(.eyebrow){max-width: 64ch; font-size: 15px; line-height: 1.8; margin: 0px;}
.fewr-reference .home-news .section-top > .inline-link{font-size: 13px; white-space: nowrap; margin-bottom: 3px; min-height: 44px;}
.fewr-reference .home-news .home-news-grid{display: grid; grid-template-columns: minmax(0px, 1.2fr) minmax(0px, 1fr); grid-template-rows: 1fr 1fr; gap: 20px; margin: 0px;}
.fewr-reference .home-news .home-news-card{padding: 0px; border: 1px solid rgb(183, 207, 223); border-radius: 12px; background: rgb(255, 255, 255); box-shadow: rgba(18, 50, 110, 0.565) 0px 10px 25px -25px; overflow: hidden; min-width: 0px; position: relative; isolation: isolate;}
.fewr-reference .home-news .home-news-card.home-news-featured{grid-row: span 2;}
.fewr-reference .home-news .news-card-link{display: grid; grid-template-columns: 155px minmax(0px, 1fr); height: 100%; color: inherit; min-width: 0px;}
.fewr-reference .home-news-featured .news-card-link{grid-template-columns: 1fr; grid-template-rows: auto 1fr;}
.fewr-reference .home-news .news-card-image{margin: 0px; width: 100%; min-width: 0px; overflow: hidden; align-self: stretch; background: rgb(223, 235, 244);}
.fewr-reference .home-news .news-card-image img{display: block; width: 100%; height: 100%; min-height: 100%; object-fit: cover; aspect-ratio: auto; border-radius: 0px; transition: scale 0.55s;}
.fewr-reference .home-news .home-news-featured .news-card-image{aspect-ratio: 2.25 / 1; max-height: 260px;}
.fewr-reference .home-news .home-news-featured .news-card-image img{object-position: center 52%;}
.fewr-reference .home-news .news-story-body{padding: 24px; display: flex; flex-direction: column; align-items: flex-start; min-width: 0px;}
.fewr-reference .home-news .home-news-featured .news-story-body{padding: 25px 28px;}
.fewr-reference .home-news .news-category{font-size: 10px; font-weight: 600; line-height: 1.5; letter-spacing: 0.12em; color: rgb(0, 79, 159); margin: 0px 0px 10px; padding: 0px;}
.fewr-reference .home-news .home-news-card h3{font-size: 22px; line-height: 1.28; letter-spacing: -0.025em; color: rgb(18, 50, 110); margin: 0px 0px 13px; padding: 0px; max-width: 25ch;}
.fewr-reference .home-news .home-news-featured h3{font-size: 29px; max-width: 24ch; line-height: 1.22;}
.fewr-reference .home-news .news-summary{font-size: 14px; line-height: 1.75; color: rgb(75, 87, 104); margin: 0px 0px 18px; padding: 0px;}
.fewr-reference .home-news .news-read{display: flex; align-items: center; justify-content: space-between; gap: 22px; width: 100%; font-size: 12px; font-weight: 600; color: rgb(0, 79, 159); border-top: 1px solid rgba(184, 210, 228, 0.36); padding-top: 12px; margin-top: auto; min-height: 32px;}
.fewr-reference .home-news .news-read > span{font-size: 20px; line-height: 1; transition: translate 0.25s;}
.fewr-reference .home-news .news-card-link:focus-visible{outline: rgb(0, 127, 200) solid 3px; outline-offset: -5px; border-radius: 12px;}
.fewr-reference:not([data-underline="true"]) .home-news .news-card-link:is(:hover, :focus-visible){text-decoration: none !important;}
.fewr-reference .home-news .news-card-link:is(:hover, :focus-visible) .news-read{text-decoration: underline; text-underline-offset: 4px;}
.fewr-reference:not([data-underline="true"]) #edu-why-main a:has(h2, h3, p):is(:hover, :focus-visible){text-decoration: none !important;}
.fewr-reference #edu-why-main a:has(h2, h3, p):is(:hover, :focus-visible) :is(.news-read, .ts-card-action, .editorial-action, .inline-link, .card-action){text-decoration: underline; text-underline-offset: 4px;}
@media (min-width: 1281px) and (max-width: 1450px) {.fewr-reference .masthead .brand img{width: 170px; min-width: 170px;}
.fewr-reference .masthead{gap: 12px;}
.fewr-reference #site-nav{gap: 8px;}
.fewr-reference .nav-item > summary{font-size: 12px; gap: 6px;}
.fewr-reference .header-actions{gap: 6px;}
.fewr-reference .header-actions .nav-contact{padding-inline: 12px;}}
.fewr-reference .editorial-opening{padding-block: 48px 36px; max-width: 1400px;}
.fewr-reference .editorial-opening h1{max-width: 21ch; margin-block: 18px; font-size: clamp(34px, 4vw, 56px); line-height: 1.12;}
.fewr-reference .editorial-opening .page-intro{max-width: 750px;}
.fewr-reference .editorial-selection{padding-block: 40px 50px;}
.fewr-reference .editorial-grid{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 22px;}
.fewr-reference .editorial-card{display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: 28px; border: 1px solid var(--line); border-radius: 10px; background: linear-gradient(140deg,var(--paper),var(--mist)); box-shadow: rgba(255, 255, 255, 0.44) 0px 1px inset, rgba(18, 50, 110, 0.333) 0px 12px 28px -23px; color: var(--ink);}
.fewr-reference .editorial-card h3{font-size: 25px; line-height: 1.25; margin: 0px; max-width: 28ch;}
.fewr-reference .editorial-card > p{margin: 0px; max-width: 60ch;}
.fewr-reference .editorial-card .eyebrow{font-size: 11px; color: var(--muted);}
.fewr-reference .editorial-action{display: flex; justify-content: space-between; gap: 20px; width: 100%; padding-top: 18px; margin-top: auto; color: var(--mid); font-size: 13px; font-weight: 600;}
.fewr-reference:not([data-underline="true"]) .editorial-card:is(:hover, :focus-visible){text-decoration: none !important;}
.fewr-reference .editorial-card:is(:hover, :focus-visible) .editorial-action{text-decoration: underline; text-underline-offset: 4px;}
.fewr-reference .editorial-card:focus-visible{outline: rgb(0, 127, 200) solid 3px; outline-offset: 3px;}
.fewr-reference .editorial-band{background: var(--mist); border-block: 1px solid var(--line);}
.fewr-reference .editorial-programme{padding-block: 0px 34px;}
.fewr-reference .editorial-programme-note{border-left: 3px solid rgb(0, 127, 200); padding: 20px 25px; background: var(--mist);}
.fewr-reference .editorial-programme-note h2{font-size: 24px; margin-bottom: 10px;}
.fewr-reference .editorial-programme-note p{max-width: 75ch; margin-bottom: 16px;}
.fewr-reference .editorial-crosslink{padding-block: 28px 45px; border-top: 1px solid var(--line);}
.fewr-reference .editorial-crosslink h2{font-size: 28px; margin-bottom: 14px;}
.fewr-reference .editorial-crosslink p{margin-bottom: 18px; max-width: 70ch;}
.fewr-reference .perspective-layout{display: grid; grid-template-columns: 230px minmax(0px, 760px); gap: 65px; padding-block: 5px 65px;}
.fewr-reference .perspective-layout > aside{border-top: 1px solid var(--line); padding-top: 20px;}
.fewr-reference .perspective-layout > aside .inline-link{font-size: 13px; margin-top: 18px;}
.fewr-reference .perspective-layout .reading-body section + section{margin-top: 36px;}
.fewr-reference .perspective-layout .reading-body h2{font-size: 28px; line-height: 1.25; margin-bottom: 18px;}
.fewr-reference .perspective-layout .reading-body p{font-size: 17px; line-height: 1.8; margin-bottom: 18px;}
.fewr-reference .perspective-closing{border-top: 1px solid var(--line); padding-top: 28px;}
body.edu-dark .fewr-reference .editorial-action{color: rgb(168, 212, 240);}
.fewr-reference .sector-directory{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 18px; padding-block: 5px 50px;}
.fewr-reference .sector-directory > article{padding: 24px 26px; background: linear-gradient(145deg,var(--paper),var(--mist)); border: 1px solid var(--line); border-radius: 9px; box-shadow: rgba(255, 255, 255, 0.396) 0px 1px inset, rgba(18, 50, 110, 0.4) 0px 10px 24px -22px;}
.fewr-reference .sector-directory h2{font-size: 22px; line-height: 1.3; margin: 0px 0px 15px; max-width: 26ch;}
.fewr-reference .sector-directory ul{padding: 0px; margin: 0px; list-style: none;}
.fewr-reference .sector-directory li{font-size: 15px; line-height: 1.55; margin: 5px 0px; color: var(--muted);}
@media (max-width: 950px) {.fewr-reference .sector-directory{grid-template-columns: repeat(2, minmax(0px, 1fr));}
.fewr-reference .perspective-layout{grid-template-columns: 180px minmax(0px, 1fr); gap: 32px;}}
@media (max-width: 650px) {.fewr-reference .editorial-grid,.fewr-reference .sector-directory,.fewr-reference .perspective-layout{grid-template-columns: 1fr;}
.fewr-reference .editorial-opening{padding-block: 30px 20px;}
.fewr-reference .editorial-selection{padding-block: 28px 35px;}
.fewr-reference .editorial-card{padding: 23px;}
.fewr-reference .editorial-card h3{font-size: 24px;}
.fewr-reference .perspective-layout{gap: 24px;}
.fewr-reference .perspective-layout .reading-body p{font-size: 16px;}
.fewr-reference .perspective-layout .reading-body h2{font-size: 25px;}
.fewr-reference .sector-directory{gap: 12px;}
.fewr-reference .sector-directory > article{padding: 21px 23px;}}
@media (hover: hover) and (pointer: fine) {.fewr-reference .home-news-card:hover .news-read > span{translate: 4px;}
.fewr-reference .home-news-card:hover{box-shadow: rgba(18, 50, 110, 0.5) 0px 16px 30px -23px; border-color: rgb(92, 158, 197);}}
body.edu-dark .fewr-reference .home-news{background: linear-gradient(155deg, rgb(25, 42, 62), rgb(21, 28, 50));}
body.edu-dark .fewr-reference .home-news .home-news-card{background: rgb(28, 44, 67); border-color: rgb(65, 94, 120);}
body.edu-dark .fewr-reference .home-news .home-news-card h3{color: rgb(242, 247, 255);}
body.edu-dark .fewr-reference .home-news .news-category,body.edu-dark .fewr-reference .home-news .news-read{color: rgb(178, 223, 255);}
body.edu-dark .fewr-reference .home-news .news-summary{color: rgb(194, 208, 225);}
@media (max-width: 1100px) {.fewr-reference .home-news .news-card-link{grid-template-columns: 125px minmax(0px, 1fr);}
.fewr-reference .home-news .home-news-featured .news-card-link{grid-template-columns: 1fr;}
.fewr-reference .home-news .news-story-body{padding: 20px;}
.fewr-reference .home-news .home-news-card h3{font-size: 20px;}
.fewr-reference .home-news .home-news-featured h3{font-size: 27px;}
.fewr-reference .home-news .news-summary{font-size: 13px;}}
@media (max-width: 800px) {.fewr-reference .home-introduction{padding-block: 44px;}
.fewr-reference .home-introduction,.fewr-reference .home-partners .section-top{gap: 28px;}
.fewr-reference .home-news .home-news-grid{grid-template-columns: 1fr; grid-template-rows: auto; gap: 16px;}
.fewr-reference .home-news .home-news-card.home-news-featured{grid-row: auto;}
.fewr-reference .home-news .home-news-featured .news-card-image{max-height: 300px; aspect-ratio: 2 / 1;}
.fewr-reference .home-news .news-card-link{grid-template-columns: 145px minmax(0px, 1fr);}
.fewr-reference .home-news .news-summary{font-size: 14px;}
.fewr-reference .home-news .section-top{align-items: start;}
.fewr-reference .home-news .home-news-featured .news-story-body{padding: 24px;}}
@media (max-width: 550px) {.fewr-reference .home-introduction{padding-block: 38px;}
.fewr-reference .home-introduction .approach-graphic{padding-top: 20px; margin-block: 22px;}
.fewr-reference .home-partners{padding-block: 38px 28px;}
.fewr-reference .home-news > .designer-section{padding-block: 38px;}
.fewr-reference .home-news .section-top{display: block; margin-bottom: 22px;}
.fewr-reference .home-news .section-top h2{font-size: 30px;}
.fewr-reference .home-news .section-top > .inline-link{margin-top: 14px;}
.fewr-reference .home-news .news-card-link{grid-template-columns: 100px minmax(0px, 1fr);}
.fewr-reference .home-news .home-news-featured .news-card-link{grid-template-columns: 1fr;}
.fewr-reference .home-news .news-story-body{padding: 18px 16px;}
.fewr-reference .home-news .home-news-featured .news-story-body{padding: 22px;}
.fewr-reference .home-news .home-news-card h3{font-size: 19px; margin-bottom: 10px;}
.fewr-reference .home-news .home-news-featured h3{font-size: 25px;}
.fewr-reference .home-news .news-summary{font-size: 13px; line-height: 1.7;}
.fewr-reference .home-news .news-category{font-size: 9px; letter-spacing: 0.08em;}
.fewr-reference .home-news .news-read{font-size: 12px;}
.fewr-reference .home-news .home-news-featured .news-card-image{aspect-ratio: 1.8 / 1;}}
@media (prefers-reduced-motion: reduce) {.fewr-reference .home-news .news-card-image img,.fewr-reference .home-news .news-read > span{transition: none !important; scale: none !important; translate: none !important;}}
.fewr-reference .glass-icon.icon-service{display: block; object-fit: contain; width: 76px; height: 76px; min-width: 0px; flex-shrink: 0; filter: drop-shadow(rgba(18, 50, 110, 0.15) 0px 8px 6px); margin-bottom: 18px; padding: 0px !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; box-shadow: none !important; transform: none !important;}
body.edu-dark .fewr-reference .glass-icon.icon-service{filter: drop-shadow(rgba(88, 164, 216, 0.2) 0px 5px 8px); background: transparent !important; padding: 0px !important; border: 0px !important;}
.fewr-reference .capability-object .glass-plane{display: none;}
.fewr-reference .capability-object .glass-icon.icon-service{width: 190px; height: 190px; left: 0px; top: 0px; margin: 0px; filter: drop-shadow(rgba(7, 27, 65, 0.314) 0px 15px 10px);}
body.edu-dark .fewr-reference .capability-object .glass-icon.icon-service{background: transparent !important; padding: 0px !important; border-radius: 0px !important;}
.fewr-reference .designer-shortcuts .glass-icon.icon-service{width: 50px; height: 50px; margin: 0px; filter: drop-shadow(rgba(0, 0, 0, 0.267) 0px 4px 4px);}
.fewr-reference .designer-shortcuts a,.fewr-reference .designer-shortcuts a:first-child{gap: 12px;}
.fewr-reference .designer-shortcuts .glass-icon ~ .shortcut-copy{position: relative; z-index: 1;}
.fewr-reference .about-chapter .glass-icon.icon-service{width: 76px; height: 76px; margin-bottom: 16px;}
body.edu-dark .fewr-reference .about-chapter .glass-icon.icon-service{padding: 0px !important; border-radius: 0px !important; background: transparent !important;}
.fewr-reference .about-relationships .glass-icon.icon-service{width: 78px; height: 78px;}
.fewr-reference .approach-graphic .glass-icon.icon-service{width: 58px; height: 58px; margin: 0px auto 10px;}
.fewr-reference .designer-benefits .glass-icon.icon-service{width: 80px; height: 80px;}
.fewr-reference .services-grid > .designer-card > .glass-icon.icon-service{width: 78px; height: 78px; margin: 0px;}
.fewr-reference .lab-feature-icon .glass-icon.icon-service{width: 86px; height: 86px; margin: 0px;}
@media (max-width: 1200px) {.fewr-reference .designer-shortcuts .glass-icon.icon-service{width: 40px; height: 40px;}}
@media (max-width: 650px) {.fewr-reference .glass-icon.icon-service{width: 66px; height: 66px;}
.fewr-reference .designer-shortcuts .glass-icon.icon-service{width: 36px; height: 36px;}
.fewr-reference .capability-object .glass-icon.icon-service{width: 180px; height: 180px;}
.fewr-reference .approach-graphic .glass-icon.icon-service{width: 48px; height: 48px;}
.fewr-reference .services-grid > .designer-card > .glass-icon.icon-service{margin-bottom: 16px;}}
.fewr-reference :is(.designer-card:not(.capability-panel), .sector-card, .service-card, .guide-card, .archive-card, .office-directory > article, .review-steps > div, .review-request, .lab-result){background: linear-gradient(140deg, rgb(255, 255, 255), rgb(244, 250, 255) 58%, rgb(233, 243, 251)); border: 1px solid rgb(184, 209, 226); border-radius: 12px; box-shadow: rgb(255, 255, 255) 1px 1px inset, rgba(18, 50, 110, 0.55) 0px 14px 26px -24px, rgba(18, 50, 110, 0.208) 0px 3px 7px -5px; position: relative;}
body.edu-dark .fewr-reference :is(.designer-card:not(.capability-panel), .sector-card, .service-card, .guide-card, .archive-card, .office-directory > article, .review-steps > div, .review-request, .lab-result){background: linear-gradient(140deg, rgb(36, 60, 86), rgb(27, 45, 67) 55%, rgb(23, 38, 59)); border-color: rgb(77, 112, 139); box-shadow: rgba(159, 214, 255, 0.086) 1px 1px inset, rgba(0, 0, 0, 0.6) 0px 18px 30px -24px, rgba(0, 0, 0, 0.4) 0px 3px 8px -5px;}
.fewr-reference .customer-quotes > .customer-quote{padding: 25px 23px; background: linear-gradient(145deg, rgb(255, 255, 255), rgb(240, 247, 252)); border: 1px solid rgba(189, 212, 227, 0.314); border-radius: 12px; box-shadow: rgb(255, 255, 255) 1px 1px inset, rgba(18, 50, 110, 0.52) 0px 12px 25px -24px;}
body.edu-dark .fewr-reference .customer-quotes > .customer-quote{background: linear-gradient(145deg, rgb(36, 55, 76), rgb(27, 42, 64)); border-color: rgba(141, 183, 213, 0.17); box-shadow: rgba(197, 234, 255, 0.07) 1px 1px inset, rgba(0, 0, 0, 0.6) 0px 12px 24px -22px;}
.fewr-reference .designer-surface:not(.capability-stage){background: linear-gradient(135deg, rgb(240, 246, 250), rgb(229, 239, 247) 58%, rgb(247, 250, 252)); box-shadow: rgb(255, 255, 255) 0px 1px inset, rgba(163, 194, 214, 0.19) 0px -1px inset;}
body.edu-dark .fewr-reference .designer-surface:not(.capability-stage){background: linear-gradient(135deg, rgb(32, 53, 74), rgb(24, 42, 62) 58%, rgb(24, 37, 58)); box-shadow: rgba(138, 201, 239, 0.086) 0px 1px inset, rgba(138, 201, 239, 0.075) 0px -1px inset;}
.fewr-reference .service-image,.fewr-reference .guide-visual,.fewr-reference .context-photo,.fewr-reference .journal-photo{border: 1px solid rgba(155, 195, 220, 0.4); box-shadow: rgba(255, 255, 255, 0.6) 0px 1px inset, rgba(18, 50, 110, 0.667) 0px 22px 34px -28px; isolation: isolate;}
.fewr-reference .solid-button,.fewr-reference .nav-contact,.fewr-reference .lab-button{background-image: linear-gradient(155deg, rgba(255, 255, 255, 0.07), transparent 55%, rgba(0, 0, 0, 0.07)); box-shadow: rgba(255, 255, 255, 0.208) 0px 1px inset, rgba(18, 50, 110, 0.667) 0px 5px 10px -7px; border-bottom-color: rgb(7, 25, 54);}
.fewr-reference .outline-button{background-image: linear-gradient(145deg, rgba(255, 255, 255, 0.533), rgba(255, 255, 255, 0.133)); box-shadow: rgb(255, 255, 255) 0px 1px inset, rgba(18, 50, 110, 0.44) 0px 4px 9px -7px;}
body.edu-dark .fewr-reference .outline-button{background-image: linear-gradient(145deg, rgba(168, 213, 245, 0.1), rgba(139, 191, 228, 0.02)); box-shadow: rgba(188, 232, 255, 0.17) 0px 1px inset, rgba(0, 0, 0, 0.533) 0px 4px 9px -7px;}
.fewr-reference .site-footer.footer-unified,body.edu-dark .fewr-reference .site-footer.footer-unified{background-image: radial-gradient(at 12% 0%, rgba(30, 72, 123, 0.4), transparent 65%), linear-gradient(160deg, rgb(23, 36, 64), rgb(17, 25, 44)); border-top: 1px solid rgba(158, 216, 255, 0.267); box-shadow: rgba(189, 231, 255, 0.086) 0px 1px inset;}
.fewr-reference .approach-graphic li:not(:last-child)::after{top: 29px;}
.fewr-reference .approach-graphic li:not(:last-child)::before{top: 26px;}
@media (max-width: 650px) {.fewr-reference .approach-graphic li:not(:last-child)::after{top: 24px;}
.fewr-reference .approach-graphic li:not(:last-child)::before{top: 21px;}}
@media (hover: hover) and (pointer: fine) {.fewr-reference :is(.sector-card, .service-card, .guide-card, .archive-card):hover{box-shadow: rgb(255, 255, 255) 1px 1px inset, rgba(18, 50, 110, 0.6) 0px 20px 35px -25px; translate: 0px -3px;}
.fewr-reference .glass-icon{transition: translate 0.35s;}
.fewr-reference .designer-card:hover > .glass-icon,.fewr-reference .sector-card:hover .glass-icon{translate: 0px -3px;}}
@media (prefers-reduced-motion: reduce) {.fewr-reference .glass-icon{transition: none !important; translate: none !important;}
.fewr-reference :is(.sector-card, .service-card, .guide-card, .archive-card):hover{translate: none;}}
@media print {.fewr-reference .glass-icon{filter: none !important;}
.fewr-reference :is(.designer-card, .sector-card, .service-card, .guide-card, .archive-card, .customer-quote){box-shadow: none !important;}}
.fewr-reference .glass-symbol.icon-service{display: inline-flex; align-items: center; justify-content: center; position: relative; isolation: isolate; flex: 0 0 auto; width: 60px; height: 60px; margin-bottom: 16px; color: rgb(18, 50, 110); box-shadow: rgb(255, 255, 255) 1px 1px inset, rgba(86, 132, 170, 0.145) -2px -2px 3px inset, rgb(164, 201, 222) 3px 5px 0px -1px, rgba(18, 50, 110, 0.5) 0px 10px 15px -11px; transform: none; filter: none; padding: 12px !important; border: 1px solid rgb(168, 205, 228) !important; border-radius: 12px !important; background: linear-gradient(145deg, rgba(255, 255, 255, 0.93), rgba(217, 238, 251, 0.85) 58%, rgba(170, 212, 235, 0.86)) !important;}
.fewr-reference .glass-symbol::before{content: ""; position: absolute; inset: 3px; border: 1px solid rgba(255, 255, 255, 0.65); border-radius: 9px; pointer-events: none; z-index: -1;}
.fewr-reference .glass-symbol .glass-glyph{display: block; width: 100%; height: 100%; overflow: visible; filter: drop-shadow(rgba(255, 255, 255, 0.6) 0px 1px 0px); flex: 0 0 auto;}
.fewr-reference .glass-symbol .icon-accent{stroke: rgb(0, 127, 200);}
body.edu-dark .fewr-reference .glass-symbol.icon-service{color: rgb(18, 50, 110); box-shadow: rgb(241, 251, 255) 1px 1px inset, rgb(81, 134, 170) 2px 4px 0px -1px, rgba(0, 0, 0, 0.6) 0px 9px 15px -10px; background: linear-gradient(145deg, rgb(223, 244, 255), rgb(186, 220, 240) 60%, rgb(130, 187, 223)) !important; border-color: rgb(154, 211, 244) !important; padding: 12px !important; border-radius: 12px !important;}
.fewr-reference .designer-shortcuts .glass-symbol.icon-service{width: 38px; height: 38px; margin: 0px; box-shadow: rgb(255, 255, 255) 1px 1px inset, rgb(116, 163, 194) 2px 3px 0px -1px, rgba(0, 0, 0, 0.533) 0px 5px 8px -6px; padding: 7px !important; border-radius: 8px !important;}
.fewr-reference .designer-shortcuts .glass-symbol::before{inset: 2px; border-radius: 5px;}
.fewr-reference .approach-graphic .glass-symbol.icon-service{width: 46px; height: 46px; margin: 0px auto; padding: 9px !important; border-radius: 10px !important;}
.fewr-reference .approach-graphic li:not(:last-child)::after{top: 23px;}
.fewr-reference .approach-graphic li:not(:last-child)::before{top: 20px;}
.fewr-reference .about-chapter .glass-symbol.icon-service,.fewr-reference .services-grid > .designer-card > .glass-symbol.icon-service{width: 56px; height: 56px; padding: 11px !important;}
body.edu-dark .fewr-reference .about-chapter .glass-symbol.icon-service{background: linear-gradient(145deg, rgb(223, 244, 255), rgb(186, 220, 240) 60%, rgb(130, 187, 223)) !important; padding: 11px !important;}
.fewr-reference .about-relationships .glass-symbol.icon-service{width: 58px; height: 58px;}
.fewr-reference .lab-feature-icon .glass-symbol.icon-service{width: 55px; height: 55px; margin: 0px;}
.fewr-reference .capability-gallery.designer-card-grid{max-width: 1400px; gap: 16px; align-items: stretch; margin-top: 26px; padding-bottom: 6px; grid-template-columns: repeat(4, minmax(0px, 1fr)) !important;}
.fewr-reference .capability-gallery.designer-card-grid:has(> .capability-panel:nth-child(5)){grid-template-columns: repeat(3, minmax(0px, 1fr)) !important;}
.fewr-reference .capability-gallery > .capability-panel,.fewr-reference .capability-gallery > .capability-panel:nth-child(n){grid-column: auto; min-height: 260px; padding: 22px 20px; border-radius: 11px; display: flex; min-width: 0px;}
.fewr-reference .capability-panel .capability-copy{max-width: 100%; width: 100%; min-width: 0px;}
.fewr-reference .capability-heading{display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; min-height: 40px;}
.fewr-reference .capability-panel .capability-heading > .eyebrow{margin: 0px; font-size: 10px; letter-spacing: 0.12em;}
.fewr-reference .capability-heading .glass-symbol.icon-service{width: 39px; height: 39px; margin: 0px; box-shadow: rgb(255, 255, 255) 1px 1px inset, rgb(126, 175, 206) 2px 3px 0px -1px, rgb(7, 27, 65) 0px 7px 11px -9px; padding: 7px !important; border-radius: 9px !important;}
.fewr-reference .capability-heading .glass-symbol::before{inset: 2px; border-radius: 6px;}
.fewr-reference .capability-panel .capability-copy h3{font-size: 22px; line-height: 1.25; max-width: none; margin: 0px 0px 13px; letter-spacing: -0.025em;}
.fewr-reference .capability-panel .capability-copy > p:not(.eyebrow){font-size: 14px; line-height: 1.7; max-width: none; margin: 0px 0px 18px;}
.fewr-reference .capability-panel .capability-copy .inline-link{min-height: 38px; font-size: 12px; padding-top: 12px; gap: 10px; width: 100%; justify-content: space-between;}
.fewr-reference .capability-number{top: auto; bottom: 16px; right: 18px; font-size: 46px; opacity: 0.035; pointer-events: none;}
.fewr-reference .capability-gallery > .capability-panel:nth-child(4n+1) .capability-number,.fewr-reference .capability-gallery > .capability-panel:nth-child(4n) .capability-number{opacity: 0.055;}
.fewr-reference .capability-gallery:focus-visible{outline: rgb(0, 127, 200) solid 2px; outline-offset: 6px; border-radius: 11px;}
@media (min-width: 1101px) and (max-width: 1350px) {.fewr-reference .capability-gallery > .capability-panel:nth-child(n){padding: 20px 18px;}
.fewr-reference .capability-panel .capability-copy h3{font-size: 20px;}
.fewr-reference .capability-panel .capability-copy > p:not(.eyebrow){font-size: 13px;}
.fewr-reference .capability-panel .capability-copy .inline-link{font-size: 11px;}}
@media (max-width: 1100px) {.fewr-reference .capability-gallery.designer-card-grid,.fewr-reference .capability-gallery.designer-card-grid:has(> .capability-panel:nth-child(5)){grid-auto-flow: column; grid-auto-columns: min(290px, 80vw); gap: 14px; overflow: auto hidden; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: rgb(121, 167, 199) rgb(220, 233, 242); padding: 2px 2px 14px; overscroll-behavior-x: contain; grid-template-columns: none !important;}
.fewr-reference .capability-gallery > .capability-panel,.fewr-reference .capability-gallery > .capability-panel:nth-child(n){grid-column: auto; min-height: 260px; padding: 22px; scroll-snap-align: start;}
.fewr-reference .capability-panel .capability-copy h3{font-size: 22px;}
.fewr-reference .capability-panel .capability-copy{max-width: 100%;}
.fewr-reference .capability-panel .capability-copy .inline-link{font-size: 12px;}
.fewr-reference .designer-shortcuts .glass-symbol.icon-service{width: 34px; height: 34px; padding: 6px !important;}}
@media (prefers-reduced-motion: reduce) {.fewr-reference .glass-symbol{transition: none !important; transform: none !important;}}
.fewr-reference .capability-gallery.designer-card-grid:has(> .capability-panel:nth-child(5)),.fewr-reference .services-grid.designer-card-grid{display: grid; grid-auto-flow: column; grid-auto-columns: calc(25% - 12px); gap: 16px; overflow: auto hidden; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: rgb(121, 167, 199) rgb(220, 233, 242); padding: 2px 2px 14px; overscroll-behavior-x: contain; grid-template-columns: none !important;}
.fewr-reference .services-grid > .designer-card{display: flex; flex-direction: column; align-items: flex-start; gap: 0px; grid-row: auto; grid-template-columns: none; grid-template-rows: none; min-height: 260px; padding: 22px 20px; border: 1px solid rgb(184, 209, 226); border-radius: 11px; scroll-snap-align: start;}
.fewr-reference .services-grid > .designer-card::before{display: none;}
.fewr-reference .services-grid > .designer-card > .glass-symbol.icon-service{width: 40px; height: 40px; margin: 0px 0px 18px; padding: 8px !important;}
.fewr-reference .services-grid > .designer-card h3{font-size: 22px; line-height: 1.25; margin: 0px 0px 13px;}
.fewr-reference .services-grid > .designer-card p{font-size: 14px; line-height: 1.7; margin: 0px 0px 18px;}
.fewr-reference .services-grid > .designer-card > .inline-link{margin-top: auto; font-size: 12px; gap: 10px; min-height: 38px; width: 100%; justify-content: space-between; border-top: 1px solid rgba(140, 174, 196, 0.3); padding-top: 12px;}
.fewr-reference .services-grid.designer-card-grid:focus-visible{outline: rgb(0, 127, 200) solid 2px; outline-offset: 6px; border-radius: 11px;}
.fewr-reference .capability-gallery > .capability-panel{scroll-snap-align: start;}
@media (min-width: 1101px) and (max-width: 1350px) {.fewr-reference .services-grid > .designer-card{padding: 20px 18px;}
.fewr-reference .services-grid > .designer-card h3{font-size: 20px;}
.fewr-reference .services-grid > .designer-card p{font-size: 13px;}}
@media (max-width: 1100px) {.fewr-reference .capability-gallery.designer-card-grid:has(> .capability-panel:nth-child(5)),.fewr-reference .services-grid.designer-card-grid{grid-auto-columns: min(290px, 80vw); gap: 14px;}
.fewr-reference .services-grid > .designer-card{padding: 22px;}}
.fewr-reference .archive-grid{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 20px;}
.fewr-reference .archive-grid > .archive-card{padding: 18px; margin: 0px; min-width: 0px; overflow: hidden;}
.fewr-reference .archive-grid > .archive-card h3{font-size: 20px; line-height: 1.35; margin: 14px 0px 12px;}
.fewr-reference .archive-grid > .archive-card p{font-size: 14px; line-height: 1.7; margin-bottom: 14px;}
.fewr-reference .archive-grid > .archive-card img{width: 100%; max-height: 155px; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 7px;}
.fewr-reference .archive-grid > .archive-card .arrow{font-size: 12px;}
@media (max-width: 1100px) {.fewr-reference .archive-grid{grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 16px;}}
@media (max-width: 800px) {.fewr-reference .archive-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}}
@media (max-width: 550px) {.fewr-reference .archive-grid{grid-template-columns: 1fr;}
.fewr-reference .archive-grid > .archive-card{padding: 20px;}
.fewr-reference .archive-grid > .archive-card img{max-height: 180px;}}
.fewr-reference .capability-heading{width: 100%; min-height: 36px; margin-bottom: 12px;}
.fewr-reference .capability-gallery > .capability-panel,.fewr-reference .capability-gallery > .capability-panel:nth-child(n),.fewr-reference .services-grid > .designer-card{padding: 18px; min-height: 245px;}
.fewr-reference .capability-panel .capability-copy h3,.fewr-reference .services-grid > .designer-card h3{font-size: 20px; margin-bottom: 10px;}
.fewr-reference .capability-panel .capability-copy > p:not(.eyebrow),.fewr-reference .services-grid > .designer-card p{font-size: 14px; line-height: 1.6; margin-bottom: 14px;}
.fewr-reference .capability-panel .capability-copy .inline-link,.fewr-reference .services-grid > .designer-card > .inline-link{min-height: 36px;}
.fewr-reference .capability-heading .glass-symbol.icon-service{width: 36px; height: 36px;}
.fewr-reference .home-news .home-news-grid{grid-template-columns: repeat(3, minmax(0px, 1fr)); grid-template-rows: auto; gap: 18px;}
.fewr-reference .home-news .home-news-card.home-news-featured{grid-row: auto;}
.fewr-reference .home-news .news-card-link,.fewr-reference .home-news .home-news-featured .news-card-link{display: flex; flex-direction: column; height: 100%;}
.fewr-reference .home-news .news-card-image,.fewr-reference .home-news .home-news-featured .news-card-image{height: 160px; max-height: 160px; aspect-ratio: auto; flex: 0 0 auto;}
.fewr-reference .home-news .news-card-image img{object-position: center center;}
.fewr-reference .home-news .news-story-body,.fewr-reference .home-news .home-news-featured .news-story-body{padding: 20px; flex: 1 1 0%;}
.fewr-reference .home-news .home-news-card h3,.fewr-reference .home-news .home-news-featured h3{font-size: 21px; line-height: 1.3; max-width: none; margin-bottom: 12px;}
.fewr-reference .home-news .news-summary{font-size: 14px; line-height: 1.65;}
@media (max-width: 1100px) {.fewr-reference .home-news .home-news-grid{grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: min(290px, 80vw); overflow: auto hidden; scroll-snap-type: x mandatory; padding: 2px 2px 14px; scrollbar-width: thin; scrollbar-color: rgb(121, 167, 199) rgb(220, 233, 242);}
.fewr-reference .home-news .home-news-card{scroll-snap-align: start;}
.fewr-reference .home-news .home-news-card h3{font-size: 20px;}
.fewr-reference .home-news .news-story-body{padding: 18px;}}
.fewr-reference .capability-gallery > .capability-panel{border-color: rgb(140, 184, 213); box-shadow: rgba(255, 255, 255, 0.64) 1px 1px inset, rgba(67, 137, 179, 0.17) -1px -1px inset, rgba(18, 50, 110, 0.667) 0px 12px 22px -20px; transition: translate 0.3s, box-shadow 0.3s, border-color 0.3s;}
.fewr-reference .capability-panel::before{content: ""; position: absolute; width: 155px; height: 190px; right: -55px; bottom: -105px; rotate: 26deg; border: 1px solid rgba(120, 180, 215, 0.45); border-radius: 14px; background: linear-gradient(145deg, rgba(255, 255, 255, 0.533), rgba(196, 231, 252, 0.063) 52%, rgba(78, 155, 206, 0.23)); box-shadow: rgba(255, 255, 255, 0.533) 2px 1px inset, rgba(138, 199, 235, 0.075) 12px 0px 0px -1px; pointer-events: none; opacity: 0.35; z-index: 0; transition: translate 0.5s, opacity 0.5s;}
.fewr-reference .capability-gallery > .capability-panel:nth-child(4n+1),.fewr-reference .capability-gallery > .capability-panel:nth-child(4n){box-shadow: rgba(187, 223, 255, 0.28) 1px 1px inset, rgba(5, 35, 69, 0.44) -1px -1px inset, rgba(18, 50, 110, 0.8) 0px 12px 22px -20px;}
.fewr-reference .capability-gallery > .capability-panel:nth-child(4n+1)::before,.fewr-reference .capability-gallery > .capability-panel:nth-child(4n)::before{border-color: rgba(155, 222, 255, 0.36); opacity: 0.25;}
@media (hover: hover) and (pointer: fine) {.fewr-reference .capability-gallery > .capability-panel:hover{translate: 0px -3px; border-color: rgb(100, 164, 207); box-shadow: rgba(255, 255, 255, 0.7) 1px 1px inset, rgba(18, 50, 110, 0.667) 0px 18px 28px -22px;}
.fewr-reference .capability-panel:hover::before{translate: -8px -5px; opacity: 0.45;}
.fewr-reference .capability-panel:hover .glass-symbol{box-shadow: rgb(255, 255, 255) 1px 1px inset, rgb(117, 167, 199) 2px 4px 0px -1px, rgba(5, 36, 71, 0.5) 0px 9px 12px -9px;}}
@media (prefers-reduced-motion: reduce) {.fewr-reference .capability-gallery > .capability-panel,.fewr-reference .capability-panel::before{transition: none !important; translate: none !important;}}
.fewr-reference .designer-shortcuts .glass-symbol.icon-service{width: 29px; height: 29px; color: rgb(214, 239, 255); filter: drop-shadow(rgba(3, 25, 55, 0.333) 0px 2px 1px); padding: 0px !important; border: 0px !important; border-radius: 0px !important; background: none !important; box-shadow: none !important;}
.fewr-reference .designer-shortcuts .glass-symbol::before{display: none;}
.fewr-reference .designer-shortcuts .glass-glyph{stroke-width: 1.65; filter: none;}
.fewr-reference .designer-shortcuts .icon-accent{color: rgb(157, 220, 255);}
.fewr-reference .designer-shortcuts a:hover .glass-symbol{translate: 0px -2px;}
.fewr-reference .solution-stage{position: relative; display: grid; grid-template-columns: minmax(0px, 1.2fr) minmax(0px, 1fr); gap: 40px; align-items: center; padding: 40px var(--gutter); background: radial-gradient(at 90% 10%, rgb(33, 94, 153) 0px, transparent 65%), linear-gradient(120deg, rgb(16, 42, 91), rgb(20, 54, 109)); color: rgb(255, 255, 255); overflow: hidden; isolation: isolate;}
.fewr-reference .solution-stage .page-heading-band{background: none; border: 0px; box-shadow: none; position: relative; z-index: 1; overflow: visible;}
.fewr-reference .solution-stage .page-heading-band::before,.fewr-reference .solution-stage .page-heading-band::after{display: none;}
.fewr-reference .solution-stage .page-opening{width: 100%; padding: 0px; margin: 0px;}
.fewr-reference .solution-stage .page-opening h1{font-size: clamp(34px, 3.5vw, 62px); line-height: 1.13; max-width: 17ch; text-wrap: balance; color: rgb(255, 255, 255);}
.fewr-reference .solution-stage .page-intro{font-size: 16px; line-height: 1.8; max-width: 58ch; color: rgb(226, 237, 249);}
.fewr-reference .solution-stage .crumb{margin-bottom: 26px; color: rgb(204, 228, 248);}
.fewr-reference .solution-stage .service-image{position: relative; aspect-ratio: 1.45 / 1; margin: 0px; padding: 8px; border-radius: 16px; background: rgba(216, 241, 255, 0.08); border: 1px solid rgba(214, 239, 255, 0.3); box-shadow: rgba(255, 255, 255, 0.4) 1px 1px inset, rgba(0, 0, 0, 0.6) 0px 24px 48px -28px; rotate: -2deg;}
.fewr-reference .solution-stage .service-image img{border-radius: 10px; object-fit: cover;}
.fewr-reference .solution-brief.service-feature{display: grid; grid-template-columns: 1fr 1.15fr; gap: 10px 70px; padding-block: 48px;}
.fewr-reference .solution-brief > .eyebrow{grid-column: 1 / -1; margin: 0px; color: var(--mid); font-size: 11px; letter-spacing: 0.12em;}
.fewr-reference .solution-brief > h2{font-size: clamp(26px, 2.5vw, 38px); max-width: 22ch;}
.fewr-reference .solution-brief .service-feature-copy{padding: 0px;}
.fewr-reference .solution-brief .service-feature-copy p{font-size: 16px; margin-bottom: 18px;}
.fewr-reference .page-wayfinding{display: flex; gap: 12px 22px; align-items: center; padding-block: 17px; border-bottom: 1px solid var(--line,#c6d8e6); overflow-x: auto; scrollbar-width: thin; white-space: nowrap; font-size: 12px; line-height: 1.5;}
.fewr-reference .page-wayfinding > span{font-size: 9px; letter-spacing: 0.1em; font-weight: 600; color: var(--muted); flex: 0 0 auto;}
.fewr-reference .page-wayfinding > a{padding: 6px 0px; color: var(--mid); border-bottom: 2px solid transparent; transition: border-color 0.2s;}
.fewr-reference .page-wayfinding > a:hover,.fewr-reference .page-wayfinding > a[aria-current="location"]{border-color: rgb(0, 127, 200);}
.fewr-reference :is(.capability, .question, .sector-entry){border-radius: 10px; border: 1px solid rgba(180, 204, 222, 0.44); box-shadow: rgba(255, 255, 255, 0.6) 1px 1px inset, rgb(18, 50, 110) 0px 8px 18px -19px; transition: border-color 0.25s, box-shadow 0.25s;}
.fewr-reference :is(.capability, .question, .sector-entry)[open]{border-color: rgb(126, 172, 205); box-shadow: rgb(0, 127, 200) 3px 0px inset, rgba(18, 50, 110, 0.5) 0px 10px 20px -20px;}
.fewr-reference .question{padding-inline: 20px; margin-bottom: 10px;}
.fewr-reference .reading-sidebar{border: 1px solid rgb(190, 211, 228); border-radius: 12px; background: linear-gradient(145deg, rgb(255, 255, 255), rgb(233, 244, 251)); box-shadow: rgb(255, 255, 255) 1px 1px inset, rgba(18, 50, 110, 0.533) 0px 16px 30px -26px; padding: 24px;}
.fewr-reference .reading-sidebar > a{display: block; padding-block: 9px; border-bottom: 1px solid rgba(154, 189, 211, 0.29); font-size: 13px; line-height: 1.6;}
.fewr-reference .reading-body{max-width: 76ch;}
.fewr-reference .reading-body > .reading-section{padding-top: 12px; margin-bottom: 30px; border-top: 1px solid var(--line,#d6e2eb);}
.fewr-reference .reading-body h2{max-width: 25ch;}
.fewr-reference :is(.guide-checklist, .guide-example, .audience-start, .review-request, .contact-form){border-radius: 14px; border: 1px solid rgba(168, 197, 218, 0.5); box-shadow: rgba(255, 255, 255, 0.6) 1px 1px inset, rgba(18, 50, 110, 0.5) 0px 20px 35px -30px;}
.fewr-reference :is(.archive-card, .guide-card, .sector-card, .office-directory > article, .logo-grid > a){border-radius: 12px; border: 1px solid rgba(178, 204, 223, 0.5); box-shadow: rgba(255, 255, 255, 0.6) 1px 1px inset, rgba(18, 50, 110, 0.667) 0px 12px 24px -25px; overflow: hidden;}
.fewr-reference .archive-grid > .archive-card{background: linear-gradient(140deg, rgb(255, 255, 255), rgb(237, 246, 252));}
.fewr-reference .archive-grid > .archive-card img{transition: scale 0.5s;}
.fewr-reference .archive-grid > .archive-card:hover img{scale: 1.035;}
.fewr-reference .logo-grid{gap: 16px;}
.fewr-reference .logo-grid > a{min-height: 110px; padding: 18px; background: linear-gradient(140deg, rgb(255, 255, 255), rgb(241, 247, 251));}
.fewr-reference .sector-directory-intro{max-width: 750px;}
.fewr-reference .sector-entry summary{padding: 23px;}
.fewr-reference .sector-entry-content{padding-inline: 23px;}
.fewr-reference .designer-benefits > article{position: relative; border-right: 1px solid rgba(141, 181, 212, 0.24);}
.fewr-reference .designer-benefits > article:last-child{border-right: 0px;}
.fewr-reference .designer-cta{position: relative; isolation: isolate; overflow: hidden; background: radial-gradient(at 95% 0px, rgba(36, 119, 167, 0.314), transparent 60%), linear-gradient(115deg, rgb(16, 38, 83), rgb(21, 57, 111)) !important;}
.fewr-reference .designer-cta::after{content: ""; position: absolute; z-index: -1; width: 260px; height: 320px; right: 9%; bottom: -210px; rotate: 32deg; border-radius: 25px; border: 1px solid rgba(166, 221, 255, 0.27); background: linear-gradient(130deg, rgba(188, 230, 255, 0.086), rgba(131, 206, 255, 0.016)); box-shadow: rgba(197, 234, 255, 0.14) 2px 1px inset, rgba(140, 207, 255, 0.03) 25px 0px; pointer-events: none;}
.fewr-reference .approach-graphic li{--step: 0;}
.fewr-reference .approach-graphic li:nth-child(2){--step: 1;}
.fewr-reference .approach-graphic li:nth-child(3){--step: 2;}
.fewr-reference .approach-graphic li:nth-child(4){--step: 3;}
@keyframes approach-lift {0%, 24%, 100% { translate: 0px; box-shadow: rgb(255, 255, 255) 1px 1px inset, rgb(164, 201, 222) 2px 3px 0px -1px, rgba(18, 50, 110, 0.5) 0px 8px 13px -11px; }5%, 17% { translate: 0px -5px; box-shadow: rgb(255, 255, 255) 1px 1px inset, rgb(145, 190, 217) 2px 5px 0px -1px, rgba(0, 127, 200, 0.082) 0px 0px 0px 5px, rgba(18, 50, 110, 0.5) 0px 12px 17px -10px; }}
@keyframes approach-rail {0%, 22%, 100% { opacity: 0.25; scale: 1; }6%, 18% { opacity: 1; scale: 1 2; }}
.fewr-reference .approach-graphic[data-in-view="true"] .glass-symbol{animation-duration: 8s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: approach-lift; animation-timeline: auto; animation-range: normal; animation-delay: calc(var(--step) * 2s);}
.fewr-reference .approach-graphic[data-in-view="true"] li::after{animation-duration: 8s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: approach-rail; animation-timeline: auto; animation-range: normal; animation-delay: calc(var(--step) * 2s);}
.fewr-reference .approach-graphic:hover .glass-symbol{animation-play-state: paused;}
.fewr-reference .customer-heading{display: flex; align-items: end; justify-content: space-between; margin-bottom: 26px;}
.fewr-reference .customer-heading h2{font-size: clamp(28px, 3vw, 42px); max-width: 20ch;}
.fewr-reference .customer-quotes{display: grid; grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: calc(33.3333% - 13.3333px); gap: 20px; overflow: auto hidden; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; scrollbar-width: none; padding: 5px 3px 20px;}
.fewr-reference .customer-quotes::-webkit-scrollbar{display: none;}
.fewr-reference .customer-quotes > .customer-quote{position: relative; isolation: isolate; scroll-snap-align: start; padding: 26px; min-height: 285px; border: 1px solid rgb(156, 190, 215); border-radius: 14px; box-shadow: rgb(255, 255, 255) 1px 1px inset, rgba(18, 50, 110, 0.5) 0px 16px 25px -24px; background: radial-gradient(at 100% 0px, rgba(194, 229, 251, 0.376), transparent 65%), linear-gradient(135deg, rgb(255, 255, 255), rgb(234, 244, 251)); overflow: hidden;}
.fewr-reference .customer-quotes > .customer-quote:nth-child(2n+1){background: radial-gradient(at 100% 0px, rgba(48, 111, 157, 0.333), transparent 70%), linear-gradient(135deg, rgb(18, 45, 95), rgb(21, 57, 106)); color: rgb(255, 255, 255); border-color: rgb(77, 125, 164); box-shadow: rgba(206, 234, 255, 0.25) 1px 1px inset, rgba(18, 50, 110, 0.5) 0px 16px 25px -24px;}
.fewr-reference .testimonial-mark{position: absolute; right: 18px; top: 14px; font-size: 110px; line-height: 1; color: rgba(131, 182, 209, 0.133); pointer-events: none; z-index: -1;}
.fewr-reference .customer-quote .customer-company{font-size: 15px; line-height: 1.4; letter-spacing: -0.01em; margin: 0px 0px 22px; font-weight: 600;}
.fewr-reference .customer-quote blockquote{font-size: 15px; line-height: 1.8; margin: 0px 0px 24px; color: var(--ink);}
.fewr-reference .customer-quote figcaption{border-left: 0px; border-top: 1px solid rgba(141, 180, 212, 0.29); padding: 14px 0px 0px; width: 100%; font-size: 11px;}
.fewr-reference .customer-quote:nth-child(2n+1) :is(.customer-company, blockquote, figcaption strong){color: rgb(255, 255, 255);}
.fewr-reference .customer-quote:nth-child(2n+1) figcaption{color: rgb(212, 231, 247);}
.fewr-reference .testimonial-controls{display: flex; gap: 10px; align-items: center; margin-top: 5px;}
.fewr-reference .testimonial-controls[hidden]{display: none;}
.fewr-reference .testimonial-controls button{display: inline-flex; justify-content: center; align-items: center; min-width: 42px; height: 42px; border: 1px solid rgb(156, 191, 216); background: linear-gradient(145deg, rgb(255, 255, 255), rgb(220, 238, 251)); border-radius: 9px; color: rgb(18, 50, 110); box-shadow: rgb(255, 255, 255) 1px 1px inset, rgba(18, 50, 110, 0.5) 0px 4px 8px -6px; font-size: 18px;}
.fewr-reference .testimonial-controls [data-testimonial="pause"]{font-size: 11px; padding-inline: 15px;}
.fewr-reference .testimonial-controls button:hover{background: rgb(206, 233, 250);}
.fewr-reference .testimonial-status{margin: 0px; font-size: 12px; min-width: 40px; font-variant-numeric: tabular-nums;}
.fewr-reference .testimonial-progress{height: 2px; background: rgb(175, 204, 224); flex: 1 1 0%; margin-right: 20px; max-width: 220px; overflow: hidden;}
.fewr-reference .testimonial-progress > span{display: block; width: 25%; height: 100%; background: rgb(0, 127, 200); transition: width 0.4s;}
body.edu-dark .fewr-reference :is(.reading-sidebar, .archive-grid > .archive-card, .logo-grid > a){background: linear-gradient(140deg, rgb(33, 53, 76), rgb(23, 40, 60)); border-color: rgba(83, 127, 163, 0.36); box-shadow: rgba(210, 234, 255, 0.12) 1px 1px inset, rgba(0, 0, 0, 0.667) 0px 12px 24px -24px;}
body.edu-dark .fewr-reference .page-wayfinding > a,body.edu-dark .fewr-reference .solution-brief > .eyebrow{color: rgb(173, 223, 255);}
body.edu-dark .fewr-reference .customer-quotes > .customer-quote:nth-child(2n){background: linear-gradient(140deg, rgb(42, 65, 89), rgb(28, 48, 72));}
.fewr-reference [data-page-hidden="true"] .approach-graphic *,.fewr-reference [data-motion="paused"] .approach-graphic *{animation-play-state: paused !important;}
@media (min-width: 1800px) {.fewr-reference .solution-stage{padding-inline: max(var(--gutter),calc((100vw - 1720px)/2)); gap: 80px;}
.fewr-reference .solution-stage .page-opening h1{font-size: 62px;}}
@media (max-width: 900px) {.fewr-reference .solution-stage{gap: 25px; padding-block: 32px;}
.fewr-reference .solution-stage .page-opening h1{font-size: 35px;}
.fewr-reference .solution-stage .page-intro{font-size: 14px;}
.fewr-reference .solution-brief.service-feature{gap: 15px 30px;}
.fewr-reference .customer-quotes{grid-auto-columns: calc(50% - 10px);}}
@media (max-width: 650px) {.fewr-reference .solution-stage{grid-template-columns: 1fr; padding-block: 28px 32px; gap: 24px;}
.fewr-reference .solution-stage .page-opening h1{font-size: 36px; max-width: 20ch;}
.fewr-reference .solution-stage .page-intro{font-size: 15px;}
.fewr-reference .solution-stage .service-image{max-height: 220px; aspect-ratio: 1.7 / 1;}
.fewr-reference .solution-stage .service-image img{object-fit: contain;}
.fewr-reference .solution-brief.service-feature{grid-template-columns: 1fr; padding-block: 32px; gap: 14px;}
.fewr-reference .solution-brief > .eyebrow{grid-column: auto;}
.fewr-reference .solution-brief > h2{max-width: 27ch; font-size: 28px;}
.fewr-reference .page-wayfinding{gap: 18px; font-size: 11px;}
.fewr-reference .page-wayfinding > span{display: none;}
.fewr-reference .customer-quotes{grid-auto-columns: 86%; gap: 14px;}
.fewr-reference .customer-quotes > .customer-quote{padding: 23px; min-height: 290px;}
.fewr-reference .customer-heading h2{font-size: 29px;}
.fewr-reference .reading-sidebar{padding: 20px;}
.fewr-reference .designer-benefits > article{border-right: 0px;}
.fewr-reference .testimonial-progress{margin-right: 8px;}
.fewr-reference .question{padding-inline: 15px;}}
@media (prefers-reduced-motion: reduce) {.fewr-reference .approach-graphic *{animation: auto ease 0s 1 normal none running none !important;}
.fewr-reference .testimonial-progress > span,.fewr-reference .archive-grid > .archive-card img{transition: none !important;}
.fewr-reference .solution-stage .service-image{}}
@media print {.fewr-reference .page-wayfinding,.fewr-reference .testimonial-controls{display: none !important;}
.fewr-reference .customer-quotes{display: grid !important; grid-template-columns: 1fr 1fr !important; overflow: visible !important;}
.fewr-reference .solution-stage{background: rgb(255, 255, 255) !important; color: rgb(18, 50, 110) !important;}
.fewr-reference .solution-stage .page-opening h1,.fewr-reference .solution-stage .page-intro{color: rgb(18, 50, 110) !important;}}
.fewr-reference .solution-brief.service-feature{align-items: start;}
.fewr-reference [data-review] :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea){border-radius: 8px; box-shadow: rgba(22, 54, 90, 0.03) 0px 2px 5px inset; transition: border-color 0.2s, box-shadow 0.2s;}
.fewr-reference [data-review] :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea):focus{border-color: rgb(0, 127, 200); box-shadow: rgba(0, 127, 200, 0.07) 0px 0px 0px 3px; outline-offset: 3px;}
@media (min-width: 901px) {.fewr-reference .page-wayfinding{flex-wrap: wrap; overflow: visible; white-space: normal; gap: 8px 22px;}
.fewr-reference .page-wayfinding > a{font-size: 11px;}
.fewr-reference .page-wayfinding > span{padding-block: 8px;}}
.fewr-reference .archive-body .inline-link{margin-right: 28px; margin-top: 12px;}
.fewr-reference .content-body > .archive-body{margin-block: 30px; padding: 32px; border: 1px solid rgba(179, 205, 221, 0.5); border-radius: 14px; background: linear-gradient(135deg,var(--paper),var(--mist)); box-shadow: rgba(255, 255, 255, 0.5) 1px 1px inset, rgba(18, 50, 110, 0.5) 0px 18px 30px -30px; clip-path: none;}
.fewr-reference .archive-body > p{max-width: 76ch;}
@media (max-width: 650px) {.fewr-reference .content-body > .archive-body{padding: 24px;}
.fewr-reference .archive-body .inline-link{display: flex; margin-right: 0px; max-width: 100%;}}
.fewr-reference .customer-quotes.customer-quotes-all{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); grid-auto-flow: row; grid-auto-columns: auto; gap: 18px; overflow: visible; scroll-snap-type: none; padding: 4px 0px 12px;}
.fewr-reference .customer-quotes-all > .customer-quote{min-height: 320px; padding: 23px 20px; scroll-snap-align: none;}
.fewr-reference .customer-logo{display: flex; align-items: center; justify-content: center; width: 116px; height: 60px; padding: 9px 12px; margin-bottom: 16px; border: 1px solid rgb(195, 216, 230); border-radius: 9px; background: rgb(255, 255, 255); box-shadow: rgb(255, 255, 255) 1px 1px inset, rgba(16, 44, 95, 0.5) 0px 6px 14px -12px;}
.fewr-reference .customer-logo img{display: block; width: 100%; height: 100%; object-fit: contain; max-height: 44px; max-width: 100%;}
.fewr-reference .customer-name-badge{color: rgb(23, 52, 93); font-size: 20px; font-weight: 700; letter-spacing: 0.02em;}
.fewr-reference .customer-quotes-all .customer-company{margin-bottom: 16px; font-size: 14px;}
.fewr-reference .customer-quotes-all blockquote{font-size: 14px; line-height: 1.8;}
@media (max-width: 1000px) {.fewr-reference .customer-quotes.customer-quotes-all{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 18px;}
.fewr-reference .customer-quotes-all > .customer-quote{min-height: 280px;}}
@media (max-width: 550px) {.fewr-reference .customer-quotes.customer-quotes-all{grid-template-columns: 1fr; gap: 16px;}
.fewr-reference .customer-quotes-all > .customer-quote{min-height: 0px; padding: 24px;}
.fewr-reference .customer-quotes-all blockquote{font-size: 15px;}
.fewr-reference .customer-logo{margin-bottom: 16px;}}
.fewr-reference .approach-graphic{width: 100%; max-width: 640px; margin-inline: auto; align-items: start;}
.fewr-reference .approach-graphic .glass-symbol.icon-service{width: 64px; height: 64px; margin: 0px auto; padding: 13px !important; border-radius: 14px !important;}
.fewr-reference .approach-graphic li,.fewr-reference .home-introduction .approach-graphic li{gap: 16px; font-size: 14px; text-align: center;}
.fewr-reference .approach-graphic li:not(:last-child)::after{top: 32px; left: calc(50% + 42px); width: calc(100% - 84px);}
.fewr-reference .approach-graphic li:not(:last-child)::before{top: 29px; right: calc(-50% + 41px);}
.fewr-reference .home-introduction .approach-graphic{padding-top: 30px; margin-block: 30px;}
@media (max-width: 650px) {.fewr-reference .approach-graphic .glass-symbol.icon-service{width: 50px; height: 50px; padding: 10px !important; border-radius: 11px !important;}
.fewr-reference .approach-graphic li,.fewr-reference .home-introduction .approach-graphic li{gap: 13px; font-size: 12px;}
.fewr-reference .approach-graphic li:not(:last-child)::after{top: 25px; left: calc(50% + 31px); width: calc(100% - 62px);}
.fewr-reference .approach-graphic li:not(:last-child)::before{top: 22px; right: calc(-50% + 30px);}
.fewr-reference .home-introduction .approach-graphic{padding-top: 25px; margin-block: 26px;}}
.fewr-reference .customer-quotes-all > .customer-quote{transition: translate 0.28s, box-shadow 0.28s, border-color 0.28s; will-change: auto;}
@media (hover: hover) and (pointer: fine) {.fewr-reference .customer-quotes-all > .customer-quote:hover{translate: 0px -7px; border-color: rgb(112, 165, 204); box-shadow: rgba(255, 255, 255, 0.6) 1px 1px inset, rgba(18, 50, 110, 0.5) 0px 23px 35px -22px;}
.fewr-reference .customer-quotes-all > .customer-quote:nth-child(2n+1):hover{box-shadow: rgba(213, 239, 255, 0.44) 1px 1px inset, rgba(7, 27, 65, 0.7) 0px 23px 35px -22px;}}
@media (prefers-reduced-motion: reduce) {.fewr-reference .customer-quotes-all > .customer-quote{transition: none !important; translate: none !important;}}
.fewr-reference [data-motion="paused"] .customer-quotes-all > .customer-quote{translate: none !important;}
.fewr-reference .service-dedicated-stage{padding-block: 46px; gap: 70px;}
.fewr-reference .service-dedicated-stage .page-opening h1{max-width: 18ch;}
.fewr-reference .service-dedicated-stage .page-intro{margin-bottom: 24px;}
.fewr-reference .service-dedicated-stage .solid-button{margin-top: 4px; background: rgb(255, 255, 255); color: rgb(18, 50, 110); border: 1px solid rgb(215, 234, 250); box-shadow: rgb(255, 255, 255) 1px 1px inset, rgb(6, 22, 47) 0px 10px 24px -16px;}
.fewr-reference .service-blueprint{position: relative; width: 100%; max-width: 510px; justify-self: center; padding: 28px 32px; border-radius: 18px; border: 1px solid rgba(183, 223, 253, 0.37); background: linear-gradient(135deg, rgba(209, 237, 255, 0.086), rgba(209, 237, 255, 0.024)); box-shadow: rgba(239, 250, 255, 0.333) 1px 1px inset, rgba(2, 11, 36, 0.7) 0px 26px 45px -30px; rotate: -2deg;}
.fewr-reference .service-blueprint-heading{display: flex; align-items: center; gap: 20px; margin-bottom: 22px;}
.fewr-reference .service-blueprint-heading .glass-symbol{width: 48px; height: 48px; margin: 0px; padding: 9px !important;}
.fewr-reference .service-blueprint-heading .eyebrow{font-size: 10px; line-height: 1.7; letter-spacing: 0.1em; margin: 0px; max-width: 22ch; color: rgb(211, 234, 250);}
.fewr-reference .service-blueprint ol{list-style: none; padding: 0px; margin: 0px; display: grid; gap: 12px;}
.fewr-reference .service-blueprint li{display: grid; grid-template-columns: 14px 1fr; gap: 2px 12px; padding: 14px 18px; border-radius: 10px; background: linear-gradient(135deg, rgb(255, 255, 255), rgb(223, 238, 248)); border: 1px solid rgb(186, 212, 230); box-shadow: rgb(255, 255, 255) 1px 1px inset, rgb(6, 28, 59) 0px 8px 13px -12px; color: rgb(18, 50, 110); margin: 0px;}
.fewr-reference .service-blueprint-dot{width: 8px; height: 8px; border-radius: 50%; background: rgb(0, 127, 200); grid-row: 1 / 3; margin-top: 7px; box-shadow: rgba(0, 127, 200, 0.08) 0px 0px 0px 3px;}
.fewr-reference .service-blueprint li strong{font-size: 16px; line-height: 1.5;}
.fewr-reference .service-blueprint li > span:last-child{font-size: 12px; line-height: 1.7; color: rgb(70, 88, 108);}
.fewr-reference .service-blueprint-note{font-size: 11px; line-height: 1.7; color: rgb(209, 229, 245); margin: 20px 0px 0px;}
.fewr-reference .service-scope-grid{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 18px;}
.fewr-reference .service-scope-grid > article{position: relative; display: flex; flex-direction: column; align-items: start; padding: 24px 22px; border: 1px solid rgb(166, 196, 218); border-radius: 12px; background: linear-gradient(140deg,var(--paper),var(--mist)); box-shadow: rgba(255, 255, 255, 0.6) 1px 1px inset, rgba(18, 50, 110, 0.5) 0px 14px 22px -22px;}
.fewr-reference .service-scope-grid .glass-symbol{width: 42px; height: 42px; margin-bottom: 20px; padding: 8px !important;}
.fewr-reference .service-scope-grid h3{font-size: 21px; line-height: 1.3; margin-bottom: 14px;}
.fewr-reference .service-scope-grid p{font-size: 14px; line-height: 1.8; margin: 0px;}
.fewr-reference .service-delivery-boundary{display: grid; grid-template-columns: 1fr 1.3fr; gap: 60px; padding-block: 45px; border-bottom: 1px solid var(--line,#c5d8e6);}
.fewr-reference .service-delivery-boundary h2{font-size: 30px; max-width: 17ch;}
.fewr-reference .service-delivery-boundary p{margin: 0px; font-size: 15px; line-height: 1.9; color: var(--muted);}
.fewr-reference .service-dedicated-stage .page-opening .crumb{display: flex; flex-wrap: wrap; gap: 10px; font-size: 11px;}
@media (min-width: 1800px) {.fewr-reference .service-dedicated-stage{gap: 110px;}
.fewr-reference .service-blueprint{max-width: 560px;}}
@media (max-width: 1100px) {.fewr-reference .service-dedicated-stage{gap: 30px;}
.fewr-reference .service-blueprint{padding: 25px;}
.fewr-reference .service-scope-grid{grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: min(290px, 80vw); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: thin; padding: 3px 2px 15px;}
.fewr-reference .service-scope-grid > article{scroll-snap-align: start;}}
@media (max-width: 650px) {.fewr-reference .service-dedicated-stage{padding-block: 28px 36px; gap: 28px;}
.fewr-reference .service-blueprint{max-width: none; padding: 23px;}
.fewr-reference .service-blueprint-heading{gap: 16px; margin-bottom: 18px;}
.fewr-reference .service-blueprint li{padding: 12px 15px;}
.fewr-reference .service-delivery-boundary{grid-template-columns: 1fr; gap: 18px; padding-block: 32px;}
.fewr-reference .service-delivery-boundary h2{font-size: 28px; max-width: none;}
.fewr-reference .service-dedicated-stage .solid-button{font-size: 13px;}}
.fewr-reference .service-dedicated-stage .page-opening > .eyebrow{color: rgb(195, 231, 255);}
.fewr-reference .home-introduction{display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.4fr) minmax(0px, 1.1fr); gap: 32px; align-items: center; padding-block: 52px;}
.fewr-reference .home-introduction > div{min-width: 0px;}
.fewr-reference .home-introduction h2{font-size: clamp(28px, 2.5vw, 36px); line-height: 1.22; margin-bottom: 0px; max-width: 340px;}
.fewr-reference .home-introduction p:not(.eyebrow){font-size: 15px; line-height: 1.75; margin-bottom: 14px;}
.fewr-reference .home-introduction .inline-link{font-size: 14px; line-height: 1.5;}
.fewr-reference .home-introduction > .approach-graphic{padding: 0px; margin: 0px; width: 100%; max-width: none; align-self: center;}
.fewr-reference .home-introduction .approach-graphic li{font-size: 12px; gap: 14px;}
@media (min-width: 751px) and (max-width: 1150px) {.fewr-reference .home-introduction{grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.6fr); gap: 26px 36px;}
.fewr-reference .home-introduction > .approach-graphic{grid-column: 1 / -1; max-width: 500px; margin-inline: auto;}}
@media (max-width: 750px) {.fewr-reference .home-introduction{grid-template-columns: minmax(0px, 1fr); gap: 24px; padding-block: 38px;}
.fewr-reference .home-introduction h2{font-size: 30px; max-width: 360px;}
.fewr-reference .home-introduction p:not(.eyebrow){font-size: 15px;}
.fewr-reference .home-introduction > .approach-graphic{max-width: 500px; margin: 4px auto 0px;}
.fewr-reference .home-introduction .approach-graphic li{font-size: 12px;}}
.fewr-reference #technology-choices .about-story-layout{display: block; padding-block: 52px;}
.fewr-reference #technology-choices .about-story-heading{position: static; display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); column-gap: 48px; align-items: end; margin-bottom: 30px;}
.fewr-reference #technology-choices .about-story-heading > .eyebrow{grid-column: 1 / -1;}
.fewr-reference #technology-choices .about-story-heading h2{max-width: 20ch; font-size: clamp(30px, 3vw, 40px); margin: 0px;}
.fewr-reference #technology-choices .about-story-heading > p:not(.eyebrow){max-width: 54ch; margin: 0px; line-height: 1.75;}
.fewr-reference #technology-choices .about-chapters{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 22px; align-items: stretch;}
.fewr-reference #technology-choices .about-chapter{display: block; min-width: 0px; margin: 0px; padding: 28px; border: 1px solid rgba(170, 201, 222, 0.533); border-radius: 20px; background: linear-gradient(145deg, rgb(255, 255, 255), rgb(245, 250, 255) 55%, rgb(232, 242, 250)); box-shadow: rgb(255, 255, 255) 0px 1px inset, rgba(19, 52, 87, 0.04) 0px 8px 24px;}
.fewr-reference #technology-choices .about-chapter::after{display: none;}
.fewr-reference #technology-choices .about-chapter-number{position: absolute; top: 30px; right: 27px; padding: 0px; font-size: 12px;}
.fewr-reference #technology-choices .about-chapter > div{display: flex; flex-direction: column; height: 100%;}
.fewr-reference #technology-choices .about-chapter h3{font-size: 23px; line-height: 1.35; margin-bottom: 16px; max-width: none;}
.fewr-reference #technology-choices .about-chapter p{font-size: 14px; line-height: 1.8; margin-bottom: 18px;}
.fewr-reference #technology-choices .about-chapter .about-subhead{font-size: 15px; line-height: 1.6;}
.fewr-reference #technology-choices .about-chapter .inline-link{margin-top: auto; padding-top: 8px;}
body.edu-dark .fewr-reference #technology-choices .about-chapter{background: linear-gradient(145deg, rgb(37, 60, 83), rgb(27, 44, 67) 60%, rgb(23, 37, 57)); border-color: rgba(111, 153, 183, 0.3); box-shadow: rgba(162, 212, 255, 0.11) 0px 1px inset, rgba(0, 0, 0, 0.133) 0px 8px 24px;}
@media (max-width: 900px) {.fewr-reference #technology-choices .about-chapters{gap: 16px;}
.fewr-reference #technology-choices .about-chapter{padding: 22px;}
.fewr-reference #technology-choices .about-chapter h3{font-size: 21px;}}
@media (max-width: 700px) {.fewr-reference #technology-choices .about-story-layout{padding-block: 38px;}
.fewr-reference #technology-choices .about-story-heading{display: block; margin-bottom: 24px;}
.fewr-reference #technology-choices .about-story-heading h2{margin-bottom: 18px;}
.fewr-reference #technology-choices .about-chapters{grid-template-columns: minmax(0px, 1fr);}
.fewr-reference #technology-choices .about-chapter{padding: 26px;}
.fewr-reference #technology-choices .about-chapter h3{font-size: 24px;}}
body.edu-dark .fewr-reference{--link-accent: #a5d9ff;}
body.edu-dark .fewr-reference :is(.capability-number, .about-chapter-number, .project-number){display: none !important;}
body.edu-dark .fewr-reference .approach-graphic li:not(:last-child)::after{background: rgb(138, 207, 255);}
body.edu-dark .fewr-reference .approach-graphic li:not(:last-child)::before{border-color: rgb(138, 207, 255);}
body.edu-dark .fewr-reference .section-top::after{background: linear-gradient(90deg, rgb(138, 207, 255), rgba(138, 207, 255, 0.25) 65%, transparent);}
body.edu-dark .fewr-reference .icon-accent{color: inherit;}
.fewr-reference .home-updates-links{display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 12px 24px; align-items: center; padding-bottom: 4px; flex-shrink: 0;}
.fewr-reference .home-updates-links .inline-link{font-size: 14px; gap: 10px; min-height: 36px;}
@media (max-width: 1000px) {.fewr-reference .home-updates-links{justify-content: flex-start; padding: 0px; margin-top: 16px;}}
.fewr-reference .industry-list-section{padding-block: 36px 56px;}
.fewr-reference .industry-name-list{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 0px 36px; list-style: none; padding: 0px; margin: 0px;}
.fewr-reference .industry-name-list li{display: flex; align-items: center; min-width: 0px; border-bottom: 1px solid var(--line); min-height: 82px; padding-block: 18px; font-size: 16px; line-height: 1.6; font-weight: 500;}
.fewr-reference .industry-name-list .inline-link{font-size: inherit; line-height: inherit; width: 100%; gap: 16px;}
.fewr-reference .industry-list-related{margin-top: 28px;}
@media (max-width: 1000px) {.fewr-reference .industry-name-list{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 0px 28px;}}
@media (max-width: 600px) {.fewr-reference .industry-name-list{grid-template-columns: 1fr;}
.fewr-reference .industry-name-list li{min-height: 68px; font-size: 15px;}
.fewr-reference .industry-list-section{padding-block: 22px 38px;}}
.fewr-reference .ts-hub,.fewr-reference .ts-detail{--ts-edge: #b5d1e3; --ts-fill: linear-gradient(145deg,#fff,#f5faff 65%,#e6f2fb); --ts-shadow: inset 0 1px 0 #fff,0 12px 26px -22px #12326e80;}
.fewr-reference .ts-hub .crumb,.fewr-reference .ts-detail .crumb{font-size: 12px; line-height: 1.6; display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 24px; color: var(--muted);}
.fewr-reference .ts-hub .crumb a,.fewr-reference .ts-detail .crumb a{font-size: inherit; gap: 0px; min-height: 0px;}
.fewr-reference .ts-hub .crumb .icon-control,.fewr-reference .ts-detail .crumb .icon-control{display: none;}
.fewr-reference .ts-hub .eyebrow,.fewr-reference .ts-detail .eyebrow{font-size: 11px; letter-spacing: 0.12em; margin-bottom: 14px; color: var(--mid);}
.fewr-reference .ts-hub h1,.fewr-reference .ts-detail h1{font-size: clamp(36px, 4.4vw, 58px); line-height: 1.13; letter-spacing: -0.035em; max-width: 22ch; margin: 0px 0px 22px; color: var(--ink);}
.fewr-reference .ts-lead{font-size: 18px; line-height: 1.75; max-width: 66ch; margin: 0px 0px 26px; color: var(--muted);}
.fewr-reference .ts-hub-opening{padding-block: 34px 22px;}
.fewr-reference .ts-catalogue-section{padding-block: 16px 36px;}
.fewr-reference .ts-catalogue-section > h2,.fewr-reference .ts-scope-section h2{font-size: 24px; line-height: 1.3; margin: 0px 0px 24px;}
.fewr-reference .ts-catalogue-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 18px;}
.fewr-reference .ts-services .ts-catalogue-grid{grid-template-columns: repeat(4, minmax(0px, 1fr));}
.fewr-reference .ts-catalogue-card{display: flex; flex-direction: column; min-width: 0px; padding: 24px; border: 1px solid var(--ts-edge); border-radius: 16px; background: var(--ts-fill); box-shadow: var(--ts-shadow); transition: translate 0.2s, box-shadow 0.2s, border-color 0.2s; color: var(--ink);}
.fewr-reference .ts-catalogue-card > .glass-symbol{width: 48px; height: 48px; margin: 0px 0px 22px; padding: 10px !important; border-radius: 11px !important;}
.fewr-reference .ts-catalogue-card h3{font-size: 21px; line-height: 1.35; margin: 0px 0px 12px; letter-spacing: -0.02em;}
.fewr-reference .ts-catalogue-card > p{font-size: 14px; line-height: 1.75; margin: 0px 0px 24px; color: var(--muted);}
.fewr-reference .ts-card-action{display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: auto; font-size: 13px; font-weight: 600; color: var(--mid);}
.fewr-reference .ts-card-action .icon-control{width: 19px; height: 19px; flex: 0 0 auto;}
.fewr-reference .ts-catalogue-card:focus-visible{outline: rgb(0, 127, 200) solid 3px; outline-offset: 4px;}
@media (hover: hover) {.fewr-reference .ts-catalogue-card:hover{translate: 0px -4px; border-color: rgb(110, 172, 211); box-shadow: rgb(255, 255, 255) 0px 1px inset, rgba(18, 50, 110, 0.4) 0px 16px 30px -18px;}}
.fewr-reference .ts-hub-contact{display: flex; justify-content: space-between; gap: 36px; align-items: center; margin-block: 20px 56px; padding-block: 30px; border-top: 1px solid var(--line);}
.fewr-reference .ts-hub-contact h2{font-size: 26px; line-height: 1.3; margin: 0px 0px 12px;}
.fewr-reference .ts-hub-contact p{font-size: 15px; line-height: 1.8; max-width: 65ch; margin: 0px; color: var(--muted);}
.fewr-reference .ts-hub-contact > .solid-button{flex: 0 0 auto;}
.fewr-reference .ts-detail-hero{display: grid; grid-template-columns: minmax(0px, 1.2fr) minmax(0px, 1fr); gap: 54px; align-items: center; padding-block: 34px 46px;}
.fewr-reference .ts-detail-hero .solid-button{font-size: 14px; line-height: 1.5; gap: 24px; white-space: normal;}
.fewr-reference .ts-hero-image{margin: 0px; min-width: 0px; border-radius: 20px; overflow: hidden; background: var(--mist); border: 1px solid var(--ts-edge); box-shadow: rgba(18, 50, 110, 0.565) 0px 14px 32px -23px;}
.fewr-reference .ts-hero-image img{display: block; width: 100%; height: auto; aspect-ratio: 1.45 / 1; object-fit: cover;}
.fewr-reference .ts-services .ts-detail-hero{grid-template-columns: minmax(0px, 1fr) 210px; gap: 70px;}
.fewr-reference .ts-service-mark{align-self: stretch; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 24px; padding: 24px; border-left: 1px solid var(--line); text-align: center; font-size: 12px; color: var(--muted);}
.fewr-reference .ts-service-mark .glass-symbol{width: 96px; height: 96px; margin: 0px; padding: 22px !important; border-radius: 22px !important;}
.fewr-reference .ts-scope-section{padding-block: 32px 38px; background: var(--mist); border-block: 1px solid var(--line);}
.fewr-reference .ts-scope-grid{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 28px;}
.fewr-reference .ts-scope-grid article{min-width: 0px; scroll-margin-top: 40px;}
.fewr-reference .ts-scope-grid h3{font-size: 19px; line-height: 1.35; margin: 0px 0px 12px;}
.fewr-reference .ts-scope-grid p{font-size: 14px; line-height: 1.85; margin: 0px; color: var(--muted);}
.fewr-reference .ts-practical{display: grid; grid-template-columns: 1fr 1fr; gap: 70px; padding-block: 42px 34px;}
.fewr-reference .ts-practical h2{font-size: 24px; line-height: 1.35; margin: 0px 0px 18px;}
.fewr-reference .ts-practical p,.fewr-reference .ts-practical li{font-size: 15px; line-height: 1.85; color: var(--muted);}
.fewr-reference .ts-practical p{margin: 0px;}
.fewr-reference .ts-practical ul{margin: 0px; padding-left: 18px;}
.fewr-reference .ts-practical li{padding-left: 4px; margin-bottom: 7px;}
.fewr-reference .ts-note{font-size: 13px; line-height: 1.8; color: var(--muted); padding-block: 16px; border-top: 1px solid var(--line);}
.fewr-reference .ts-note p{margin: 0px; max-width: 100ch;}
.fewr-reference .ts-footer{display: grid; grid-template-columns: 1.25fr 1fr; gap: 40px; align-items: center; margin-block: 18px 50px; padding: 28px 32px; border: 1px solid var(--ts-edge); border-radius: 16px; background: var(--ts-fill); box-shadow: var(--ts-shadow);}
.fewr-reference .ts-footer h2{font-size: 24px; line-height: 1.35; margin: 0px 0px 18px;}
.fewr-reference .ts-footer .solid-button{font-size: 14px; min-height: 44px; padding: 10px 18px;}
.fewr-reference .ts-footer nav{display: flex; flex-direction: column; gap: 14px; align-items: flex-start; justify-self: end;}
.fewr-reference .ts-footer nav .inline-link{font-size: 13px; gap: 16px; line-height: 1.6;}
body.edu-dark .fewr-reference :is(.ts-hub, .ts-detail){--ts-edge: #54758d7a; --ts-fill: linear-gradient(145deg,#253d54,#1d3047 60%,#19283d); --ts-shadow: inset 0 1px 0 #d1edff16,0 12px 26px -22px #0009;}
body.edu-dark .fewr-reference .ts-catalogue-card:hover{box-shadow: rgba(209, 237, 255, 0.086) 0px 1px inset, rgba(0, 0, 0, 0.6) 0px 18px 32px -20px;}
@media (max-width: 1100px) {.fewr-reference .ts-services .ts-catalogue-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}
.fewr-reference .ts-catalogue-card{padding: 22px;}
.fewr-reference .ts-detail-hero{gap: 30px;}
.fewr-reference .ts-scope-grid{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 28px 36px;}
.fewr-reference .ts-practical{gap: 36px;}
.fewr-reference .ts-services .ts-detail-hero{gap: 30px;}}
@media (max-width: 800px) {.fewr-reference .ts-detail-hero{grid-template-columns: minmax(0px, 1fr); padding-bottom: 32px;}
.fewr-reference .ts-hero-image{max-width: 650px;}
.fewr-reference .ts-services .ts-detail-hero{grid-template-columns: minmax(0px, 1fr) 100px; gap: 24px;}
.fewr-reference .ts-service-mark{padding: 0px; border: 0px; align-self: center;}
.fewr-reference .ts-service-mark .glass-symbol{width: 70px; height: 70px; padding: 15px !important; border-radius: 16px !important;}
.fewr-reference .ts-service-mark > span:last-child{display: none;}
.fewr-reference .ts-hub-contact{align-items: flex-start; flex-direction: column; gap: 22px;}
.fewr-reference .ts-footer{gap: 28px; padding: 26px;}
.fewr-reference .ts-hub h1,.fewr-reference .ts-detail h1{font-size: 40px;}
.fewr-reference .ts-lead{font-size: 16px;}
.fewr-reference .ts-catalogue-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}}
@media (max-width: 600px) {.fewr-reference .ts-hub-opening,.fewr-reference .ts-detail-hero{padding-top: 24px;}
.fewr-reference .ts-hub h1,.fewr-reference .ts-detail h1{font-size: 34px;}
.fewr-reference .ts-hub .crumb,.fewr-reference .ts-detail .crumb{margin-bottom: 22px; font-size: 11px;}
.fewr-reference .ts-services .ts-detail-hero{display: block;}
.fewr-reference .ts-service-mark{display: none;}
.fewr-reference .ts-catalogue-grid,.fewr-reference .ts-services .ts-catalogue-grid{grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: min(280px, 80vw); overflow: auto hidden; padding: 4px 4px 18px; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: rgb(118, 168, 199) transparent;}
.fewr-reference .ts-catalogue-card{scroll-snap-align: start;}
.fewr-reference .ts-scope-grid{gap: 24px 20px;}
.fewr-reference .ts-scope-grid h3{font-size: 17px;}
.fewr-reference .ts-scope-grid p{font-size: 13px; line-height: 1.8;}
.fewr-reference .ts-practical{grid-template-columns: 1fr; gap: 28px; padding-block: 32px 24px;}
.fewr-reference .ts-practical h2,.fewr-reference .ts-footer h2{font-size: 22px;}
.fewr-reference .ts-footer{grid-template-columns: 1fr; padding: 24px; margin-bottom: 36px;}
.fewr-reference .ts-footer nav{justify-self: start;}
.fewr-reference .ts-note{font-size: 12px;}
.fewr-reference .ts-hero-image img{aspect-ratio: 1.7 / 1;}
.fewr-reference .ts-scope-section{padding-block: 28px;}}
@media (prefers-reduced-motion: reduce) {.fewr-reference .ts-catalogue-card{transition: none; translate: none !important;}}
.fewr-reference .industry-gallery{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 22px; padding-block: 30px 52px;}
.fewr-reference .industry-visual-card{min-width: 0px; border: 1px solid rgb(180, 205, 221); border-radius: 16px; overflow: hidden; background: linear-gradient(145deg, rgb(255, 255, 255), rgb(243, 249, 253)); box-shadow: rgb(255, 255, 255) 0px 1px inset, rgba(18, 50, 110, 0.5) 0px 10px 24px -21px;}
.fewr-reference .industry-visual-card figure{margin: 0px; overflow: hidden; background: var(--mist); border-bottom: 1px solid rgba(164, 191, 209, 0.333);}
.fewr-reference .industry-visual-card img{display: block; width: 100%; height: auto; aspect-ratio: 2.5 / 1; object-fit: cover; transition: scale 0.5s;}
.fewr-reference .industry-visual-card > div{padding: 22px 24px 26px;}
.fewr-reference .industry-visual-card h2{font-size: 20px; line-height: 1.35; letter-spacing: -0.015em; margin: 0px 0px 18px; max-width: 27ch;}
.fewr-reference .industry-visual-card ul{list-style: none; margin: 0px; padding: 0px; display: flex; flex-wrap: wrap; gap: 7px 9px;}
.fewr-reference .industry-visual-card li{font-size: 12px; line-height: 1.6; padding: 5px 9px; border-radius: 7px; border: 1px solid rgba(190, 211, 224, 0.5); background: rgba(255, 255, 255, 0.69); color: var(--ink);}
body.edu-dark .fewr-reference .industry-visual-card{background: linear-gradient(145deg, rgb(37, 60, 83), rgb(27, 43, 65)); border-color: rgba(118, 156, 182, 0.3); box-shadow: rgba(206, 234, 255, 0.07) 0px 1px inset, rgba(0, 0, 0, 0.6) 0px 12px 24px -21px;}
body.edu-dark .fewr-reference .industry-visual-card li{border-color: rgba(118, 156, 182, 0.25); background: rgba(14, 27, 43, 0.314);}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {.fewr-reference .industry-visual-card:hover img{scale: 1.035;}}
@media (max-width: 1000px) {.fewr-reference .industry-gallery{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 18px;}}
@media (max-width: 600px) {.fewr-reference .industry-gallery{grid-template-columns: 1fr; padding-block: 22px 38px; gap: 20px;}
.fewr-reference .industry-visual-card img{aspect-ratio: 2.8 / 1;}
.fewr-reference .industry-visual-card > div{padding: 20px;}
.fewr-reference .industry-visual-card h2{font-size: 21px;}
.fewr-reference .industry-visual-card li{font-size: 12px;}}
.fewr-reference .ts-services .ts-detail-hero.ts-has-image{grid-template-columns: minmax(0px, 1.4fr) minmax(0px, 0.8fr); gap: 48px;}
.fewr-reference .ts-services .ts-hero-image img{aspect-ratio: 1.35 / 1;}
@media (max-width: 800px) {.fewr-reference .ts-services .ts-detail-hero.ts-has-image{grid-template-columns: 1fr; gap: 26px;}
.fewr-reference .ts-services .ts-hero-image{max-width: 600px;}
.fewr-reference .ts-services .ts-hero-image img{aspect-ratio: 1.8 / 1;}}
.fewr-reference .site-header{--nav-hover-bg: #e4f0fa; --nav-hover-ink: #12326e; --nav-hover-edge: #007fc8;}
body.edu-dark .fewr-reference .site-header{--nav-hover-bg: #81c6f024; --nav-hover-ink: #e6f5ff; --nav-hover-edge: #8acfff;}
.fewr-reference #site-nav .nav-item > summary,.fewr-reference #site-nav .nav-panel-links a{position: relative; text-decoration: none !important;}
.fewr-reference #site-nav .nav-item > summary{isolation: isolate;}

.fewr-reference{font:400 17px/1.8 Poppins,Arial,sans-serif;color:var(--ink);background:var(--paper);isolation:isolate;width:100%;max-width:none}.fewr-reference *{box-sizing:border-box}.fewr-reference h1,.fewr-reference h2,.fewr-reference h3{font-family:Poppins,Arial,sans-serif}.fewr-reference img{max-width:100%}.fewr-reference [data-render-state],.fewr-reference .glass-chapter,.fewr-reference .is-in-view{opacity:1!important;visibility:visible!important}.fewr-reference .designer-hero-art,.fewr-reference .chapter-art{opacity:1!important}.fewr-reference .about-story-heading,.fewr-reference .about-chapter,.fewr-reference .philosophy-pillar{opacity:1!important;transform:none!important}body.fewr-reference-page .entry-content{margin:0!important;padding:0!important;width:100%!important;max-width:none!important}body.fewr-reference-page #main>.page-hero,body.fewr-reference-page .footer-cta{display:none!important} .fewr-reference .entry-content{margin:0}.fewr-reference h1{font-weight:800}.fewr-reference .edu-retained-copy{padding-top:0}.fewr-reference .edu-retained-copy p{max-width:72ch}

.fewr-reference{--blue:#12326e;--gutter:5.5vw;--header-height:117px;--heading:#12326e;--hero-ground:#e5eef6;--ink:#172b45;--lime:#9ac32b;--line:#a8bfd1;--max:1400px;--mid:#004c8c;--mist:#f2f6fa;--muted:#3f5269;--paper:#fff;--plain-link-hover:#007fc810;--section-ground:#e7eff6;--section-paper:#fff;--section-tint:#e5eef6;--sky:#007fc8;--surface:#fff;}body.edu-dark .fewr-reference{--heading:#fff;--hero-ground:#151c32;--ink:#e8f0fa;--line:#58728e;--mid:#b5dfff;--mist:#192a3e;--muted:#c0cedf;--paper:#151c32;--section-ground:#1a2e44;--section-paper:#151c32;--section-tint:#20364b;--surface:#1c3048;}
.fewr-reference .fewr-legal-copy{max-width:1050px;padding-top:54px;padding-bottom:64px}.fewr-reference .fewr-legal-copy h2{margin-top:36px}.fewr-reference p{max-width:none}body #site-header .edu-nav-peers .edu-nav-panel{grid-template-columns:1fr!important}body #site-header .edu-nav-peers .edu-nav-children{margin:0!important;padding:0!important;border:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px 24px!important}body #site-header .edu-nav-peers .edu-nav-children>li{border:0!important}body #site-header .edu-nav-peers .edu-nav-children a{padding:12px!important}body.fewr-reference-page .fewr-page-content{margin:0;padding:0;max-width:none;width:100%}body.fewr-reference-page .footer-cta{display:none!important}@media(max-width:760px){body #site-header .edu-nav-peers .edu-nav-children{grid-template-columns:1fr!important}}

.fewr-reference h1,.fewr-reference h2,.fewr-reference h3,.fewr-reference [style*="--arrival-delay"],.fewr-reference .philosophy-pillar{opacity:1!important;visibility:visible!important;transform:none!important;animation:none!important}