/* WordPress integration. The approved composition remains in design.css. */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.screen-reader-text:focus{background:var(--lime);color:var(--black);clip:auto!important;clip-path:none;height:auto;left:16px;padding:14px;top:16px;width:auto;z-index:100000}
.primary-menu{display:flex;align-items:center;gap:inherit;list-style:none;padding:0;margin:0}
.primary-menu li{padding:0;margin:0}
.primary-menu a{display:inline-block}
.site-header--inner{justify-content:space-between}
.home-link{font-family:Unbounded,var(--display);font-size:25px;font-weight:900;letter-spacing:-.07em;line-height:1}
.home-link span{color:var(--lime);margin-left:6px;font-family:var(--body)}
.footer-contact{margin-bottom:45px;font-size:clamp(20px,2.3vw,32px);line-height:1.4}
.footer-contact svg{color:var(--lime)}
.footer-pages{display:flex;flex-wrap:wrap;gap:24px}
.footer-pages a{display:inline-flex;align-items:center;gap:6px}
.footer-pages a:hover{text-decoration:underline;text-underline-offset:5px}
.project-copy .project-description p:first-child{margin-top:13px}
.work>.section-heading>p{border-left:3px solid var(--lime);padding:3px 0 3px 20px;text-align:left}
.company--standard{padding:40px;border:1px solid #ffffff30}
.companies-intro{max-width:780px;margin-top:28px;font-size:clamp(18px,1.5vw,22px);line-height:1.6}
.company--standard .company-logo{max-width:245px;max-height:170px;object-fit:contain;object-position:left}
.project--standard{margin-top:30px}
.stage--standard{min-height:360px;aspect-ratio:1.35;display:grid;place-items:center;padding:34px}
.stage--standard .stage-color{background:#8627ff;transform:rotate(-3deg)}
.standard-artwork{width:100%;max-height:440px;object-fit:contain;position:relative;transform:rotate(-3deg)}
.stage-placeholder{font:900 clamp(36px,5vw,80px)/1.1 var(--display);text-align:center;overflow-wrap:anywhere}
.product-gallery--flow{row-gap:100px}
.product-gallery--flow>.project{grid-row:auto;grid-column:auto;margin-top:0}
.product-gallery--flow>.project:nth-child(even){margin-top:150px}
.journal-preview{padding-block:65px 95px;border-top:1px solid #ffffff20}
.journal-preview .journal-preview-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:34px}
.journal-preview .section-heading h2{font-size:clamp(35px,3.8vw,56px)}
.journal-preview .text-link{flex-shrink:0;gap:12px;margin:0 0 4px;font-size:16px}
.journal-preview .text-link svg{width:20px;height:20px;color:var(--lime)}
.journal-recent-list{list-style:none;margin:0;padding:0;border-top:1px solid #ffffff30}
.journal-recent-list>li{margin:0;padding:0;border-bottom:1px solid #ffffff30}
.journal-recent-link{display:grid;grid-template-columns:140px minmax(0,1fr) 24px;align-items:center;gap:30px;padding:26px 0}
.journal-recent-link time{color:#aeb8b1;font-size:14px;line-height:1.5}
.journal-recent-link h3{margin:0;font:700 clamp(22px,2.15vw,32px)/1.3 var(--body);letter-spacing:-.025em;overflow-wrap:anywhere}
.journal-recent-link svg{width:22px;height:22px;color:var(--lime)}
.journal-recent-link:hover h3{color:var(--lime)}
.journal-recent-link:focus-visible{outline:3px solid var(--lime);outline-offset:5px}
.follow{padding-block:20px 90px}
.follow-panel{position:relative;isolation:isolate;padding-block:44px;border-top:1px solid #c6ff0066}
.follow-panel:before{content:'';position:absolute;z-index:-1;top:0;right:0;width:55%;height:100%;background-image:linear-gradient(#c6ff0014 1px,transparent 1px),linear-gradient(90deg,#c6ff0014 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse,#000,transparent 72%);pointer-events:none}
.follow h2{font:900 clamp(36px,4.5vw,72px)/1.1 var(--display);letter-spacing:-.055em}
.follow-description{max-width:660px;margin-top:22px;font-size:20px;line-height:1.6;color:var(--muted)}
.follow-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:36px;border-block:1px solid #ffffff30}
.follow-links a{min-width:0;min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:25px 20px;border-right:1px solid #ffffff25;font:700 clamp(18px,2vw,28px)/1.4 var(--body)}
.follow-links a:first-child{padding-left:0}
.follow-links a:last-child{padding-right:0;border-right:0}
.follow-links svg{width:21px;height:21px;color:var(--lime);transition:transform .2s}
.follow-links a:hover{color:var(--lime)}
.follow-links a:hover svg{transform:translate(3px,-3px)}
@media(min-width:600px) and (max-width:999px){
  .follow-links{grid-template-columns:repeat(2,minmax(0,1fr))}
  .follow-links a{border-bottom:1px solid #ffffff25;font-size:22px}
  .follow-links a:nth-child(odd){padding-left:0}
  .follow-links a:nth-child(even){border-right:0;padding-right:0}
  .follow-links a:last-child:nth-child(odd){grid-column:1/-1;border-bottom:0}
}
.page-intro.article-content{font-size:clamp(19px,1.65vw,26px);line-height:1.6}
.about p:empty{display:none}
:where(button,input,textarea,select):focus-visible{outline:3px solid var(--lime);outline-offset:4px}
@media(max-width:599px){
  .primary-menu{gap:20px}
  .site-header--inner{height:auto;min-height:84px;gap:22px;flex-wrap:wrap;justify-content:space-between;padding-block:20px}
  .home-link{font-size:22px}
  .site-header--inner nav{font-size:12px}
  .site-header--inner .primary-menu{gap:15px}
  .footer-contact{margin-bottom:30px;font-size:21px;align-items:flex-start;gap:16px}
  .footer-contact svg{width:22px;height:22px}
  .footer-pages{gap:15px}
  .footer-bottom{align-items:flex-start;flex-wrap:wrap}
  .stage--standard{min-height:260px;padding:24px}
  .companies-intro{margin-top:22px;font-size:17px}
  .product-gallery--flow>.project:nth-child(even){margin-top:0}
  .journal-preview{padding-block:48px 65px}
  .journal-preview .journal-preview-heading{display:block;margin-bottom:28px}
  .journal-preview .section-heading h2{font-size:clamp(30px,8vw,44px)}
  .journal-preview .text-link{margin-top:24px;font-size:15px}
  .journal-recent-link{grid-template-columns:minmax(0,1fr) 24px;gap:8px 18px;padding:22px 0}
  .journal-recent-link time,.journal-recent-link h3{grid-column:1}
  .journal-recent-link h3{font-size:22px}
  .journal-recent-link svg{grid-column:2;grid-row:1/span 2}
  .work>.section-heading>p{padding-left:16px}
  .follow{padding-block:10px 55px}
  .follow-panel{padding-block:30px}
  .follow-panel:before{width:100%}
  .follow h2{font-size:10.5vw}
  .follow-description{font-size:17px;margin-top:18px}
  .follow-links{display:block;margin-top:26px}
  .follow-links a{min-height:66px;padding:20px 0;border-right:0;border-bottom:1px solid #ffffff25;font-size:22px}
  .follow-links a:last-child{border-bottom:0}
  .page-intro.article-content{font-size:18px;line-height:1.7}
}