/* Big Child Room — shared workshop identity across all public landing pages. */
:root { --paper:#f3efe6; --ink:#20201e; --muted:#68645d; --rule:#d9d2c6; --accent:#d63b10; }
html { scroll-padding-top:100px; }
body { background:var(--paper)!important; color:var(--ink)!important; font-family:Arial,Helvetica,sans-serif; }
body > header { background:rgba(243,239,230,.96)!important; border-color:var(--rule)!important; }
body > header > div:first-child { min-height:86px; gap:24px; }
header img { border-radius:0!important; mix-blend-mode:multiply; }
header nav { gap:18px!important; white-space:nowrap; }
header nav a { font-size:12px; padding-block:12px; border-bottom:2px solid transparent; }
header nav a:hover, header a[aria-current="page"] { border-bottom-color:var(--accent); }
header [class*="leading-tight"] { flex-shrink:0; }
#brandTagline { font-size:10px; }
.max-w-7xl { max-width:1320px!important; padding-left:32px!important; padding-right:32px!important; }
h1,h2,h3 { text-wrap:balance; }
h1 { font-size:clamp(2.6rem,4.1vw,4rem)!important; line-height:1.04!important; letter-spacing:-.055em!important; text-wrap:initial; }
h2 { letter-spacing:-.045em!important; line-height:1.12!important; }
h3 { letter-spacing:-.02em; }
p { line-height:1.65; }
main > section:first-child { background-color:var(--paper)!important; background-image:linear-gradient(90deg,transparent 49.8%,#ddd6c755 50%,transparent 50.2%)!important; border-bottom:1px solid var(--rule); }
main > section:first-child > div { padding-top:72px!important; padding-bottom:80px!important; }
#heroTitleAccent { background:none!important; color:var(--ink)!important; -webkit-text-fill-color:var(--ink); }
#heroBadge { padding:0 0 0 14px!important; border:0!important; border-left:3px solid var(--accent)!important; border-radius:0!important; background:transparent!important; color:var(--accent)!important; text-transform:uppercase; letter-spacing:.14em; font-size:10px; font-weight:700; }
#heroSubtitle { margin-top:24px!important; }
#heroDesc { max-width:58ch; font-size:16px!important; margin-left:0!important; margin-right:0!important; }
main > section:first-child img { border-radius:2px!important; box-shadow:12px 12px 0 #e5ded1!important; }
main > section:first-child .relative > .absolute { display:none; }
main > section:first-child > .absolute { display:none; }
main > section:first-child .min-h-\[calc\(100dvh-73px\)\] { min-height:0; }
a[class*="bg-neutral-900"], #contactSubmit { background:var(--accent)!important; color:white!important; border:1px solid var(--accent); border-radius:3px!important; padding:14px 20px!important; font-weight:700; font-size:12px; letter-spacing:.025em; transition:background .18s,transform .18s; }
a[class*="bg-neutral-900"]:hover, #contactSubmit:hover { background:#b72d08!important; transform:translateY(-1px); }
a[class*="rounded-2xl"][class*="border"] { border-radius:3px!important; border-color:#898277!important; background:transparent!important; font-weight:600; }
.lang-toggle-btn { border-radius:2px!important; min-width:32px; min-height:32px; }
.lang-toggle-btn.bg-neutral-900 { background:var(--ink)!important; }
header [class*="rounded-xl"] { border-radius:3px!important; }
section.bg-white, footer.bg-white { background:var(--paper)!important; }
section[class*="bg-neutral-900"], #kontakt { background:#222320!important; color:#f5f0e7!important; }
section[class*="bg-neutral-900"] .bg-neutral-800, section[class*="bg-neutral-900"] [class*="bg-neutral-800/"] { background:transparent!important; border-left:1px solid #56574e; border-radius:0!important; }
section[class*="bg-neutral-900"] [class*="text-neutral-400"], #kontakt .text-neutral-400 { color:#bbb7ad!important; }
.border-neutral-200,.border-neutral-300 { border-color:var(--rule)!important; }
main article, #why-us .grid > div, #sluzby .grid > div, #game-studios .grid > div, #cenik .grid > div { border-radius:0!important; box-shadow:none!important; background:transparent!important; }
#sluzby .grid > div, #why-us .grid > div { border:0!important; border-top:1px solid var(--rule)!important; padding:24px 0!important; }
#sluzby .h-10 { background:transparent!important; border:0!important; }
#why-us, #sluzby, #game-studios { padding-top:72px!important; padding-bottom:48px!important; }
#stats { padding-block:36px!important; }
#stats .text-4xl { font-size:38px!important; }
#ukazky { padding-top:80px!important; padding-bottom:64px!important; }
#ukazky article img { aspect-ratio:4/3; transition:filter .2s; }
#ukazky article:hover img { filter:contrast(1.04); }
#ukazky article > div { padding:20px 0!important; }
#ukazky [class*="rounded-2xl"] { border-radius:0!important; }
#proces .grid > div { border:0!important; border-left:1px solid var(--rule)!important; border-radius:0!important; background:transparent!important; padding:16px!important; }
#proces img { height:160px; width:100%; object-fit:cover; border-radius:0!important; }
#proces .absolute { background:var(--accent)!important; border-radius:0!important; box-shadow:none!important; }
main [class*="bg-gradient-to-r"]:not(#heroTitleAccent) { background: #e9e2d5!important; border-color:var(--rule)!important; border-radius:0!important; }
main .rounded-3xl { border-radius:3px!important; }
main .rounded-2xl { border-radius:3px!important; }
main .grid > .bg-white { background:transparent!important; box-shadow:none!important; border-width:0 0 1px!important; }
main .rounded-full { border-radius:2px!important; }
#cenik .grid > div { border:0!important; border-top:2px solid var(--ink)!important; padding:24px 16px!important; }
#cenik .grid > div:nth-child(2) { border-top-color:var(--accent)!important; }
#cenik [class*="bg-neutral-900"] { background:var(--ink)!important; border-radius:2px!important; }
#kontaktForm { border-radius:0!important; border:0!important; border-left:1px solid #55564d!important; background:transparent!important; padding-left:28px!important; }
#kontaktForm input:not([type="hidden"]), #kontaktForm textarea { border-radius:2px!important; background:#30312c!important; border-color:#5d5e54!important; font-size:16px!important; }
#kontaktForm input::placeholder,#kontaktForm textarea::placeholder { color:#bcb9af!important; }
#contactConsent { color:#bcb9af!important; }
footer { border-top:1px solid var(--rule)!important; }
footer > div { align-items:center; }
footer > div > div { flex-wrap:wrap; gap:16px!important; }
#termsModal > div { background:var(--paper)!important; border-radius:3px!important; max-height:calc(100dvh - 32px); }
#termsTitle { padding-right:32px; }
#termsContentEn,#termsContentCs { max-height: min(60vh,calc(100dvh - 150px))!important; }
.studio-icon { display:inline-block; width:28px; height:28px; vertical-align:middle; color:var(--accent); flex-shrink:0; }
.studio-icon svg { width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
span.studio-check { color:var(--accent); font-weight:700; }
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible { outline:2px solid #e85b2f!important; outline-offset:4px; }
details { border-radius:0!important; border:0!important; border-bottom:1px solid var(--rule)!important; }
details[open] summary { color:var(--accent); }
#navMobile { background:var(--paper)!important; max-height:calc(100dvh - 86px); overflow-y:auto; }
#navMobile a { min-height:40px; display:flex; align-items:center; }
#navMobile a[id$="Cta"] { justify-content:center; }
@media(min-width:1024px) and (max-width:1279px) {
  header nav,header > div:first-child > div.hidden { display:none!important; }
  #navToggle { display:block!important; }
  #navMobile:not(.hidden) { display:block!important; }
}
@media(max-width:767px) {
  .max-w-7xl { padding-left:20px!important; padding-right:20px!important; }
  body > header > div:first-child { min-height:76px; gap:12px; }
  header img { width:40px!important; height:40px!important; }
  header [class*="leading-tight"] { font-size:14px; }
  #brandTagline { font-size:9px; }
  h1 { font-size:clamp(2.35rem,9.5vw,3.6rem)!important; }
  h2 { font-size:28px!important; }
  main > section:first-child > div { padding-top:44px!important; padding-bottom:52px!important; }
  main > section:first-child img { box-shadow:7px 7px 0 #e5ded1!important; }
  #heroBadge { font-size:9px; letter-spacing:.09em; }
  #heroDesc { font-size:15px!important; }
  #sluzby,#why-us,#game-studios,#ukazky { padding-top:48px!important; padding-bottom:36px!important; }
  #kontaktForm { padding-left:0!important; padding-right:0!important; border-left:0!important; }
  #proces .grid { gap:32px!important; }
  #proces img { height:auto; aspect-ratio:4/3; }
  footer > div { align-items:flex-start!important; }
  #navMobile { max-height:calc(100dvh - 76px); }
}
/* Image-led compositions and tactile interactions. */
.studio-photo { position:relative; display:block; width:100%; min-width:0; overflow:hidden; padding:0; border:0; border-radius:10px; cursor:zoom-in; background:#242522; isolation:isolate; }
.studio-photo img { display:block; width:100%; margin:0; box-shadow:none!important; transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .7s!important; }
.studio-photo::after { content:''; position:absolute; inset:0; box-shadow:inset 0 0 0 1px #ffffff18; border-radius:inherit; pointer-events:none; }
.studio-photo-hint { position:absolute; right:16px; bottom:16px; width:42px; height:42px; display:grid; place-items:center; border-radius:50%; background:var(--paper); color:var(--ink); font-size:24px; transition:background .25s,color .25s,transform .4s; }
main > section:first-child .studio-photo { box-shadow:12px 12px 0 #dfd4c4; }
main > section:first-child .studio-photo img { border-radius:0!important; }
#ukazky article { overflow:visible; }
#ukazky article .studio-photo { border-radius:12px; }
#ukazky article > div { padding:22px 4px!important; }
#showcaseTag { background:transparent!important; border:0; color:var(--accent); }
.studio-audience { background:#e9e2d6!important; }
.studio-audience > div { display:grid; grid-template-columns:1fr 2fr; gap:20px 56px; padding-block:44px!important; }
#audienceEyebrow { text-align:left!important; color:var(--accent); align-self:center; margin:0!important; letter-spacing:.18em; }
.studio-audience .flex { justify-content:flex-start; gap:0 22px!important; }
.studio-audience .flex > span { background:transparent!important; border:0!important; padding:8px 0!important; font-size:clamp(18px,2vw,27px); font-weight:700; letter-spacing:-.035em; }
.studio-audience .flex > span::after { content:' /'; color:#b8a995; margin-left:16px; font-weight:400; }
#audienceDesc { text-align:left!important; margin:0!important; font-size:14px; }
.studio-audience > div > div:last-child { text-align:left; margin:0!important; align-self:center; }
#audienceLink { display:inline-block; text-decoration:none; border-bottom:1px solid var(--accent); padding-bottom:6px; }
#game-studios > .grid { align-items:stretch!important; gap:16px!important; }
#game-studios > .grid > div { padding:28px!important; border:1px solid var(--rule)!important; border-radius:12px!important; background:#eae3d6!important; }
#game-studios > .grid > div:nth-child(2) { background:var(--accent)!important; color:white!important; display:flex; flex-direction:column; justify-content:center; }
#game-studios > .grid > div:nth-child(2) :is(h3,p) { color:white!important; }
#game-studios > .bg-neutral-100 { background:transparent!important; border-top:1px solid var(--rule); padding:24px 0!important; }
#game-studios > .bg-neutral-100 > .grid { gap:20px!important; }
#game-studios > .bg-neutral-100 h3 { text-align:left; margin-bottom:24px; text-transform:uppercase; letter-spacing:.15em; font-size:11px; color:var(--muted); }
.studio-service { position:relative; transition:transform .3s,background .3s; }
.studio-service::after { content:attr(data-number); position:absolute; right:8px; top:18px; font-size:34px; line-height:1; font-weight:700; letter-spacing:-.06em; color:#d6ccbd; transition:color .3s; }
.studio-service h3 { padding-right:36px; }
#proces { background:#232522!important; color:var(--paper); }
#proces > div { padding-top:64px!important; padding-bottom:64px!important; }
#processHeading { font-size:clamp(28px,3.5vw,48px)!important; margin-bottom:42px!important; }
#proces .grid { gap:18px!important; }
#proces .grid > div { border:0!important; padding:0!important; }
#proces .studio-photo { border-radius:8px; }
#proces img { height:210px; }
#proces p { color:#c3c0b6!important; font-size:13px; }
#proces h3 { padding-top:8px; font-size:16px; }
#proces .absolute { z-index:2; left:12px; top:-12px; width:32px; height:32px; border-radius:50%!important; }
#proces .studio-photo-hint { width:30px; height:30px; font-size:20px; right:10px; bottom:10px; }
#fulfillment .grid > div { text-align:left; }
#fulfillment .studio-icon { width:38px; height:38px; }
.studio-lightbox { position:fixed; inset:0; margin:auto; width:min(1200px,95vw); max-width:95vw; max-height:94dvh; border:1px solid #ffffff30; border-radius:12px; background:#181a18; padding:54px 20px 16px; color:white; box-shadow:0 30px 100px #0008; }
.studio-lightbox::backdrop { background:#111e; backdrop-filter:blur(8px); }
.studio-lightbox img { max-height:calc(94dvh - 120px); width:100%; object-fit:contain; }
.studio-lightbox p { margin:12px 0 0; text-align:center; color:#d4d0c5; font-size:13px; }
.studio-lightbox-close { position:absolute; top:8px; right:12px; width:40px; height:40px; font-size:30px; cursor:pointer; background:#ffffff12; border-radius:50%; }
@media(hover:hover) and (pointer:fine) {
 .studio-photo:hover img,.studio-photo:focus-visible img { transform:scale(1.065); filter:contrast(1.05); }
 .studio-photo:hover .studio-photo-hint { background:var(--accent); color:white; transform:rotate(45deg); }
 .studio-service:hover { transform:translateY(-5px); }
 .studio-service:hover::after { color:var(--accent); }
 #audienceLink:hover { color:var(--accent); }
}
@media(max-width:767px) {
 .studio-audience > div { grid-template-columns:1fr; gap:18px; }
 .studio-audience .flex > span { font-size:20px; }
 #game-studios > .grid > div { padding:22px!important; }
 #proces .grid { gap:36px!important; }
 #proces img { height:auto; }
 .studio-photo-hint { width:36px; height:36px; }
}
/* Patinated green, clay and ochre: colours of a working sculpture studio. */
:root { --accent:#c74422; --studio-green:#203f3b; --studio-clay:#b95135; --studio-yellow:#ead69b; }
main > section:first-child { position:relative; background-color:var(--studio-green)!important; color:#faf4e7; background-image:radial-gradient(ellipse at 85% 10%,#66847755,transparent 55%),repeating-linear-gradient(0deg,transparent,transparent 79px,#c6d4bf0a 80px),repeating-linear-gradient(90deg,transparent,transparent 79px,#c6d4bf0a 80px)!important; }
main > section:first-child #heroTitleAccent { color:var(--studio-yellow)!important; -webkit-text-fill-color:var(--studio-yellow); }
main > section:first-child :is(#heroDesc,#heroSubtitle,.text-neutral-500,.text-neutral-600,.text-neutral-700) { color:#d3dfd3!important; }
main > section:first-child #heroBadge { color:var(--studio-yellow)!important; border-color:var(--studio-yellow)!important; }
main > section:first-child a[class*="border"] { color:#faf4e7!important; border-color:#a8b7a5!important; }
main > section:first-child .studio-photo { box-shadow:12px 12px 0 #e6ca8c!important; border:6px solid #eee7d9; border-radius:4px; transform:rotate(1.2deg); }
main > section:first-child .studio-photo img { object-position:center; }
.studio-workbench { background:#e4d0b9; color:#302921; border-bottom:1px solid #bd9b7770; }
.studio-workbench-inner { max-width:1320px; margin:auto; padding:54px 32px; display:grid; grid-template-columns:1.3fr 1fr 1fr 1fr; gap:22px; align-items:center; }
.studio-kicker { display:block; font-size:10px; letter-spacing:.17em; font-weight:700; color:#873822; margin-bottom:14px; }
.studio-workbench-copy h2 { font-size:32px; line-height:1.05; }
.studio-workbench-copy p { font-size:13px; margin:14px 0; max-width:33ch; color:#625342; }
.studio-workbench-copy a { display:inline-block; font-size:12px; font-weight:700; padding-bottom:4px; border-bottom:1px solid #873822; }
.studio-workbench figure { padding:8px 8px 0; background:#faf4e8; box-shadow:0 10px 24px #43311d22; transform:rotate(-2deg); }
.studio-workbench figure:nth-child(3) { transform:rotate(2deg) translateY(10px); }
.studio-workbench figure:nth-child(4) { transform:rotate(-1deg); }
.studio-workbench .studio-photo { border-radius:1px; }
.studio-workbench img { width:100%; aspect-ratio:1; object-fit:cover; }
.studio-workbench figcaption { padding:12px 4px; font-size:10px; letter-spacing:.04em; font-weight:700; }
.studio-audience { background:#ead69b!important; }
.studio-audience .flex > span::after { color:#a77d3e; }
#audienceEyebrow { color:#784023; }
#fulfillment { background:#263e3b!important; }
#sluzby .studio-service:nth-child(2n) .studio-icon { color:#477368; }
#game-studios > .grid > div:first-child { background:#e3d6bf!important; }
#game-studios > .grid > div:last-child { background:#ced8ca!important; }
#game-studios > .grid > div:nth-child(2) { background:var(--studio-clay)!important; }
#proces { background:#283936!important; }
#why-us .studio-service:nth-child(3n+2)::after { color:#92aba0; }
#ukazky article:nth-child(2) .studio-photo { border-bottom:6px solid #c7a35d; }
#ukazky article:first-child .studio-photo { border-bottom:6px solid #b95135; }
#kontakt { background:radial-gradient(ellipse at 0 0,#46645466,transparent 65%),#1d302d!important; }
main [class*="bg-gradient-to-r"]:not(#heroTitleAccent) { background:#e8c899!important; border-left:5px solid #b95135!important; }
#cenik .grid > div:nth-child(2) { background:#e7dfca!important; }
@media(max-width:1023px) { .studio-workbench-inner { grid-template-columns:repeat(3,minmax(0,1fr)); } .studio-workbench-copy { grid-column:1/-1; } .studio-workbench-copy p { max-width:65ch; } }
@media(max-width:767px) { .studio-workbench-inner { padding:36px 20px; gap:10px; } .studio-workbench-copy { margin-bottom:16px; } .studio-workbench figure { padding:4px 4px 0; } .studio-workbench figcaption { font-size:9px; padding:8px 2px; } .studio-workbench .studio-photo-hint { width:24px; height:24px; font-size:16px; right:4px; bottom:4px; } main > section:first-child .studio-photo { transform:none; box-shadow:7px 7px 0 #e6ca8c!important; } }
/* Small workshop vignettes keep the service row and audience introduction personal. */
.studio-audience-signature { grid-column:1; grid-row:1/3; align-self:center; }
.studio-audience-signature #audienceEyebrow { margin-bottom:12px!important; }
.studio-audience-motif { display:block; width:250px; max-width:100%; height:auto; mix-blend-mode:multiply; }
.studio-audience-motif,.studio-service-motif { mask-image:radial-gradient(ellipse farthest-side,#000 76%,transparent 100%); }
.studio-audience > div > #audienceDesc { grid-column:2; }
.studio-audience > div > div:last-child { grid-column:2; }
#sluzby .studio-illustrated-service { padding-top:12px!important; }
.studio-service-motif { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:contain; mix-blend-mode:multiply; margin:12px 0 20px; transition:transform .5s ease; }
#sluzby .studio-illustrated-service > .flex > .h-10 { display:none; }
#sluzby .studio-illustrated-service::after { top:14px; font-size:24px; }
#sluzby .studio-illustrated-service h3 { padding-right:0; }
@media(hover:hover) and (pointer:fine) { .studio-illustrated-service:hover .studio-service-motif { transform:translateY(-4px) rotate(-1.5deg); } }
@media(min-width:768px) and (max-width:1023px) { #sluzby > .grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:767px) {
 .studio-audience-signature { grid-column:1; grid-row:auto; display:flex; align-items:center; gap:16px; }
 .studio-audience-signature #audienceEyebrow { flex:1; margin-bottom:0!important; }
 .studio-audience-motif { width:150px; }
 .studio-audience > div > #audienceDesc,.studio-audience > div > div:last-child { grid-column:1; }
 .studio-service-motif { width:min(100%,300px); margin:0 auto 18px; }
}
@media(prefers-reduced-motion:reduce) { .studio-illustrated-service:hover .studio-service-motif { transform:none; } }
/* Three atelier commissions, with an illustrated scale of production. */
#cenik { background:#e8e0d3!important; }
#cenik > div { padding-block:64px!important; }
#cenik .grid > .studio-package { display:flex; flex-direction:column; min-width:0; padding:24px!important; border:1px solid #d8cebc!important; border-radius:14px!important; background:#f7f2e8!important; transition:transform .3s,box-shadow .3s; }
#cenik .grid > .studio-package:nth-child(2) { background:#203f3b!important; border-color:#203f3b!important; color:#faf4e7; }
#cenik .grid > .studio-package:nth-child(3) { background:#e5e9df!important; }
#cenik .studio-package > .flex { flex-wrap:wrap; gap:10px; }
#cenik .studio-package h3 { font-size:13px; text-transform:uppercase; letter-spacing:.12em; }
#cenik .studio-package-art { margin:18px 0 20px; border-radius:8px; overflow:hidden; background:#f3efe6; }
#cenik .studio-package-image { width:100%; height:190px; object-fit:contain; display:block; mix-blend-mode:multiply; transition:transform .6s; }
#cenik .studio-package-subtitle { font-size:clamp(20px,2vw,26px); line-height:1.15; font-weight:700; letter-spacing:-.035em; margin-bottom:16px; }
#cenik .studio-package [id$="Price"] { font-size:clamp(20px,2vw,26px); padding-bottom:18px; border-bottom:1px solid #b9af9b66; }
#cenik .studio-package ul { margin-top:20px; margin-bottom:8px; }
#cenik .studio-package li { line-height:1.5; }
#cenik .studio-package [id$="Note"] { margin-top:auto; padding-top:18px; }
#cenik .studio-package:nth-child(2) :is(ul,[id$="Note"]) { color:#d5dfd6!important; }
#cenik .studio-package:nth-child(2) .studio-check { color:#e6c884; }
#cenik #pkg2Tag { background:#ead69b!important; color:#203f3b!important; }
#cenik .studio-package-link { display:flex; justify-content:space-between; align-items:center; min-height:48px; margin-top:22px; padding:12px 14px; border:1px solid #9d9f8d; border-radius:4px; font-size:13px; font-weight:700; color:#203f3b; text-decoration:none; }
#cenik .studio-package:nth-child(2) .studio-package-link { background:#ead69b; color:#203f3b; border-color:#ead69b; }
#cenik .studio-package-link:hover { background:#d9c496; color:#172d29; }
#cenik #packagesNote { animation:none; opacity:1; transform:none; margin-top:24px; }
@media(hover:hover) and (pointer:fine) { #cenik .studio-package:hover { transform:translateY(-5px); box-shadow:0 14px 32px #203f3b16!important; } #cenik .studio-package:hover img { transform:scale(1.035); } }
@media(min-width:768px) and (max-width:1023px) { #cenik > div > .grid { grid-template-columns:1fr; } #cenik .studio-package-image { height:180px; } }
@media(max-width:767px) { #cenik > div { padding-block:44px!important; } #cenik .grid > .studio-package { padding:22px!important; } #cenik .studio-package-image { height:170px; } }
@media(prefers-reduced-motion:reduce) { #cenik .studio-package:hover,#cenik .studio-package:hover img { transform:none; } }
/* A sketchbook spread: conceptual artwork, alongside real selectable service text. */
.studio-offer { position:relative; }
#game-studios > .studio-offer { margin-top:42px; padding:32px 0 0!important; border-top:2px solid var(--studio-clay); }
#game-studios .studio-offer h3 { font-size:clamp(26px,3vw,38px); letter-spacing:-.035em; text-transform:none; color:var(--studio-green); margin-bottom:24px; }
.studio-offer-layout { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:40px; align-items:center; }
.studio-offer-art { margin:0; overflow:hidden; mix-blend-mode:multiply; }
.studio-offer-art img { display:block; width:100%; height:auto; transition:transform .7s ease; }
.studio-offer .studio-offer-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px!important; align-content:center; }
.studio-offer-list > :is(div,article) { min-width:0; padding:20px 0!important; border:0!important; border-bottom:1px solid var(--rule)!important; border-radius:0!important; background:transparent!important; }
.studio-offer-list > div { align-items:flex-start; }
.studio-offer-list > div > .studio-check { color:var(--studio-clay); }
.studio-offer-list h3 { color:var(--studio-green); }
.studio-offer-list p { font-size:13px; }
.studio-offer-list > article { grid-column:1/-1; }
.studio-offer-list > article > .text-3xl { display:none; }
@media(hover:hover) and (pointer:fine) { .studio-offer-art:hover img { transform:scale(1.035) rotate(-.5deg); } }
@media(max-width:767px) { .studio-offer-layout { grid-template-columns:minmax(0,1fr); gap:12px; } .studio-offer-art { max-width:560px; margin-inline:auto; } .studio-offer .studio-offer-list { gap:0 16px!important; } .studio-offer-list > :is(div,article) { padding:16px 0!important; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } .studio-photo:hover img,.studio-service:hover,.studio-offer-art:hover img { transform:none; } }