/* QSC: soft movement, full-width covers and consistent iconography */
:root{--qsc-blue:#024767;--qsc-azure:#719cb6;--qsc-cream:#f7f5f2;--qsc-brown:#2b1e16}
.hero{background:var(--qsc-cream);max-width:none}.hero .hero-copy .button-secondary{color:#fff;background:var(--qsc-azure);border-color:var(--qsc-azure)}
.qsc-icon{width:30px;height:30px;flex:0 0 30px;display:inline-block;vertical-align:middle;color:inherit}.button .qsc-icon{width:25px;height:25px;flex-basis:25px}summary{align-items:center;justify-content:flex-start;gap:18px}summary .qsc-icon{color:var(--qsc-azure)}summary .faq-question{flex:1}summary:after{margin-left:auto;flex:none}.icon-paragraph{position:relative;padding-left:45px}.icon-paragraph>.qsc-icon{position:absolute;left:0;top:3px;color:var(--qsc-azure);width:27px;height:27px}.method-number{display:block;font-family:'DM Sans',sans-serif;font-size:18px;border-radius:50%;width:48px;height:48px;line-height:48px;text-align:center;background:var(--qsc-blue);color:#fff;margin-bottom:22px}
body main .page-image{margin:0 0 70px;width:100%;max-width:none;aspect-ratio:5/3;height:auto;border-radius:0!important;background:#e6e9e9;overflow:hidden;position:relative}body main .page-image>.motion-media{width:100%;height:100%;aspect-ratio:auto;border-radius:0}
.motion-media{display:block;position:relative;overflow:hidden;isolation:isolate;min-width:0;min-height:0;border-radius:inherit}body main .motion-media>img{position:absolute;display:block;inset:-7% 0 auto;width:100%;height:114%;min-height:0;max-height:none;max-width:none;padding:0;object-fit:cover!important;border-radius:0;transform:translate3d(0,var(--photo-shift,0px),0);will-change:transform}
.hero-photo .motion-media{height:clamp(420px,50vw,700px)}.hero-photo{overflow:hidden}.process-row>figure>.motion-media{aspect-ratio:1;min-height:0;border-radius:28px}.project-img>.motion-media{width:100%;height:100%;aspect-ratio:1}.project-img{position:relative}.split figure>.motion-media{min-height:440px;aspect-ratio:1}.blog-card>.motion-media{height:100%;min-height:330px}.photo-overlay{position:relative;overflow:hidden;isolation:isolate;background:var(--qsc-blue);color:#fff}.photo-overlay .overlay-photo{position:absolute;inset:0;z-index:-2}.photo-overlay .overlay-photo>.motion-media{width:100%;height:100%}.photo-overlay:after{content:'';position:absolute;inset:0;background:rgba(2,71,103,.83);z-index:-1}.photo-overlay .overlay-copy{position:relative;z-index:1}.photo-overlay h2,.photo-overlay h3,.photo-overlay .eyebrow,.photo-overlay p{color:#fff}.photo-overlay .button{background:var(--qsc-azure);border-color:var(--qsc-azure);color:#fff}.professional{padding:110px 6%}.professional>.overlay-copy{max-width:780px}.process-story>.process-overlay{display:block;text-align:center;padding:100px 7%;margin:45px 0;border:0}.process-overlay .process-copy{max-width:810px;margin:auto}.process-overlay p{margin-left:auto;margin-right:auto}.process-overlay .icon-paragraph{display:block;padding-left:0}.process-overlay .icon-paragraph .qsc-icon{position:static;display:block;margin:0 auto 15px;color:#fff}
.motion-reveal{opacity:1;transform:none}.motion-active .motion-reveal:not(.is-visible){opacity:0;transform:translate3d(0,22px,0)}.motion-active .motion-reveal{transition:opacity .8s ease,transform .85s cubic-bezier(.2,.7,.2,1)}.button{transition:background .25s,box-shadow .25s,transform .25s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #02476720}.button:active{transform:translateY(0)}.button.cta-attention{animation:qsc-invite .9s ease-in-out 1}@keyframes qsc-invite{0%,100%{transform:translateY(0)}40%{transform:translateY(-4px)}70%{transform:translateY(-1px)}}
/* Adaptive photo masks preserve long payment and atelier columns. */
.payment-roadmap-row>figure>.motion-media,.payment-row>figure>.motion-media{height:100%;min-height:500px;aspect-ratio:auto}.contact-portrait .motion-media{width:100%;height:100%;aspect-ratio:1;border-radius:50%}.contact-portrait{overflow:hidden}.atelier-r8 .motion-media,.atelier-gallery .motion-media{border-radius:0}
@media(max-width:700px){body main .page-image{margin-bottom:40px;aspect-ratio:5/3}.hero-photo .motion-media{height:auto;aspect-ratio:4/5}.split figure>.motion-media{min-height:0;aspect-ratio:1}.professional{padding:65px 24px}.process-story>.process-overlay{padding:65px 24px;margin-left:-24px;margin-right:-24px}.blog-card>.motion-media{min-height:0;aspect-ratio:4/3}.qsc-icon{width:26px;height:26px;flex-basis:26px}.icon-paragraph{padding-left:38px}.payment-row>figure>.motion-media,.payment-roadmap-row>figure>.motion-media{min-height:0;height:auto;aspect-ratio:4/3}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.motion-active .motion-reveal:not(.is-visible){opacity:1;transform:none}.motion-active .motion-reveal,.button{transition:none!important}.button.cta-attention{animation:none!important}body main .motion-media>img{transform:none!important;will-change:auto}}
.motion-media{aspect-ratio:var(--media-ratio,1)}.home-story-links .project-copy{border:0;border-radius:28px;min-height:220px}.timing-trio .motion-media{aspect-ratio:4/3;border-radius:24px}.contact-portrait-r8>.motion-media{width:100%;height:100%;border-radius:50%;aspect-ratio:1}.af-process-gallery figure>.motion-media{height:100%;aspect-ratio:auto;border-radius:28px}.af-atelier-track figure>.motion-media{height:100%;aspect-ratio:auto;border-radius:0}.story-gallery figure>.motion-media{aspect-ratio:4/5;min-height:0}.story-gallery figure:only-child>.motion-media{aspect-ratio:5/3}.catalogue-gallery figure>.motion-media{aspect-ratio:1}.af-gift-row.process-reverse>figure>.motion-media{object-position:50% 42%}
.af-atelier-track figure>.motion-media{height:100%;min-height:580px}.blog-project-stories{padding:60px 0}.blog-project-stories h2{margin-bottom:30px}.blog-story-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.blog-story-links>a{display:block;text-decoration:none;padding:30px;border-radius:28px;background:#f7f5f2}.blog-story-links p{font-size:16px}.blog-story-links span{color:#024767}.blog-story-links h3{font-size:32px}@media(max-width:750px){.af-atelier-track figure>.motion-media{height:480px;min-height:480px}.blog-story-links{grid-template-columns:1fr}}

/* Portfolio stories: images and text share the same inset inside each card. */
.blog-archive .blog-project-stories .blog-story-links>a{
  min-width:0;padding:18px 18px 24px;overflow:hidden;border-radius:22px;
}
.blog-archive .blog-project-stories .blog-story-links>a>img,
.blog-archive .blog-project-stories .blog-story-links>a>.motion-media{
  display:block;width:100%;max-width:100%;height:auto;aspect-ratio:4/3;
  margin:0 0 22px;border-radius:14px;overflow:hidden;
}
.blog-archive .blog-project-stories .blog-story-links>a>img{
  object-fit:cover;object-position:center;
}
.blog-archive .blog-project-stories .blog-story-links>a>.motion-media>img{
  inset:0;width:100%;height:100%;object-fit:cover;object-position:center;
  border-radius:inherit;transform:none;will-change:auto;
}
.blog-archive .blog-project-stories .blog-story-links>a>h3,
.blog-archive .blog-project-stories .blog-story-links>a>p,
.blog-archive .blog-project-stories .blog-story-links>a>span{
  margin-left:0;margin-right:0;
}
@media(max-width:760px){
  .blog-archive .blog-project-stories .blog-story-links>a{padding:16px 16px 22px;}
}