/* Larger reading type and fewer competing labels across the portfolio. */
body{font-size:18px}
body main :is(p,li,dd){font-size:18px;line-height:1.7}
body main :is(.eyebrow,.small-label,.record-label,.result-label,.question-label,.arch-label,.launch-label,.tech-chip){font-size:13px;line-height:1.5;letter-spacing:.7px}
body main :is(.text-link,.media-route-link,.project-filters button,.project-focus-bar button,.study-nav a,.scenario-tabs button,.showcase-jumps a){font-size:16px;line-height:1.5}
body main .button{font-size:17px;min-height:52px;padding:14px 22px;line-height:1.4}
body main :is(.page-lead,.study-intro,.work-intro-copy>p,.profile-copy>p){font-size:20px;line-height:1.65}
body main :is(.scope-caption,.record-note,.arch-caption,.launch-note,.form-note,.app-check-note,.app-entry-note,.film-note){font-size:15px;line-height:1.6}
body main :is(.study-meta strong,.work-focus strong,.case-preview-note,.app-description,.app-secondary-links a,.app-service-section summary,.app-faq summary){font-size:17px;line-height:1.6}
body main :is(.project-card-meta,.release-label,.app-release,.connection-row small,.app-address,.film-meta,.feature-label){font-size:14px;line-height:1.5}
body main :is(.results-count,.copy-feedback,.project-search>span,.scope-note .mono){font-size:15px}
body main :is(input,select,textarea){font-size:17px}
body main .tech-chip{font-size:14px}
body main .project-card-body p{font-size:18px;line-height:1.65}
body main .study-question p{font-size:18px;line-height:1.65}
body main :is(.decision p,.scenario-panel p,.tradeoff p,.record-note){font-size:17px;line-height:1.7}
body main .lab-artwork figcaption{font-size:14px;line-height:1.5;color:#b4c9d2}
body .header{gap:22px}
body .header nav{gap:26px}
body .header :is(.main-nav-link,.nav-dropdown>summary){font-size:17px;line-height:1.4}
body .dropdown-chevron{width:17px;height:17px}
body .header .dropdown-panel{width:330px;padding:8px}
body .header .dropdown-projects .dropdown-items{grid-template-columns:1fr}
body .header .dropdown-link{min-height:58px;padding:14px 16px;gap:15px}
body .dropdown-link strong{font-size:18px;font-weight:500;line-height:1.45}
body .dropdown-link small{font-size:14px;line-height:1.5;margin-top:3px;color:#b8ced8}
body .header .dropdown-footer{font-size:16px;min-height:56px;padding:15px 16px}
body .dropdown-filetype{font-size:11px}
body .header .dropdown-link .app-monogram{width:40px;height:40px;min-width:40px;font-size:23px}
body .header nav>.nav-contact{min-height:46px;padding:11px 16px;font-size:17px}
body .site-search-toggle{width:46px;height:46px}
body .site-search-toggle svg{width:22px;height:22px}
/* Home: one statement, two actions, one featured app. */
.page-home .portfolio-opening{padding:0;border-bottom:1px solid #35505e}
.page-home .portfolio-opening .portfolio-intro-grid{margin-top:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;padding-block:68px;align-items:center}
.page-home .portfolio-opening .opening-overline{font:400 18px/1.5 var(--body);color:#bdd4dc;letter-spacing:0;margin:0 0 25px}
.page-home .portfolio-opening .portfolio-intro-copy h1{font-size:clamp(44px,4.8vw,68px);line-height:1.13;letter-spacing:-2.2px;margin:0}
.page-home .portfolio-opening .portfolio-intro-copy>p:not(.opening-overline){font-size:21px;line-height:1.65;margin:28px 0 30px;max-width:490px;color:#b7ccd7}
.page-home .portfolio-intro-actions{gap:13px;flex-wrap:wrap;margin:0}
.page-home .portfolio-intro-actions .button{font-size:17px;min-height:54px;padding:15px 23px;gap:14px}
.page-home .opening-product{padding:20px;border-radius:12px}
.page-home .opening-product figcaption{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px}
.page-home .opening-product h2{font-size:32px;letter-spacing:-.8px;margin:0 0 4px}
.page-home .opening-product figcaption p{font-size:18px;line-height:1.5;color:#b8cdd6}
.page-home .opening-product figcaption>a{font-size:17px;min-height:48px;margin:0;gap:11px}
.page-home .opening-product figcaption .arrow-icon{width:18px;height:18px}
.page-home .opening-product-note{justify-content:flex-start;margin-top:20px;padding-top:10px}
.page-home .opening-product-note>a{font-size:16px;min-height:44px;gap:12px}
.page-home .section-heading{gap:28px;align-items:center;margin-bottom:34px}
.page-home :is(.section-heading h2,.lab-feature h2,.professional-next h2){font-size:42px;line-height:1.2;letter-spacing:-1.2px;margin:0}
.page-home .section-heading .text-link{font-size:17px;min-height:46px;margin:0}
.page-home :is(.selected-products,.project-films){padding-block:64px}
.page-home .featured-caption{margin-top:24px}
.page-home .featured-caption span{font-size:13px;letter-spacing:.5px}
.page-home .featured-caption h3{font-size:32px;line-height:1.25}
.page-home .featured-product>p{font-size:18px;line-height:1.65}
.page-home .featured-links{gap:26px;margin-top:18px;padding-top:12px}
.page-home .featured-links a{font-size:17px;min-height:46px;line-height:1.5}
.page-home .featured-links svg{width:16px;height:16px}
.page-home .development-strip{grid-template-columns:1fr 1fr;gap:32px;padding-top:26px;margin-top:36px}
.page-home .development-strip>span{grid-column:1/-1;font-size:14px;letter-spacing:.6px}
.page-home .development-strip strong{font-size:23px;line-height:1.4}
.page-home .development-strip>a>span{font-size:17px;line-height:1.6}
.page-home .film-meta{font-size:13px;letter-spacing:.4px;line-height:1.5}
.page-home .film-copy h3{font-size:30px;margin-block:14px 8px}
.page-home .film-note{font-size:15px;line-height:1.65;margin-block:8px 16px}
.page-home :is(.film-actions a,.film-transcript-link){font-size:16px;min-height:44px;line-height:1.5}
.page-home .film-copy{padding:24px}
.page-home .lab-feature{gap:64px;padding-block:64px}
.page-home .lab-feature-copy>p:not(.eyebrow){font-size:20px;line-height:1.65;margin:22px 0 25px}
.page-home .professional-next{padding-block:48px 64px;gap:50px}
.page-home .professional-next p{font-size:20px;line-height:1.65;margin-top:20px}
.page-home .professional-next-actions{gap:16px}
.page-home .professional-next-actions .text-link{font-size:17px;min-height:44px}
/* Shared footer and search keep their useful actions, with less copy. */
body .footer-grid{grid-template-columns:1.25fr .7fr 1.1fr;gap:40px;padding-block:40px}
body .footer-grid p{font-size:17px;line-height:1.65;margin-block:13px}
body .footer-grid a:not(.brand){font-size:16px;line-height:1.5;min-height:44px;display:flex;align-items:center;gap:10px;overflow-wrap:anywhere}
body .footer-grid nav{display:flex;flex-direction:column}
body .footer-grid .arrow-icon{width:15px;height:15px;flex-shrink:0}
body .footer-bottom{font-size:14px;line-height:1.6}
body .footer-bottom a{min-height:36px;display:flex;align-items:center}
body .search-heading h2{font-size:27px}
body .search-field input{font-size:18px}
body .search-filters button{font-size:16px;min-height:44px}
body .search-status{font-size:14px;min-height:34px}
body .search-result{padding:13px 14px;min-height:78px}
body .search-result strong{font-size:19px;line-height:1.4;font-weight:500}
body .search-result-label{font-size:13px;letter-spacing:0;text-transform:none;margin-bottom:5px}
body .search-footer{justify-content:flex-end;font-size:13px}
@media(min-width:741px) and (max-width:1100px){
 body .header{gap:18px}
 body .header nav{gap:20px}
 body .header .brand{font-size:20px}
 body .header .brand-mark{width:40px;height:40px;font-size:27px}
 body .header :is(.main-nav-link,.nav-dropdown>summary){font-size:16px}
}
@media(max-width:1000px){
 .page-home .portfolio-opening .portfolio-intro-grid{grid-template-columns:1fr;gap:42px;padding-block:48px}
 .page-home .portfolio-opening .portfolio-intro-copy{max-width:700px}
 .page-home .portfolio-opening .portfolio-intro-copy h1{font-size:clamp(42px,7.5vw,64px)}
 .page-home .portfolio-opening .portfolio-intro-copy>p:not(.opening-overline){max-width:620px}
 .page-home .opening-product{width:100%;max-width:680px;justify-self:center}
 .page-home .lab-feature{grid-template-columns:1fr;gap:30px}
 .page-home .lab-feature-copy>p:not(.eyebrow){max-width:600px}
 body .footer-grid{grid-template-columns:1fr 1fr;gap:25px 40px}
 body .footer-grid>div:first-child{grid-column:1/-1}
}
@media(max-width:740px){
 body .header{gap:12px}
 body .header .brand{font-size:20px;gap:10px}
 body .header .mobile-toggle{font-size:16px;min-height:46px}
 body .header :is(.main-nav-link,.nav-dropdown>summary){font-size:19px;min-height:56px;padding:14px}
 body .header .dropdown-panel{width:100%;padding:6px}
 body .header .dropdown-link{min-height:58px;padding:13px 12px}
 body .header .dropdown-footer{font-size:17px;padding-inline:12px}
 body .header nav>.nav-contact{font-size:19px;min-height:54px}
 body main :is(.page-lead,.study-intro,.work-intro-copy>p,.profile-copy>p){font-size:18px;line-height:1.7}
 .page-home .portfolio-opening .portfolio-intro-grid{padding-block:36px;gap:34px}
 .page-home .portfolio-opening .opening-overline{font-size:17px;margin-bottom:20px}
 .page-home .portfolio-opening .portfolio-intro-copy h1{font-size:clamp(38px,9vw,52px);letter-spacing:-1.5px;line-height:1.15}
 .page-home .portfolio-opening .portfolio-intro-copy>p:not(.opening-overline){font-size:19px;line-height:1.65;margin-block:22px 26px}
 .page-home .portfolio-intro-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
 .page-home .portfolio-intro-actions .button{font-size:16px;padding:14px 12px;gap:9px}
 .page-home .opening-product{padding:15px}
 .page-home .opening-product figcaption{gap:12px;margin-top:18px}
 .page-home .opening-product h2{font-size:28px}
 .page-home .opening-product figcaption p{font-size:17px}
 .page-home .opening-product figcaption>a{font-size:16px}
 .page-home .opening-product-note{margin-top:14px}
 .page-home :is(.section-heading h2,.lab-feature h2,.professional-next h2){font-size:34px;letter-spacing:-.8px}
 .page-home .section-heading{display:flex;align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:26px}
 .page-home :is(.selected-products,.project-films){padding-block:42px}
 .page-home :is(.featured-grid,.film-grid){grid-template-columns:1fr;gap:36px}
 .page-home .featured-links{gap:20px;flex-wrap:wrap}
 .page-home .development-strip{grid-template-columns:1fr;gap:24px;margin-top:28px;padding-top:22px}
 .page-home .development-strip>span{grid-column:auto}
 .page-home .film-copy{padding:20px}
 .page-home .film-note{font-size:15px}
 .page-home .lab-feature{padding-block:42px}
 .page-home .lab-feature-copy>p:not(.eyebrow){font-size:19px}
 .page-home .professional-next{padding-block:36px 42px;gap:26px}
 .page-home .professional-next p{font-size:19px;margin-top:16px}
 body .footer-grid{grid-template-columns:1fr;gap:22px;padding-block:30px}
 body .footer-grid>div:first-child{grid-column:auto}
 body .footer-grid nav{flex-direction:row;flex-wrap:wrap;gap:0 24px}
 body .footer-bottom{display:flex;align-items:flex-start;flex-direction:column;gap:5px;padding-block:18px}
 body .search-heading h2{font-size:23px}
 body .search-filters button{font-size:15px;padding-inline:12px}
 body .search-result strong{font-size:18px}
 body .search-result-label{font-size:14px}
 body .search-footer{display:none}
}
@media(max-width:360px){
 .page-home .portfolio-opening .portfolio-intro-copy h1{font-size:36px;letter-spacing:-1.3px}
 .page-home .portfolio-intro-actions{grid-template-columns:1fr}
 .page-home .opening-product figcaption{align-items:flex-start;flex-direction:column;gap:6px}
 body .search-filters{gap:5px}
 body .search-filters button{padding-inline:10px;font-size:14px}
}

/* The phone preview uses the published mobile screen at a readable width. */
.page-home .adaptive-app-preview{position:relative}
.page-home .adaptive-app-preview picture{display:block}
.page-home .preview-enlarge{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-end;padding:12px;color:#edf8f7}
.page-home .preview-enlarge>span{display:flex;align-items:center;gap:9px;background:#0a202de8;border:1px solid #698b94;border-radius:6px;padding:10px 13px;font-size:15px;line-height:1.5;box-shadow:0 2px 12px #0002}
.page-home .preview-enlarge .arrow-icon{width:17px;height:17px}
.page-home .preview-enlarge:hover>span{background:#16434b}
.page-home .preview-enlarge:focus-visible{outline:3px solid #7edbd1;outline-offset:-5px}
.page-home .preview-mobile{display:none}
body .gallery-grid .gallery-portrait .gallery-open{aspect-ratio:1348/926;align-items:flex-start}
body .gallery-grid .gallery-portrait .gallery-open img{width:100%;max-width:360px;height:auto;max-height:none;object-fit:contain;object-position:top}
body .gallery-dialog-image.is-portrait:not(.is-zoomed){height:62dvh;align-items:flex-start;overscroll-behavior:contain}
body .gallery-dialog-image.is-portrait:not(.is-zoomed) img{width:100%;max-width:430px;max-height:none;height:auto;flex:none}
body .gallery-view-tools{gap:14px}
body .gallery-view-tools>span,body .gallery-dialog [data-gallery-caption]{font-size:15px;line-height:1.5}
body .gallery-dialog button{font-size:16px}
@media(max-width:740px){
 .page-home .adaptive-app-preview{aspect-ratio:3/4;max-height:500px}
 .page-home .adaptive-app-preview picture{height:100%}
 .page-home .adaptive-app-preview img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:top}
 .page-home .preview-desktop{display:none}
 .page-home .preview-mobile{display:flex}
 .page-home .opening-product-note{display:flex;flex-wrap:wrap;gap:3px 18px;justify-content:space-between}
 .page-home .preview-data-note{font-size:14px;color:#b8cdd6;line-height:1.5}
 body .gallery-dialog-image.is-portrait:not(.is-zoomed){height:56dvh}
 body .gallery-dialog .gallery-view-tools>span{font-size:14px}
 body .gallery-dialog .gallery-view-tools button{font-size:15px}
 body .gallery-grid .gallery-portrait .gallery-open{aspect-ratio:3/4;max-height:500px}
 body .gallery-grid .gallery-portrait .gallery-open img{max-width:none}
}
/* App and project directories prioritize opening and browsing. */
.page-apps .launcher-intro{padding-block:48px 38px;gap:30px;grid-template-columns:1fr auto}
.page-apps .launcher-intro h1,.page-projects .work-intro h1{font-size:clamp(42px,4.8vw,64px);line-height:1.12;letter-spacing:-1.8px;margin:0}
.page-apps .launcher-intro .page-lead{margin:18px 0 0;font-size:20px}
.app-page-links{display:flex;gap:24px;align-items:center}
.page-apps .app-page-links .text-link{font-size:17px;min-height:48px;margin:0}
.page-apps .app-catalog{padding-block:32px}
.page-apps .live-app-grid{align-items:start;gap:24px}
.page-apps .live-app-card{padding:26px}
.app-card-heading{display:flex;gap:16px;align-items:center}
.page-apps .app-card-heading h2{font-size:28px;line-height:1.25;letter-spacing:-.7px;margin:0 0 5px;font-weight:500}
.page-apps .app-card-heading .app-release{font-size:14px;text-align:left;display:block;line-height:1.5}
.page-apps .live-app-card .app-description{font-size:18px;line-height:1.6;min-height:58px;margin:20px 0 22px}
.page-apps .live-app-card .launch-app{font-size:18px;min-height:54px;padding:15px 18px}
.app-store-link{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:50px;color:#245d67;font-size:17px;margin-top:8px}
.app-store-link .arrow-icon{width:18px;height:18px}
.app-card-details{border-top:1px solid #cbd9dd;margin-top:18px;padding-top:4px}
.app-card-details>summary{display:flex;align-items:center;justify-content:space-between;min-height:52px;gap:15px;font-size:17px;color:#29505e;cursor:pointer;list-style:none}
.app-card-details>summary::-webkit-details-marker{display:none}
.app-card-details>summary>span{font-size:21px;transition:transform .15s}
.app-card-details[open]>summary>span{transform:rotate(180deg)}
.page-apps .app-card-details .app-entry-note{font-size:17px;line-height:1.6;min-height:0;margin:8px 0 14px}
.page-apps .app-card-details .app-address{font-size:14px;margin:0 0 12px}
.page-apps .app-card-details .app-secondary-links{padding-top:9px;gap:4px}
.page-apps .app-secondary-links a,.page-apps .app-share button{font-size:17px;min-height:46px;line-height:1.5}
.page-apps .app-share .copy-feedback{font-size:15px}
.app-status-disclosure{border-bottom:1px solid #395563;scroll-margin-top:95px}
.app-status-disclosure>summary,.project-refine>summary{display:flex;align-items:center;gap:20px;min-height:68px;cursor:pointer;list-style:none;font-size:19px;line-height:1.5}
.app-status-disclosure>summary::-webkit-details-marker,.project-refine>summary::-webkit-details-marker{display:none}
.app-status-disclosure .availability-summary{margin-left:auto;font-size:16px;line-height:1.5;padding:0}
.disclosure-chevron{font-size:22px;flex:none;transition:transform .15s}
.app-status-disclosure[open]>summary>.disclosure-chevron,.project-refine[open]>summary>.disclosure-chevron{transform:rotate(180deg)}
.app-status-disclosure .app-service-section{padding:15px 0 32px;gap:40px}
.page-apps .app-service-heading h2{font-size:30px}
.page-apps .app-service-heading>p:not(.eyebrow){font-size:18px;line-height:1.65}
.page-apps .app-service-heading>[data-check-summary]{font-size:15px}
.page-apps .connection-row strong{font-size:18px;line-height:1.4}
.page-apps .connection-row small{font-size:14px}
.page-apps .app-status{font-size:15px;line-height:1.5}
.page-apps .check-details summary{font-size:17px;min-height:44px}
.page-apps .check-details p{font-size:16px;line-height:1.65}
.page-apps .app-start-section{gap:40px;padding-block:42px}
.page-apps .app-start-section h2{font-size:34px}
.page-apps .app-faq summary{font-size:18px;min-height:50px}
.page-apps .app-faq a{font-size:17px;min-height:46px}
.app-project-link{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #395563;padding-block:35px 45px}
.app-project-link h2{font-size:30px;font-weight:500;letter-spacing:-.5px;margin:0}
body .tour-heading{gap:38px}
body .tour-heading h2{font-size:36px;line-height:1.2}
body .tour-heading>div>p:not(.eyebrow){font-size:18px;line-height:1.65}
body .tour-tabs strong{font-size:18px;line-height:1.4}
body .tour-tabs button{min-height:68px}
body .tour-context{margin-top:20px;padding-top:12px}
body .tour-context .text-link{font-size:16px;line-height:1.5}
body .tour-panel-copy>p{font-size:18px;line-height:1.65}
body .tour-panel-label{font-size:13px;letter-spacing:.4px}
body .tour-panel-footer>span{font-size:14px;line-height:1.5}
body .tour-panel-footer a{font-size:16px;min-height:44px}
body .tour-image>span{font-size:15px;min-height:44px}
.page-projects .work-intro{padding-block:48px 34px;align-items:center;gap:40px}
.page-projects .work-intro-copy>p{font-size:20px;line-height:1.65;margin-bottom:10px}
.page-projects .work-intro-copy>.text-link{font-size:17px;min-height:48px}
.page-projects .project-collection{padding-top:16px}
.project-refine{border-bottom:1px solid #395563}
.project-refine[hidden]{display:none}
.project-refine>summary{min-height:60px}
.project-refine>summary>.disclosure-chevron{margin-left:auto}
.project-refine [data-active-filters]{font-size:14px;padding:3px 9px;border:1px solid #4c777e;border-radius:20px;color:#a5e3db;line-height:1.5}
.page-projects .project-refine .project-controls{padding-top:18px;gap:24px}
.page-projects .project-filters button{font-size:17px;min-height:48px}
.page-projects .project-filters span{font-size:14px}
.page-projects .project-search input{font-size:18px;min-height:52px}
.page-projects .project-refine .project-share{margin-top:12px;margin-bottom:14px}
.page-projects .project-share .text-link{font-size:16px;min-height:44px}
.page-projects .work-results{padding-block:18px;flex-wrap:wrap;gap:6px 18px}
.page-projects .work-results .results-count{font-size:16px;line-height:1.5}
.page-projects .reset-projects{font-size:16px;min-height:44px}
.page-projects .work-card .project-card-meta>.release-label{font-size:14px;letter-spacing:0;line-height:1.5;color:#b9dcd9;max-width:none;white-space:normal}
.page-projects .work-card .project-card-body h2{font-size:32px}
.page-projects .work-card .project-card-body>p{font-size:18px;line-height:1.65;margin-bottom:10px}
.page-projects .work-card .project-card-actions{margin-top:auto;padding-top:18px;gap:16px 22px}
.page-projects .work-card .project-card-actions .button{font-size:17px;min-height:52px;padding:14px 18px}
.page-projects .work-card .project-card-actions>.text-link{font-size:17px;min-height:48px}
@media(max-width:1000px){
 .page-apps .live-app-grid{grid-template-columns:1fr}
 .page-apps .live-app-card .app-description{min-height:0}
 .page-apps .live-app-card{padding:26px}
 .page-apps .launcher-intro{grid-template-columns:1fr auto}
 .page-projects .work-intro{grid-template-columns:1fr;gap:20px}
}
@media(max-width:740px){
 .page-apps .launcher-intro{grid-template-columns:1fr;gap:14px;padding-block:32px 26px}
 .page-apps .launcher-intro h1,.page-projects .work-intro h1{font-size:42px;letter-spacing:-1.5px}
 .page-apps .launcher-intro .page-lead{font-size:19px;margin-top:14px}
 .app-page-links{gap:26px}
 .page-apps .app-catalog{padding-block:24px}
 .page-apps .live-app-card{padding:22px}
 .page-apps .app-card-heading h2{font-size:27px}
 .page-apps .app-card-heading{gap:13px}
 .page-apps .live-app-card .app-description{margin-block:18px}
 .app-status-disclosure>summary{display:grid;grid-template-columns:1fr 20px;gap:0 15px;padding-block:15px}
 .app-status-disclosure .availability-summary{margin-left:0;grid-column:1;grid-row:2;font-size:15px}
 .app-status-disclosure>summary>.disclosure-chevron{grid-column:2;grid-row:1/3}
 .app-status-disclosure .app-service-section{grid-template-columns:1fr;gap:20px;padding-top:10px}
 .page-apps .connection-row{display:flex;flex-wrap:wrap;gap:8px 18px}
 .page-apps .connection-row>div{width:100%}
 .page-apps .app-start-section{gap:20px;padding-block:32px}
 .page-apps .app-start-section h2{font-size:32px}
 .app-project-link{align-items:flex-start;flex-direction:column;gap:12px;padding-block:28px 35px}
 .app-project-link h2{font-size:28px}
 body .tour-heading h2{font-size:32px}
 body .tour-tabs button{padding:12px 5px;min-height:54px}
 body .tour-tabs strong{font-size:16px}
 body .tour-panel-copy{padding:20px}
 body .tour-panel-copy h3{font-size:25px}
 body .tour-image>span{font-size:14px;padding:8px 10px}
 .page-projects .work-intro{padding-block:32px 24px;gap:18px}
 .page-projects .work-intro-copy>p{font-size:19px}
 .page-projects .project-refine>summary{font-size:18px}
 .page-projects .work-card .project-card-body{padding:23px}
 .page-projects .work-card .project-card-actions{flex-wrap:wrap;gap:8px 18px;margin-top:10px}
 .page-projects .work-card .project-card-actions .button{font-size:17px}
}