/* Cornell 1.6.9: flowing poster collage following the client's visual reference. */
.comic-home {
  --poster-cyan:#18d1ed;
  --poster-pink:#ff159b;
  --poster-yellow:#fff322;
  background-color:var(--poster-cyan);
  background-image:url('print-texture.svg'),linear-gradient(145deg,#19d5ef,#1dcce9);
  background-size:720px,auto;
  overflow-x:clip;
}
.comic-home main {overflow:visible}
.comic-home .site-header {padding:5px 3.7% 0;align-items:flex-start;gap:8px;z-index:40}
.comic-home .brand-logo {width:clamp(250px,28vw,340px);flex-shrink:0;margin:0 0 0 -1.5%;transform:rotate(-7deg);filter:none;mix-blend-mode:normal}
.comic-home .brand-logo img {clip-path:none}
.comic-home .header-actions {margin:8px 0 0;gap:8px;flex-wrap:nowrap;justify-content:flex-start;min-width:0}
.comic-home .site-header [data-navigation] {background:#fff;border:3px solid var(--ink);box-shadow:4px 5px 0 var(--ink);transform:skew(-8deg) rotate(-1deg)}
.comic-home .site-header [data-navigation] a {min-height:39px;padding:8px 8px;font-size:11px}
.comic-home .site-header [data-navigation] a:last-child {background:var(--poster-pink)}
.comic-home .language-switch {border:3px solid var(--ink);box-shadow:4px 5px 0 var(--ink);transform:skew(-8deg) rotate(1deg)}
.comic-home .language-switch a {min-height:39px}

.comic-home .hero {
  display:block;position:relative;height:770px;min-height:0;
  margin-top:-133px;padding:0 4%;overflow:visible;isolation:isolate;
}
.comic-home .hero::before {
  inset:-190px 0 -30px;z-index:-5;opacity:1;mask-image:none;
  background:
    radial-gradient(circle at 2% 2%,var(--poster-pink) 0 10%,transparent 19%),
    radial-gradient(circle at 78% 57%,var(--poster-yellow) 0 10%,transparent 23%),
    linear-gradient(157deg,#19d3ee 0 45%,#21c7ef 62%,#fff71f 100%);
}
.comic-home .hero::after {
  inset:-190px 0 -25px;z-index:-4;opacity:1;
  background-image:
    url('palm-silhouette.svg'),url('palm-silhouette.svg'),
    url('print-texture.svg');
  background-position:89% 48%,25% 52%,center top;
  background-size:145px auto,105px auto,690px;
  background-repeat:no-repeat,no-repeat,repeat;
}
.hero-property {
  top:178px;left:-3%;width:49%;height:310px;z-index:1;
  transform:rotate(-2deg);border:0;box-shadow:none;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 12% 87%,transparent 100%),linear-gradient(90deg,#000 0 74%,transparent 99%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to bottom,transparent 0,#000 12% 87%,transparent 100%),linear-gradient(90deg,#000 0 74%,transparent 99%);
  mask-composite:intersect;
}
.hero-property .service-visual {border:0;background:#19d1ee url('img/concept-villa-pool-1.6.jpg') center / cover no-repeat}
.hero-property .service-visual::before,.comic-home .services .service-visual::before {content:none}
.hero-property .service-visual>.comic-sticker,.comic-home .services .service-visual>.comic-sticker {display:none}
.hero-property .service-photo {visibility:hidden}
.hero-property .service-photo {object-position:center 44%}
.comic-home .hero-art {
  position:absolute;left:40.5%;top:-81px;width:min(51vw,640px);height:770px;
  aspect-ratio:auto;margin:0;z-index:3;
}
.comic-home .portrait-frame {
  width:100%;height:100%;overflow:hidden;border:0;box-shadow:none;
  transform:none;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 8% 87%,transparent 100%),linear-gradient(to right,transparent 0,#000 9% 91%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to bottom,transparent 0,#000 8% 87%,transparent 100%),linear-gradient(to right,transparent 0,#000 9% 91%,transparent 100%);
  mask-composite:intersect;
}
.comic-home .portrait-image {width:100%;height:auto;max-width:none}
.comic-home .hero-art .burst-red,.comic-home .hero-art .burst-yellow {display:none}
.comic-home .hero-copy {
  position:absolute;top:341px;left:5.4%;z-index:8;width:min(47%,560px);max-width:none;
  margin:0;padding:0;transform:rotate(-6deg);
}
.comic-home .hero-copy>.eyebrow {font-size:10px;margin:0 0 3px 7px;padding:5px 10px;background:var(--poster-yellow)}
.comic-home .hero h1 {
  font-size:clamp(63px,6.7vw,91px);line-height:.82;letter-spacing:0;
  padding:9px 18px 12px 8px;margin:0 0 5px;filter:drop-shadow(3px 5px 0 var(--ink));
}
.comic-home .hero h1::before {inset:-2px -15px -4px -8px;clip-path:polygon(1% 5%,60% 0,99% 5%,96% 91%,65% 98%,0 100%)}
.comic-home .hero h1 em {color:var(--poster-pink);text-shadow:1px 2px 0 var(--ink)}
.comic-home .hero-intro {max-width:405px;margin:5px 0 5px 16px;padding:6px 11px;font-size:14px;line-height:1.25;transform:rotate(2deg)}
.comic-home .region-line {margin:0 0 0 20px;font-size:9px;padding:2px 7px;background:var(--poster-yellow)}
.comic-home .hero .button-primary {display:none;min-height:43px;margin:4px 0 0 11px;padding:9px 20px;font-size:17px;transform:rotate(3deg)}
.comic-home .speech-bubble {
  top:20%;right:-7%;max-width:48%;padding:19px 23px 23px;
  font-size:clamp(27px,3vw,41px);line-height:.96;transform:rotate(-8deg);
  border-width:5px;box-shadow:4px 5px 0 var(--ink);
}
.comic-home .hero-art::after {
  content:"IDEEN.\A IMMOBILIEN.\A MENSCHEN.";white-space:pre;position:absolute;
  right:-32%;top:39%;width:210px;padding:19px 17px 27px;
  background:var(--poster-yellow);color:var(--ink);border:4px solid var(--ink);
  clip-path:polygon(7% 0,100% 5%,92% 100%,0 95%);
  font:400 35px/.95 var(--display);text-align:center;transform:rotate(-11deg);z-index:5;
}
html[lang="en"] .comic-home .hero-art::after {content:"IDEAS.\A PROPERTIES.\A PEOPLE."}
html[lang="es"] .comic-home .hero-art::after {content:"IDEAS.\A INMUEBLES.\A PERSONAS."}
.comic-home .hero-sticker {width:clamp(165px,17vw,240px);right:-24%;bottom:11%;transform:rotate(-9deg)}
.comic-home .hero-sticker-second {display:none}
.comic-home .service-jumps {
  position:absolute;left:4%;bottom:-42px;width:92%;margin:0;padding:4px;
  grid-template-columns:repeat(5,minmax(0,1fr));
  background:#fff;border:5px solid var(--ink);
  box-shadow:inset 0 0 0 4px var(--poster-cyan),6px 7px 0 var(--ink);
  transform:rotate(1deg);z-index:12;
}
.comic-home .service-jumps .button {min-height:66px;gap:8px;padding:8px 9px;font-size:clamp(11px,1.08vw,17px)}
.jump-icon {width:34px;height:38px}

.comic-home .services {
  padding:60px 4.7% 10px;overflow:visible;
  background:
    radial-gradient(ellipse 35% 80% at 1% 60%,var(--poster-yellow) 0,transparent 100%),
    radial-gradient(ellipse 43% 70% at 99% 25%,var(--poster-pink) 0,transparent 100%),
    linear-gradient(180deg,#15d1ed 0%,#20d3e9 100%);
}
.comic-home .services::before {background:url('print-texture.svg') center / 700px;opacity:1}
.comic-home .services-heading {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.comic-home .service-list {grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;align-items:stretch}
.comic-home .service {padding:5px;background:#fff;border:4px solid var(--ink);box-shadow:5px 7px 0 var(--ink);transform:rotate(-1.2deg)}
.comic-home .service-blue {transform:rotate(1deg)}
.comic-home .service-red {transform:rotate(-.5deg)}
.comic-home .service-visual {height:190px;min-height:0;border:0;border-bottom:3px solid var(--ink)}
.comic-home .service .service-photo {visibility:hidden}
.comic-home .service-yellow .service-visual {background:#19d1ee url('img/concept-villa-pool-1.6.jpg') center / cover no-repeat}
.comic-home .service-blue .service-visual {background:#fff url('img/concept-stone-villa-1.6.jpg') center / cover no-repeat}
.comic-home .service-red .service-visual {background:#fff url('img/concept-architecture-sketch-1.6.jpg') center / cover no-repeat}
.comic-home .service-visual.has-photo>.comic-sticker {display:none}
.comic-home .service-number {top:-10px;left:-5px;width:69px;height:70px;font-size:49px;border-width:4px;background:var(--poster-yellow)}
.comic-home .service-blue .service-number {background:var(--poster-pink)}
.comic-home .service-red .service-number {background:var(--poster-cyan)}
#service-projects .service-number {background:var(--poster-pink)}
#service-architecture .service-number {background:var(--poster-cyan)}
.comic-home .service>.service-copy {padding:11px 14px 12px;border:0;background:#fff;box-shadow:none}
.comic-home .service-kicker {margin:0 0 3px;color:#15131a;font-size:10px}
.comic-home .service h3 {font-size:clamp(29px,2.45vw,36px);line-height:.92;margin:0 0 8px}
.comic-home .service h3 em {color:#df0b7c}
.comic-home .service-blue h3 em {color:#0a9db8}
.comic-home .service-red h3 em {color:#e10d84}
.comic-home .services .service p.service-description {font-size:14px;line-height:1.29;margin:0 0 12px}
.comic-home .service .service-enquiry {min-height:39px;padding:7px 10px;font-size:12px;line-height:1.1;box-shadow:2px 3px 0 var(--ink)}
.comic-home .service-blue .service-enquiry {background:var(--poster-yellow)}
.comic-home .service-red .service-enquiry {background:var(--poster-pink)}
#service-projects .service-enquiry {background:var(--poster-yellow)}
#service-architecture .service-enquiry {background:var(--poster-pink)}

.comic-home .section-grid {padding:31px 6% 51px;background:linear-gradient(180deg,#20d3e9 0%,#effff7 52%,#fff04a 100%)}
.comic-home .section-grid::before {background:url('print-texture.svg') center / 690px;opacity:1}
.comic-home .manifesto-label {margin-bottom:-12px;padding:7px 12px;border:3px solid var(--ink);background:var(--poster-yellow);box-shadow:3px 3px 0 var(--ink);font-size:13px;transform:rotate(-2deg)}
.comic-home .manifesto-copy {align-self:start;padding:18px 20px;background:#fffdf3;border:4px solid var(--ink);box-shadow:9px 9px 0 var(--poster-pink);transform:rotate(-2deg)}
.comic-home .manifesto-copy>.eyebrow {color:#15131a;background:var(--poster-yellow)}
.comic-home .manifesto-copy h2 {font-size:clamp(41px,4vw,58px);color:var(--ink);margin-bottom:13px}
.comic-home .manifesto-copy h2 em {color:var(--poster-pink);background:linear-gradient(transparent 75%,var(--poster-yellow) 75% 94%,transparent 94%)}
.comic-home .manifesto-copy>p:not(.eyebrow) {font-size:14px;line-height:1.35;margin-bottom:8px;padding:10px 12px}
.comic-home .mini-facts {margin-top:8px}
.comic-home .comic-card {max-width:390px;border-radius:0;padding:56px 22px 23px;transform:rotate(4deg)}
.comic-home .comic-card::after {display:none}

/* Matching edge colors make the printed surface flow through every section. */
.comic-home .catalog {
  background:
    radial-gradient(ellipse 54% 48% at 4% 64%,var(--poster-pink) 0 12%,transparent 76%),
    url('print-texture.svg') 50% 50% / 850px,
    linear-gradient(180deg,#fff04a 0%,#defcf8 53%,#22d1e9 100%);
}
.comic-home .catalog-architecture {
  background:
    radial-gradient(ellipse 54% 48% at 3% 64%,#9d42d8 0 10%,transparent 76%),
    url('print-texture.svg') 50% 50% / 850px,
    linear-gradient(180deg,#22d1e9 0%,#effff8 50%,#fff04a 100%);
}
.comic-home .catalog-development {
  background:
    radial-gradient(ellipse 50% 45% at 94% 58%,var(--poster-pink) 0 10%,transparent 76%),
    url('print-texture.svg') 50% 50% / 850px,
    linear-gradient(180deg,#fff04a 0%,#dffdf8 56%,#22d1e9 100%);
}
.comic-home .contact-form-section {
  background:
    radial-gradient(ellipse 48% 46% at 4% 62%,var(--poster-pink) 0 10%,transparent 76%),
    url('print-texture.svg') 50% 50% / 850px,
    linear-gradient(180deg,#22d1e9 0%,#f0fff6 51%,#fff04a 100%);
}

@media (min-width:821px) and (max-width:1000px) {
  .comic-home .brand-logo {width:210px}
  .comic-home .site-header [data-navigation] a {padding-inline:5px;font-size:9px}
  .comic-home .language-switch a {min-width:30px}
}
@media (max-width:1100px) and (min-width:821px) {
  .comic-home .hero {height:715px;margin-top:-105px}
  .hero-property {top:165px;height:270px}
  .comic-home .hero-art {left:39%;top:-45px;width:56%;height:700px}
  .comic-home .hero-copy {top:316px;width:52%;left:4%}
  .comic-home .hero h1 {font-size:clamp(60px,7vw,79px)}
  .comic-home .hero-art::after {right:-29%;top:41%;width:155px;font-size:29px;padding:15px}
  .comic-home .speech-bubble {right:1%;font-size:31px}
  .comic-home .service-jumps {bottom:-37px}
  .comic-home .service-visual {height:180px}
  .comic-home .service h3 {font-size:29px}
  .comic-home .services .service p.service-description {font-size:13px}
}
@media (min-width:821px) and (max-width:960px) {
  .comic-home .hero-art::after {right:-17%}
  .comic-home .hero-sticker {right:-12%}
}
@media (max-width:820px) {
  .comic-home .site-header {padding:8px 3% 0}
  .comic-home .brand-logo {width:165px}
  .comic-home .header-actions {margin-left:auto}
  .comic-home .menu-toggle {z-index:50;background:var(--poster-pink)}
  .comic-home .site-header [data-navigation] {gap:12px;padding:95px 22px 40px;background:var(--poster-yellow) url('print-texture.svg') center / 700px;transform:none}
  .comic-home .site-header [data-navigation] a {min-height:67px;padding:10px 22px;font-size:clamp(32px,6vw,52px)}
  .comic-home .hero {height:640px;margin-top:-64px}
  .hero-property {top:146px;left:-7%;width:56%;height:280px}
  .comic-home .hero-art {left:40%;top:-20px;width:57%;height:655px}
  .comic-home .hero-copy {top:325px;left:4%;width:55%}
  .comic-home .hero h1 {font-size:clamp(53px,8vw,65px)}
  .comic-home .hero-art::after {right:-8%;top:34%;width:120px;font-size:19px;padding:10px}
  .comic-home .speech-bubble {right:9%;top:9%;font-size:25px;padding:16px}
  .comic-home .hero-sticker {right:2%;bottom:14%;width:150px}
  .comic-home .service-jumps {left:4%;bottom:-36px;width:92%}
  .comic-home .service-jumps .button:nth-child(n+4) {display:none}
  .comic-home .service-jumps {grid-template-columns:repeat(3,minmax(0,1fr))}
  .comic-home .service-jumps .button {min-height:60px;font-size:12px;padding:7px 8px}
  .comic-home .services {padding:67px 5% 40px}
  .comic-home .service-list {grid-template-columns:1fr;gap:18px}
  .comic-home .service {display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);min-height:235px}
  .comic-home .service-visual {height:100%;min-height:225px;border:0;border-right:3px solid var(--ink)}
  .comic-home .service>.service-copy {border:0;padding:16px}
  .comic-home .service h3 {font-size:33px}
  .comic-home .services .service p.service-description {font-size:14px}
}
@media (min-width:601px) and (max-width:700px) {
  .comic-home .hero-art::after {right:0;width:100px;font-size:16px}
}
@media (max-width:600px) {
  .comic-home .site-header {padding:6px 10px 0}
  .comic-home .brand-logo {width:126px;margin-left:-4px}
  .comic-home .header-actions {margin-top:12px;gap:7px}
  .comic-home .language-switch a {min-width:28px;min-height:36px}
  .comic-home .menu-toggle {min-height:42px}
  .comic-home .hero {height:655px;margin-top:-19px;padding:0}
  .comic-home .hero::before {inset:-30px 0 -20px;background:radial-gradient(ellipse 55% 33% at 96% 10%,var(--poster-pink),transparent 100%),radial-gradient(ellipse 55% 39% at 2% 85%,var(--poster-yellow),transparent 100%),#19d1ee}
  .comic-home .hero::after {inset:-20px 0 0;background-position:97% 42%,8% 51%,center top;background-size:74px auto,65px auto,570px}
  .hero-property {top:95px;left:-20%;width:80%;height:225px;transform:rotate(-4deg)}
  .comic-home .hero-art {left:15%;top:-18px;width:91%;height:500px;margin:0}
  .comic-home .portrait-frame {height:100%}
  .comic-home .hero-art .burst-red {inset:27% -14% 7% -22%}
  .comic-home .hero-art .burst-yellow {inset:42% -20% 10% -28%}
  .comic-home .hero-copy {top:346px;left:4%;width:91%;max-width:none;margin:0;transform:rotate(-5deg)}
  .comic-home .hero h1 {font-size:clamp(44px,10.3vw,59px);line-height:.84;padding:8px 11px 10px 5px;margin:0 0 4px}
  .comic-home .hero-copy>.eyebrow {font-size:8px;margin-left:3px;padding:4px 7px}
  .comic-home .hero-intro {max-width:96%;margin:3px 0 3px 9px;padding:5px 8px;font-size:12px;line-height:1.18}
  .comic-home .region-line {font-size:8px;margin-left:9px;padding:2px 5px}
  .comic-home .hero .button-primary {display:inline-flex;min-height:37px;margin:3px 0 0 6px;padding:6px 15px;font-size:16px}
  .comic-home .speech-bubble {top:8%;right:16%;left:auto;max-width:43%;font-size:clamp(17px,4.7vw,24px);padding:10px 12px 13px;border-width:3px;transform:rotate(-8deg)}
  .comic-home .hero-art::after {display:none}
  .comic-home .hero-sticker {width:29%;right:9%;bottom:20%;transform:rotate(-8deg)}
  .comic-home .service-jumps {left:3%;bottom:-29px;width:94%;padding:3px;border-width:4px;box-shadow:inset 0 0 0 3px var(--poster-cyan),4px 5px 0 var(--ink)}
  .comic-home .service-jumps .button {min-height:58px;flex-direction:column;gap:3px;padding:5px 1px;font-size:10px;line-height:1.1}
  .jump-icon {width:24px;height:27px}
  .comic-home .services {padding:56px 4% 28px}
  .comic-home .service-list {gap:20px}
  .comic-home .service {display:flex;min-height:0;padding:4px}
  .comic-home .service-number {top:-7px;left:-2px}
  .comic-home .service-visual {height:158px;min-height:0;border:0;border-bottom:3px solid var(--ink)}
  .comic-home .service>.service-copy {padding:12px 13px 14px}
  .comic-home .service h3 {font-size:34px}
  .comic-home .services .service p.service-description {font-size:13px;line-height:1.25}
  .comic-home .service .service-enquiry {min-height:38px;font-size:11px;padding:7px 8px}
  .comic-home .section-grid {padding:37px 5% 46px}
  .comic-home .manifesto-copy {padding:16px}
  .comic-home .comic-card {font-size:34px;line-height:.92}
  .comic-home .catalog-heading>.comic-sticker {display:none}
}
@media (max-width:360px) {
  .comic-home .brand-logo {width:114px}
  .comic-home .hero {height:640px}
  .hero-property {top:87px;height:190px}
  .comic-home .hero-art {top:-16px;height:450px}
  .comic-home .hero-copy {top:310px}
  .comic-home .hero h1 {font-size:42px}
  .comic-home .hero-intro {font-size:11px}
  .comic-home .hero-art::after {display:none}
  .comic-home .speech-bubble {font-size:16px}
  .comic-home .service-jumps .button {font-size:9px}
}

/* 1.6.4: connect the collage with painted shapes rather than separate panels. */
.comic-home .hero-art::before {
  content:"";position:absolute;pointer-events:none;z-index:-1;
  left:-15%;top:34%;width:126%;height:60%;
  background:
    radial-gradient(circle at 14% 82%,#fffdf2 0 12%,transparent 12.5%),
    radial-gradient(circle at 31% 77%,#fffdf2 0 16%,transparent 16.5%),
    radial-gradient(circle at 64% 77%,#fffdf2 0 16%,transparent 16.5%),
    radial-gradient(circle at 86% 83%,#fffdf2 0 12%,transparent 12.5%),
    radial-gradient(ellipse at 52% 93%,#fffdf2 0 43%,transparent 65%),
    radial-gradient(ellipse at 49% 55%,var(--poster-yellow) 0 30%,transparent 78%);
  filter:blur(8px);transform:rotate(-7deg);
}
.comic-home .portrait-frame {background:transparent}
.comic-home .portrait-image {
  clip-path:polygon(24% 17%,27% 13%,34% 10%,43% 9%,54% 9%,64% 11%,70% 14%,74% 19%,76% 26%,77% 35%,77% 39%,81% 40%,79% 41%,74% 42%,75% 49%,78% 52%,89% 55%,100% 59%,100% 100%,0 100%,0 74%,7% 69%,16% 62%,26% 59%,29% 54%,26% 51%,23% 44%,18% 42%,19% 39%,23% 35%,23% 26%);
}
.comic-home .hero h1 {filter:none}
.comic-home .hero h1::before {
  inset:-7px -22px -12px -17px;
  background:#fffdf6;
  clip-path:none;
  -webkit-mask:url('headline-paint.svg') center / 100% 100% no-repeat;
  mask:url('headline-paint.svg') center / 100% 100% no-repeat;
}
.comic-home .hero h1 em::after {
  left:-4%;right:-5%;bottom:-.15em;height:.19em;
  background:var(--poster-yellow);
  clip-path:polygon(0 38%,19% 17%,45% 30%,77% 2%,100% 31%,95% 65%,64% 84%,35% 70%,2% 100%);
  transform:rotate(-3deg);
}
.comic-home .hero-art::after {
  border:0;clip-path:none;padding:23px 18px 30px;
  -webkit-mask:url('headline-paint.svg') center / 100% 100% no-repeat;
  mask:url('headline-paint.svg') center / 100% 100% no-repeat;
}
@media (min-width:1101px) {
  .comic-home .speech-bubble {right:-12%}
}
@media (min-width:1101px) and (max-width:1424px) {
  .comic-home .hero-art::after {right:-13%;width:170px;font-size:29px;padding:20px 15px 25px}
  .comic-home .hero-sticker {right:-7%;width:clamp(165px,17vw,205px)}
  .comic-home .speech-bubble {right:-8%}
}
.comic-home .speech-bubble {z-index:9;overflow:visible;box-shadow:none}
.comic-home .speech-bubble::before,
.comic-home .speech-bubble::after {
  content:"";position:absolute;border:0;border-radius:0;transform:none;
  clip-path:polygon(12% 0,100% 0,0 100%);pointer-events:none;
}
.comic-home .speech-bubble::before {
  left:13%;bottom:-51px;width:94px;height:67px;background:var(--ink);z-index:-2;
}
.comic-home .speech-bubble::after {
  left:16%;bottom:-40px;width:75px;height:53px;background:#fff;z-index:-1;
}
.comic-home .service-list {gap:5px}
.comic-home .service {position:relative}
.comic-home .service-red {margin:10px -7px 0;z-index:2}
.comic-home .service-blue {margin:5px 0 0 -4px;z-index:3}
.comic-home .service-number,
.comic-home .service-blue .service-number,
.comic-home .service-red .service-number,
#service-projects .service-number,
#service-architecture .service-number {
  top:-21px;left:-18px;width:87px;height:87px;padding:4px;
  border:0;border-radius:0;background:transparent;box-shadow:none;
  font-size:52px;isolation:isolate;
}
.comic-home .service-number::before,
.comic-home .service-number::after {
  content:"";position:absolute;inset:0;z-index:-2;
  -webkit-mask:url('number-blob.svg') center / contain no-repeat;
  mask:url('number-blob.svg') center / contain no-repeat;
  background:var(--ink);
}
.comic-home .service-number::after {inset:4px;z-index:-1;background:var(--poster-yellow)}
.comic-home .service-red .service-number::after {background:var(--poster-pink)}
.comic-home .service-blue .service-number::after {background:var(--poster-cyan)}
.comic-home .service-red .service-number::before,
.comic-home .service-red .service-number::after {transform:rotate(13deg)}
.comic-home .service-blue .service-number::before,
.comic-home .service-blue .service-number::after {transform:rotate(-10deg)}
.comic-home .services::after {
  display:block;content:"";position:absolute;inset:auto 2% -69px auto;
  width:154px;height:124px;z-index:9;pointer-events:none;
  background:url('flow-arrow.svg') center / contain no-repeat;
  mask-image:none;transform:rotate(35deg);
}
.comic-home .services {z-index:8}
.comic-home .section-grid {position:relative;z-index:7}
.comic-home .section-grid::after {
  content:"";position:absolute;left:3%;bottom:-66px;width:148px;height:119px;
  z-index:9;pointer-events:none;background:url('flow-arrow.svg') center / contain no-repeat;
  transform:rotate(-4deg);
}
@media (max-width:820px) {
  .comic-home .hero-art::before {left:-12%;top:37%;width:122%;height:55%}
  .comic-home .service-list {gap:16px}
  .comic-home .service-red,.comic-home .service-blue {margin:0}
  .comic-home .services::after {right:0;bottom:-51px;width:105px;height:95px}
  .comic-home .section-grid::after {left:1%;bottom:-44px;width:108px;height:95px}
}
@media (max-width:600px) {
  .comic-home .hero-art::before {left:-18%;top:36%;width:130%;height:57%;filter:blur(6px)}
  .comic-home .speech-bubble::before {left:14%;bottom:-31px;width:56px;height:43px}
  .comic-home .speech-bubble::after {left:17%;bottom:-24px;width:44px;height:32px}
  .comic-home .service-number,
  .comic-home .service-blue .service-number,
  .comic-home .service-red .service-number,
  #service-projects .service-number,
  #service-architecture .service-number {top:-19px;left:-4px;width:79px;height:79px;font-size:48px}
  .comic-home .services::after {right:0;bottom:-47px;width:100px}
  .comic-home .contact-card::before {inset:0 0 0 -4px}
}

/* 1.6.6: remove the large white placards that broke the reference's painted flow. */
.comic-home .hero {z-index:10}
.comic-home .hero h1 {
  padding:0;margin:0 0 13px;filter:none;
  text-shadow:2px 3px 0 #fff,-2px -1px 0 #fff,2px -1px 0 #fff,-2px 2px 0 #fff;
}
.comic-home .hero h1::before {
  inset:-12% -14% -15% -13%;border:0;clip-path:none;
  background:radial-gradient(ellipse 70% 61% at 47% 50%,rgba(255,255,255,.98) 0 36%,rgba(255,255,255,.82) 54%,rgba(255,255,255,.32) 75%,transparent 100%);
  -webkit-mask:none;mask:none;filter:blur(11px);
}
.comic-home .hero h1 em {text-shadow:2px 3px 0 var(--ink),-1px -1px 0 #fff}
.comic-home .hero-intro {
  max-width:430px;margin:5px 0 7px 13px;padding:0 5px;
  background:transparent;border:0;box-shadow:none;
  font-size:16px;font-weight:700;line-height:1.27;
  text-shadow:1px 1px 0 #fff,-1px -1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff;
}
.comic-home .section-grid {gap:20px 48px}
.comic-home .manifesto-copy {
  align-self:center;padding:0;background:transparent;border:0;box-shadow:none;transform:none;
}
.comic-home .manifesto-copy h2 {
  display:table;position:relative;width:auto;max-width:100%;
  margin:11px 0 23px;padding:25px 36px 28px 24px;
  color:#fff;background:#16131b;
  clip-path:polygon(1% 7%,9% 3%,29% 6%,46% 1%,68% 4%,95% 0,100% 10%,97% 26%,100% 43%,96% 62%,99% 89%,87% 93%,62% 96%,39% 92%,18% 100%,0 94%,3% 76%,0 53%);
  transform:rotate(-3deg);text-shadow:1px 2px 0 #000;
}
.comic-home .manifesto-copy h2 em {
  color:var(--poster-pink);text-shadow:1px 2px 0 #fff;
  background:linear-gradient(transparent 79%,var(--poster-yellow) 79% 95%,transparent 95%);
}
.comic-home .manifesto-copy>p:not(.eyebrow) {
  max-width:42ch;margin:0 0 14px 16px;padding:0;
  background:transparent;border:0;box-shadow:none;
  font:italic 500 clamp(17px,1.55vw,22px)/1.36 var(--body);
  text-shadow:1px 1px 0 #fff,-1px -1px 0 #fff;
  transform:rotate(-2deg);
}
.comic-home .mini-facts {margin:11px 0 0 16px}
.comic-home .mini-facts span,
.comic-home .mini-facts span:nth-child(2),
.comic-home .mini-facts span:nth-child(3) {
  padding:0 2px 4px;background:linear-gradient(transparent 67%,var(--poster-yellow) 67% 94%,transparent 94%);
  border:0;box-shadow:none;transform:rotate(-3deg);
}
.comic-home .mini-facts span:nth-child(2) {background:linear-gradient(transparent 67%,var(--poster-pink) 67% 94%,transparent 94%)}
.comic-home .mini-facts span:nth-child(3) {background:linear-gradient(transparent 67%,var(--poster-cyan) 67% 94%,transparent 94%)}
.comic-home .comic-card {
  align-self:center;width:auto;max-width:430px;margin:25px 0 0;
  padding:45px 12px 22px;background:transparent;border:0;box-shadow:none;
  transform:rotate(5deg);text-shadow:2px 2px 0 #fff;
}
.comic-home .comic-card p {margin-bottom:15px}
.comic-home .comic-card b {
  display:inline;font-size:.62em;padding:0 3px 5px;
  background:linear-gradient(transparent 58%,var(--poster-yellow) 58% 92%,transparent 92%);
  border:0;text-shadow:none;box-decoration-break:clone;
}
.comic-home .catalog-heading h2 {
  padding:0 5px 8px;background:transparent;border:0;box-shadow:none;
  text-shadow:2px 2px 0 #fff,-1px -1px 0 #fff;
  background-image:linear-gradient(transparent 79%,var(--poster-yellow) 79% 94%,transparent 94%);
}
.comic-home .property-card {background:transparent}
.comic-home .service>.service-copy {
  background:
    radial-gradient(ellipse 34% 30% at 98% 100%,rgba(255,237,65,.78),transparent 100%),
    radial-gradient(ellipse 28% 25% at 0 98%,rgba(45,215,235,.42),transparent 100%),
    #fffdf8;
}
.comic-home .service-red>.service-copy {
  background:
    radial-gradient(ellipse 34% 30% at 98% 100%,rgba(255,35,153,.38),transparent 100%),
    radial-gradient(ellipse 28% 25% at 0 98%,rgba(255,237,65,.52),transparent 100%),
    #fffdf8;
}
.comic-home .service-blue>.service-copy {
  background:
    radial-gradient(ellipse 34% 30% at 98% 100%,rgba(55,217,239,.55),transparent 100%),
    radial-gradient(ellipse 28% 25% at 0 98%,rgba(255,35,153,.29),transparent 100%),
    #fffdf8;
}
.comic-home .services {
  background:
    radial-gradient(ellipse 40% 55% at 2% 78%,var(--poster-yellow) 0,transparent 100%),
    radial-gradient(ellipse 38% 57% at 99% 77%,var(--poster-pink) 0,transparent 100%),
    radial-gradient(ellipse 42% 70% at 100% -18%,#e9f46d 0,transparent 82%),
    linear-gradient(180deg,#1ed0eb 0%,#22d1e9 100%);
}
.comic-home .property-copy {
  background:radial-gradient(circle at 100% 0,rgba(255,255,255,.7),transparent 45%),#ffe3f0;
}
.comic-home .catalog-architecture .property-copy {
  background:radial-gradient(circle at 100% 0,rgba(255,255,255,.7),transparent 45%),#d0f9fb;
}
.comic-home .catalog-development .property-copy {
  background:radial-gradient(circle at 100% 0,rgba(255,255,255,.65),transparent 45%),#fff082;
}
.comic-home .contact-card::before {display:none}
.comic-home .contact-card>.eyebrow {
  border:0;box-shadow:none;background:var(--poster-yellow);
  clip-path:polygon(1% 15%,100% 0,98% 90%,0 100%);
}
.comic-home .contact-card h2 {
  display:table;width:auto;max-width:100%;padding:0 7px 9px 0;
  background:linear-gradient(transparent 74%,var(--poster-yellow) 74% 94%,transparent 94%);
  text-shadow:2px 2px 0 #fff,-1px -1px 0 #fff;
}
.comic-home .contact-card>p:not(.eyebrow) {
  font-size:19px;line-height:1.45;font-weight:650;
  text-shadow:1px 1px 0 #fff,-1px -1px 0 #fff;
}
.comic-home .contact-card>.contact-form {
  background:linear-gradient(135deg,#fff284 0%,#c8f8fc 37%,#d8fcfa 72%,#ffb8e0 100%);
  box-shadow:8px 9px 0 var(--poster-pink);
}
.comic-home .contact-form :is(input,select,textarea) {background:#fffdf0}
.comic-home .contact-form textarea {background:#f3feff}
.comic-home .site-footer {
  border-top:0;
  background:url('print-texture.svg') center / 850px,linear-gradient(112deg,#fff04a 0%,#fff166 56%,#8de9f1 100%);
}
@media (min-width:1101px) {
  .comic-home .contact-card::after {
    content:"";position:absolute;left:26%;bottom:12%;width:168px;height:135px;
    background:url('flow-arrow.svg') center / contain no-repeat;
    transform:rotate(-20deg);pointer-events:none;
  }
}
@media (min-width:821px) {
  .comic-home .property-card:only-child {
    display:flex;flex-direction:column;width:min(100%,640px);max-width:640px;
    margin:0 auto 0 3%;transform:rotate(-1.5deg);
  }
  .comic-home .catalog-development .property-card:only-child {
    margin:0 3% 0 auto;transform:rotate(1.5deg);
  }
  .comic-home .property-card:only-child .property-copy {
    align-self:stretch;justify-content:flex-start;padding:23px 28px 25px;
  }
  .comic-home .property-card:only-child .property-copy .eyebrow {margin-top:-43px}
  .comic-home .property-card:only-child .property-copy .button {margin-top:10px}
}
@media (min-width:1101px) {
  .comic-home .catalog:has(.property-card:only-child) {
    display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);
    align-items:center;gap:30px;padding-block:77px;
  }
  .comic-home .catalog:has(.property-card:only-child) .catalog-heading {
    display:block;align-self:center;min-width:0;margin:0;
  }
  .comic-home .catalog:has(.property-card:only-child) .catalog-heading h2 {
    display:inline;font-size:clamp(58px,5.8vw,84px);line-height:.91;
  }
  .comic-home .catalog:has(.property-card:only-child) .catalog-heading>.comic-sticker {
    display:block;width:clamp(130px,13vw,180px);margin:26px 0 0 12%;
  }
  .comic-home .catalog:has(.property-card:only-child) .catalog-grid {
    grid-template-columns:minmax(0,1fr);min-width:0;
  }
  .comic-home .catalog:has(.property-card:only-child) .property-card {
    width:100%;max-width:640px;margin:0;
  }
  .comic-home .catalog-architecture:has(.property-card:only-child) .catalog-grid {grid-column:1;grid-row:1}
  .comic-home .catalog-architecture:has(.property-card:only-child) .catalog-heading {grid-column:2;grid-row:1}
}
@media (max-width:820px) {
  .comic-home .manifesto-copy h2 {padding:21px 25px 24px 17px}
  .comic-home .comic-card {width:90%;max-width:380px;margin:17px auto 0;padding:40px 10px 20px}
}
@media (max-width:600px) {
  .comic-home .hero h1 {padding:0;margin-bottom:11px}
  .comic-home .hero h1::before {inset:-12% -9% -14% -9%;filter:blur(7px)}
  .comic-home .hero-intro {max-width:94%;margin:4px 0 5px 8px;padding:0 3px;font-size:12px;line-height:1.26}
  .comic-home .manifesto-copy h2 {font-size:clamp(36px,10vw,47px);line-height:.97;padding:17px 19px 21px 12px}
  .comic-home .manifesto-copy>p:not(.eyebrow) {margin-left:6px;font-size:16px}
  .comic-home .mini-facts {margin-left:5px}
  .comic-home .comic-card {font-size:clamp(33px,9.2vw,43px);padding-top:28px}
  .comic-home .comic-card>.comic-sticker {top:auto;bottom:-51px;right:-10px;width:80px}
  .comic-home .catalog-heading h2 {padding:0 2px 8px}
  .comic-home .contact-card h2 {padding-bottom:7px}
  .comic-home .contact-card>p:not(.eyebrow) {font-size:16px}
  .comic-home .contact-card>.contact-form {margin-top:22px}
}
@media (min-width:1101px) {
  .comic-home .hero-copy {top:320px}
}
@media (min-width:821px) and (max-width:1100px) {
  .comic-home .hero-copy {top:290px}
}
@media (min-width:601px) and (max-width:820px) {
  .comic-home .hero-copy {top:270px}
}
@media (min-width:361px) and (max-width:600px) {
  .comic-home .hero {height:705px}
}

/* 1.6.7: readable poster typography and continuous painted section edges. */
.comic-home .site-header [data-navigation] a {
  font-family:var(--display);font-size:17px;font-weight:400;letter-spacing:.025em;
  min-height:46px;padding:8px 10px;
}
.comic-home .language-switch a {font-family:var(--display);font-size:17px;font-weight:400;min-height:46px}
.comic-home .hero-copy>.eyebrow,
.comic-home .region-line,
.comic-home .service-kicker,
.comic-home .manifesto-copy>.eyebrow,
.comic-home .mini-facts span,
.comic-home .property-copy .eyebrow,
.comic-home .contact-card>.eyebrow {
  font-family:var(--display);font-weight:400;letter-spacing:.04em;
}
.comic-home .hero-copy>.eyebrow {font-size:16px;padding:5px 11px}
.comic-home .hero-intro {font-size:18px;line-height:1.35}
.comic-home .region-line {font-size:17px;line-height:1.05;padding:5px 10px}
.comic-home .service-jumps .button {font-family:var(--display);font-size:20px;font-weight:400;letter-spacing:.02em}
.comic-home .service-kicker {font-size:16px;line-height:1.05;margin-bottom:7px}
.comic-home .services .service p.service-description {font-size:16px;line-height:1.42}
.comic-home .service .service-enquiry {font-family:var(--display);font-size:18px;font-weight:400;letter-spacing:.02em;min-height:44px}
.comic-home .manifesto-copy>.eyebrow {font-size:16px}
.comic-home .section-grid>.manifesto-label {font-family:var(--display);font-size:17px;font-weight:400;letter-spacing:.04em}
.comic-home .mini-facts span {font-size:16px}
.comic-home .property-copy .eyebrow {font-size:16px}
.comic-home .property-copy>p:not(.eyebrow) {font-size:17px;line-height:1.4}
.comic-home .contact-card>.eyebrow {font-size:17px}
.comic-home .contact-form label {font-size:16px}
.comic-home .contact-form :is(input,select,textarea) {font-size:16px}
.comic-home .contact-form .privacy-note {font-size:14px;line-height:1.45}
.comic-home .site-footer {font-size:15px}
.comic-home .site-footer :is(.social-link,.footer-links a) {font-family:var(--display);font-size:17px;font-weight:400;letter-spacing:.02em}
.comic-home .site-footer>p {font-size:13px}

/* The three cards continue across the former straight cyan seam. */
.comic-home .services {
  padding-bottom:19px;
  background:
    radial-gradient(ellipse 34% 40% at 99% -3%,rgba(255,243,34,.95),transparent 100%),
    radial-gradient(ellipse 40% 46% at 0 48%,rgba(255,243,34,.94),transparent 100%),
    radial-gradient(ellipse 44% 43% at 100% 44%,rgba(255,21,155,.83),transparent 100%),
    linear-gradient(180deg,#20d3e9 0%,#20d3e9 100%);
}
.comic-home .services::before {
  background:url('print-texture.svg') center / 700px;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 14%,#000 77%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0,#000 14%,#000 77%,transparent 100%);
}
.comic-home .service-list {position:relative;z-index:2;margin-bottom:-50px}
.comic-home .section-grid {
  padding-top:72px;
  background:linear-gradient(180deg,#20d3e9 0%,#effff7 52%,#fff04a 100%);
}
.comic-home .section-grid::before {
  background:url('print-texture.svg') center / 700px;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 19%);
  mask-image:linear-gradient(to bottom,transparent 0,#000 19%);
}

/* The contact poster fades into the footer instead of ending at a ruled edge. */
.comic-home .contact-form-section {
  background:
    linear-gradient(180deg,transparent 0 72%,#fff04a 100%),
    radial-gradient(ellipse 48% 46% at 4% 62%,var(--poster-pink) 0 10%,transparent 76%),
    url('print-texture.svg') 50% 50% / 850px,
    linear-gradient(180deg,#22d1e9 0%,#f0fff6 51%,#fff04a 100%);
}
.comic-home .site-footer {
  position:relative;z-index:2;margin-top:0;padding-top:38px;
  background:
    linear-gradient(180deg,#fff04a 0%,rgba(255,240,74,0) 88%),
    url('print-texture.svg') center / 850px,
    radial-gradient(ellipse 54% 95% at 99% 130%,rgba(46,213,233,.62),transparent 100%),
    #fff04a;
  -webkit-mask-image:none;mask-image:none;
}

@media (min-width:821px) and (max-width:1100px) {
  .comic-home .site-header [data-navigation] a {font-size:15px;padding-inline:6px}
  .comic-home .language-switch a {font-size:15px}
  .comic-home .hero-copy {top:260px}
  .comic-home .services .service p.service-description {font-size:15px}
  .comic-home .service .service-enquiry {font-size:16px}
}
@media (min-width:1101px) {
  .comic-home .hero-copy {top:275px}
}
@media (max-width:820px) {
  .comic-home .site-header [data-navigation] a {font-size:clamp(32px,6vw,52px);min-height:67px}
  .comic-home .language-switch a {font-size:16px;min-height:40px}
  .comic-home .menu-toggle {font-family:var(--display);font-size:18px;font-weight:400}
  .comic-home .services {padding-bottom:26px}
  .comic-home .service-list {margin-bottom:-32px}
  .comic-home .section-grid {padding-top:60px}
}
@media (min-width:601px) and (max-width:820px) {
  .comic-home .hero {height:700px}
}
@media (min-width:361px) and (max-width:600px) {
  .comic-home .hero {height:735px}
}
@media (max-width:600px) {
  .comic-home .hero-copy>.eyebrow {font-size:13px;padding:5px 8px}
  .comic-home .hero-intro {font-size:15px;line-height:1.28}
  .comic-home .region-line {font-size:14px;padding:4px 8px}
  .comic-home .service-jumps .button {font-size:14px;line-height:1}
  .comic-home .service-kicker {font-size:14px}
  .comic-home .services .service p.service-description {font-size:15px;line-height:1.35}
  .comic-home .service .service-enquiry {font-size:17px}
  .comic-home .manifesto-copy>.eyebrow {font-size:14px}
  .comic-home .section-grid>.manifesto-label {font-size:14px}
  .comic-home .mini-facts span {font-size:14px}
  .comic-home .property-copy .eyebrow {font-size:14px}
  .comic-home .contact-card>.eyebrow {font-size:14px}
  .comic-home .site-footer {padding-top:32px}
}
@media (max-width:360px) {
  .comic-home .hero {height:685px}
  .comic-home .hero-copy>.eyebrow {font-size:12px}
  .comic-home .hero-intro {font-size:14px}
  .comic-home .region-line {font-size:13px}
  .comic-home .service-jumps .button {font-size:12px}
}

/* 1.6.8: give all editorial and form copy one readable comic voice. */
@font-face {
  font-family:"Comic Neue";
  src:url("fonts/ComicNeue-Regular.ttf") format("truetype");
  font-style:normal;font-weight:400;font-display:swap;
}
@font-face {
  font-family:"Comic Neue";
  src:url("fonts/ComicNeue-Bold.ttf") format("truetype");
  font-style:normal;font-weight:700;font-display:swap;
}
.comic-home {--body:"Comic Neue","Trebuchet MS",sans-serif}
.comic-home .hero-intro,
.comic-home .services .service p.service-description,
.comic-home .property-copy>p:not(.eyebrow),
.comic-home .contact-card>p:not(.eyebrow) {
  font-family:var(--body);
  font-weight:700;
}
.comic-home .services .service p.service-description {font-size:18px;line-height:1.36}
.comic-home .contact-card>p:not(.eyebrow) {font-size:21px;line-height:1.34}
.comic-home .contact-form label {
  font-family:var(--display);font-size:22px;font-weight:400;line-height:1.05;
  letter-spacing:.025em;
}
.comic-home .contact-form :is(input,select,textarea) {
  font-family:var(--body);font-size:19px;font-weight:700;line-height:1.3;
}
.comic-home .contact-form .form-privacy {font-family:var(--body);font-size:16px;line-height:1.35!important;font-weight:700}

/* Paper and paint sit behind the words without turning into rectangular panels. */
.comic-home .hero h1::before {
  inset:-18% -45% -25% -17%;
  background:
    radial-gradient(ellipse 42% 45% at 27% 30%,#fffefa 0 62%,rgba(255,254,250,.8) 79%,transparent 100%),
    radial-gradient(ellipse 48% 42% at 50% 71%,#fffefa 0 59%,rgba(255,254,250,.78) 78%,transparent 100%),
    radial-gradient(ellipse 32% 46% at 80% 83%,rgba(255,254,250,.96) 0 56%,transparent 100%);
  filter:blur(7px);
}
.comic-home .hero-copy>.eyebrow {z-index:2}
.comic-home .manifesto-copy>p:not(.eyebrow) {
  max-width:45ch;margin:1px 0 10px 8px;padding:2px 6px;
  background:transparent;
  font:700 22px/1.26 var(--body);
  text-shadow:2px 1px 0 #fffef5,-2px -1px 0 #fffef5,0 2px 0 #fffef5;
  transform:rotate(-1deg);
}
.comic-home .contact-card::before {
  display:block;inset:0 auto auto -3%;width:55%;height:480px;
  border:0;box-shadow:none;transform:rotate(-5deg);
  background:radial-gradient(ellipse 60% 63% at 47% 45%,rgba(255,249,158,.98) 0 46%,rgba(255,249,158,.7) 72%,transparent 100%);
}
.comic-home .contact-card h2 {text-shadow:2px 2px 0 #fff,-2px -1px 0 #fff,1px -2px 0 #fff}
.comic-home .contact-card>p:not(.eyebrow) {text-shadow:none}

@media (min-width:1101px) {
  .comic-home .hero-property {top:130px}
  .comic-home .section-grid {grid-template-columns:minmax(490px,.9fr) minmax(0,1.1fr);column-gap:0}
  .comic-home .comic-card {justify-self:start;align-self:start;margin:75px 0 0 40px;padding:23px 10px 16px;transform:rotate(3deg)}
  .comic-home .comic-card>.comic-sticker {right:-78px;top:-85px}
}
@media (min-width:821px) and (max-width:1100px) {
  .comic-home .hero-property {top:130px}
  .comic-home .section-grid {grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:12px;padding-bottom:135px}
  .comic-home .comic-card {justify-self:start;margin-left:-8px;padding-top:25px}
  .comic-home .comic-card>.comic-sticker {right:-60px;top:-80px}
}
@media (max-width:820px) {
  .comic-home .contact-card::before {inset:-2% auto auto -11%;width:122%;height:500px}
  .comic-home .manifesto-copy>p:not(.eyebrow) {font-size:20px;line-height:1.28}
}
@media (min-width:601px) and (max-width:820px) {
  .comic-home .hero-property {top:65px}
  .comic-home .section-grid {padding-bottom:130px}
}
@media (max-width:600px) {
  .comic-home .hero-property {top:65px}
  .comic-home .hero h1::before {inset:-17% -19% -19% -10%;filter:blur(5px)}
  .comic-home .hero-intro {font-size:16px;line-height:1.26}
  .comic-home .region-line {font-size:16px}
  .comic-home .contact-card::before {height:410px}
  .comic-home .services .service p.service-description {font-size:17px;line-height:1.38}
  .comic-home .manifesto-copy>p:not(.eyebrow) {font-size:19px;line-height:1.3;margin-left:0;padding:10px 12px}
  .comic-home .contact-card>p:not(.eyebrow) {font-size:18px;line-height:1.33}
  .comic-home .contact-form label {font-size:20px}
  .comic-home .contact-form :is(input,select,textarea) {font-size:18px}
  .comic-home .contact-form .form-privacy {font-size:15px}
}
@media (max-width:360px) {
  .comic-home .hero-intro {font-size:15px;line-height:1.26}
  .comic-home .region-line {font-size:15px}
}
@media (min-width:521px) and (max-width:600px) {
  .comic-home .hero {height:755px}
}
@media (min-width:1051px) and (max-width:1100px) {
  .comic-home .hero {height:735px}
}