/*
Theme Name: Bruqa Studio
Description: An editable UGC and creative services showcase for AIT Marketing.
Version: 1.6.2
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: bruka-studio
*/
body{margin:0}.bruka-service,.wp-reading{font:1.1rem/1.55 var(--sc-font,"PP Neue Montreal",sans-serif);color:#191c34}.studio-nav{display:flex;align-items:center;justify-content:space-between;padding:18px 5vw;background:#171b36;color:white}.studio-nav a{color:inherit;display:flex;align-items:center;gap:.45rem;text-decoration:none}.studio-nav a:first-child{font-size:1.6rem;font-weight:650}.studio-nav img{height:38px;max-width:180px;object-fit:contain}.service-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5vw;background:linear-gradient(125deg,var(--accent),#fff4e6);padding:7vw 7vw 6vw}.service-intro h1{font-size:clamp(3.3rem,7vw,7.5rem);line-height:.95;letter-spacing:-.07em;margin:.35em 0}.eyebrow,.service-tags{font-size:.74rem;letter-spacing:.1em;text-transform:uppercase}.service-tags{display:flex;gap:.5rem;flex-wrap:wrap}.service-tags span{border:1px solid #21253455;border-radius:30px;padding:.25rem .7rem}.service-intro figure{margin:0;aspect-ratio:4/3;overflow:hidden;border:1px solid #29234225;border-radius:24px;background:#fff4}.service-intro figure img{width:100%;height:100%;object-fit:cover}.service-intro figure .service-line-art{object-fit:contain}.service-body,.wp-reading{max-width:76ch;margin:auto;padding:6vw}.service-body h2{letter-spacing:-.05em;font-size:clamp(2rem,4vw,3.5rem);line-height:1.05}.service-body img,.service-body video,.wp-reading img{max-width:100%;height:auto}.service-footer{background:#171b36;color:white;padding:5vw 7vw;display:flex;align-items:center;gap:2rem;justify-content:space-between}.service-footer p{font-size:clamp(1.8rem,4vw,3.8rem);line-height:1.1}.service-footer a{background:#ff713c;border-radius:30px;padding:.8em 1.4em;color:#16182a;text-decoration:none;white-space:nowrap}.showcase-skip{position:fixed;top:-8rem;left:1rem;z-index:99999;background:white;padding:1rem}.showcase-skip:focus{top:1rem}.bruka-badges{position:absolute;top:34%;left:8%;right:8%;font:600 4.3cqw/1.2 Arial;text-transform:uppercase;letter-spacing:.04em}.wheel-card.bruka-photo .wheel-card__inner{color:white;text-shadow:0 1px 6px #000}.wheel-card.bruka-photo .wheel-card__icon{display:none}.integrations__slide-title .bruka-step-name{font-size:clamp(1.25rem,2.6vw,3.3rem);font-weight:550}.bruka-panel-name{font-size:clamp(2rem,4vw,4.5rem);letter-spacing:-.055em}.wp-reading a{color:inherit}@media(max-width:700px){.service-intro{grid-template-columns:1fr;padding:3rem 6vw}.service-footer{display:block;padding:3rem 6vw}.service-footer a{display:inline-block}.studio-nav{font-size:.9rem}}

.bruka-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.service-footer a{background:var(--bruka-accent,#ff713c)}

.bruka-films{position:relative;background:#f7f5ef;color:#191c34;padding:clamp(2rem,6vw,6rem) 6vw;font-family:var(--sc-font,Arial,sans-serif);text-align:left}.bruka-films header,.bruka-films-grid{max-width:76rem;margin:auto}.bruka-films header p{max-width:66ch;line-height:1.55}.bruka-films h2{font-size:clamp(2rem,4vw,4rem);letter-spacing:-.05em;line-height:1.04;margin:.35em 0}.bruka-films-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1rem;margin-top:2rem}.bruka-films article{overflow:hidden;border:1px solid #191c3425;border-radius:1.1rem;background:white}.bruka-films article div{padding:1rem 1.2rem}.bruka-films video{display:block;width:100%;height:auto;aspect-ratio:8/9;max-height:27rem;background:#191c34;object-fit:contain}.bruka-films small{font-size:.68rem;letter-spacing:.12em}.bruka-films h3{margin:.4rem 0;font-size:1.4rem}.bruka-films p{line-height:1.45}
.bruka-films-grid{position:relative;isolation:isolate}.bruka-films-grid>article{position:relative;transform-origin:50% 90%;box-shadow:0 5px 15px #191c3412}.bruka-films-grid>article:focus-within{z-index:2;transform:none!important}.bruka-social{max-width:76rem;margin:4rem auto 0}.bruka-social-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1rem}.bruka-social-grid article{min-width:0;background:white;border-radius:1rem;padding:1rem}.bruka-social-grid iframe{width:100%;height:32rem;border:0}.bruka-social-grid a{display:block;color:inherit;padding:.7rem}.bruka-social .tiktok-embed{max-width:100%!important;min-width:0!important}@media(prefers-reduced-motion:reduce){.bruka-films-grid>article{transform:none!important}}
.bruka-card-player{display:block;width:100%;height:clamp(25rem,44vw,36rem);border:0;background:white}.bruka-films article a{color:inherit}
.bruka-films-grid[hidden]{display:none}.bruka-films .film-showcase{margin:2rem -6vw 0}.film-showcase .morph{margin:0}.film-showcase .morph__pin-height{height:520vh}.film-showcase .deck{margin:0;background:var(--mesh-light)}.film-showcase .wheel-card__inner,.film-showcase .wheel-card__body,.film-showcase .wheel-card__scale{box-sizing:border-box}.film-showcase .wheel-card__inner{padding:8cqw}.film-showcase .wheel-card p{margin:0;line-height:1.12}.film-showcase .wheel-card__title--multi{margin:0}.bruka-films .film-showcase h2{margin:0;font-size:clamp(1.4rem,3vw,2.5rem)}.film-dialog{width:min(90vw,440px);max-height:90dvh;overflow:auto;border:0;border-radius:1rem;padding:.75rem;color:#191c34}.film-dialog::backdrop{background:#11152bd9}.film-dialog>button{display:block;margin:0 0 .5rem auto;padding:.55rem 1rem;cursor:pointer}.film-dialog article{border:0}.film-dialog video{max-height:55dvh}.film-dialog article div{padding:.8rem}@media(prefers-reduced-motion:reduce){.film-showcase .morph__pin-height{height:auto}}

.bruka-service{--service-paper:color-mix(in srgb,var(--accent) 20%,#fff9ef);background:var(--service-paper)}
.bruka-service .service-intro{background:linear-gradient(150deg,var(--accent),var(--service-paper))}
.bruka-service .bruka-films{background:var(--service-paper);padding-top:0;padding-bottom:0}
.bruka-service .film-showcase{margin-top:0;--mesh-light:radial-gradient(ellipse at 80% 38%,color-mix(in srgb,var(--accent) 55%,white),transparent 72%),var(--service-paper)}
.bruka-service .film-showcase .morph,.bruka-service .film-showcase .deck,.bruka-service .film-showcase .deck__pin{background:var(--service-paper)}
.bruka-service .film-showcase .morph__bg{background:radial-gradient(ellipse at 80% 38%,color-mix(in srgb,var(--accent) 55%,white),transparent 72%),var(--service-paper)}

/* Align the two editorial rows with the gallery edges. */
.bruka-service .bruka-films > header,
.bruka-service .service-body {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
  align-items: start;
  gap: .65rem clamp(2rem, 6vw, 8rem);
}
.bruka-service .bruka-films > header {
  padding: clamp(1.75rem, 3.5vw, 3.25rem) 0;
  border-top: 1px solid color-mix(in srgb, var(--accent) 60%, #555);
}
.bruka-service .service-body {
  padding: clamp(1.5rem, 3vw, 2.75rem) 6vw clamp(2.25rem, 4vw, 4rem);
  background: linear-gradient(180deg, var(--service-paper), color-mix(in srgb,var(--accent) 28%,#fff9ef));
}
.bruka-service .bruka-films > header small {
  grid-column: 1 / -1;
  width: fit-content;
  padding: .2em .75em;
  border: 1px solid color-mix(in srgb,var(--accent) 65%,#777);
  border-radius: 1rem;
  background: color-mix(in srgb,var(--accent) 45%,white);
}
.bruka-service .service-body > * {grid-column: 1 / -1;min-width: 0}
.bruka-service .service-body > h2 {grid-column: 1}
.bruka-service .service-body > h2 + p {grid-column: 2}
.bruka-service .bruka-films > header h2,
.bruka-service .service-body h2 {margin: 0;font-size: clamp(1.55rem, 3vw, 2.75rem);letter-spacing: -.045em;line-height: 1.08}
.bruka-service .bruka-films > header p,
.bruka-service .service-body p {margin: 0;max-width: 64ch;font-size: clamp(1rem, 1.3vw, 1.15rem);line-height: 1.55}
@media(max-width:700px){
  .bruka-service .bruka-films > header,.bruka-service .service-body {grid-template-columns: minmax(0,1fr);row-gap:.65rem}
  .bruka-service .service-body > h2 + p {grid-column: 1}
}

.closing__legal .closing__signature {display:inline-flex;align-items:center;color:#fff}
.closing__signature svg {display:block;width:clamp(5rem,8vw,8rem);height:auto}
@media (max-width:700px){.closing__legal .closing__signature {flex-basis:100%;justify-content:center}}