/* Cornell 1.3.1 — original imagery, live HTML and editable project content. */
.comic-home {
  --turquoise:#21d7e8; --blue:#21d7e8; --pink:#ff159b; --yellow:#f4f629;
  --purple:#9d42d8; --ink:#111016; --paper:#fffef6;
  background:var(--turquoise) url('print-texture.svg') repeat;
  background-size:960px;
}
.comic-home main,.comic-home .site-header,.comic-home .site-footer {max-width:1600px;margin-inline:auto}
/* The original PNG dimensions describe the source, not the displayed sticker. */
.comic-home .hero-sticker,.comic-home .comic-card>.comic-sticker,
.comic-home .catalog-heading>.comic-sticker,.comic-home .contact-card>.comic-sticker {height:auto}
.comic-home [data-reveal].is-visible {animation:none}
.comic-home .site-header {padding:16px 5% 0;gap:24px;background:transparent;z-index:20;isolation:auto}
.comic-home .site-header::before {display:none}
.comic-home .brand-logo {width:clamp(150px,17vw,235px);padding:0;background:transparent;clip-path:none;transform:rotate(-7deg);filter:drop-shadow(4px 5px 0 var(--ink))}
.comic-home .brand-logo img {clip-path:polygon(2% 3%,96% 0,100% 96%,0 100%)}
.comic-home .brand-logo:hover {transform:rotate(-4deg)}
.comic-home .header-actions {margin-top:6px;gap:17px;align-self:flex-start}
.comic-home .site-header [data-navigation] {border-width:4px;box-shadow:4px 4px 0 var(--ink);transform:skew(-8deg) rotate(-1deg)}
.comic-home .site-header [data-navigation] a {min-height:44px;padding:9px 20px;font-size:12px}
.comic-home .site-header [data-navigation] a:last-child {background:var(--pink)}
.comic-home .language-switch {border-width:4px;box-shadow:4px 4px 0 var(--ink);transform:rotate(2deg)}
.comic-home .language-switch a {min-width:39px;min-height:44px;font-size:12px}
.comic-home .hero {
  grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);align-items:end;
  margin-top:-77px;gap:0;padding:40px 5.5% 30px;overflow:visible;z-index:3;
  background:transparent;border:0;
}
.comic-home .hero::before {
  inset:-90px 0 -20px;background:linear-gradient(146deg,var(--pink) 0 12%,transparent 12% 72%,var(--yellow) 72% 89%,var(--pink) 89%);
  mask-image:none;opacity:1;z-index:-3;
}
.comic-home .hero::after {
  inset:-30px 0 -40px;z-index:-2;background:url('print-texture.svg') 44% 30% / 860px;
}
.hero-property {
  position:absolute;z-index:-1;top:72px;left:-2%;width:59%;height:43%;
  transform:rotate(-7deg);border:5px solid var(--ink);background:var(--yellow);
  box-shadow:0 0 0 7px white,8px 13px 0 var(--ink);overflow:hidden;
}
.hero-property .service-visual {width:100%;height:100%;min-height:0;border:0;background-color:var(--yellow)}
.hero-property .service-visual.has-photo>.comic-sticker {display:none}
.hero-property .service-photo {object-position:center 45%}
.comic-home .hero-copy {
  grid-column:1;grid-row:1;align-self:end;z-index:5;max-width:630px;
  margin:145px -50px 0 0;padding:0;transform:rotate(-4deg);isolation:isolate;
}
.comic-home .hero-copy::before,.comic-home .hero-copy::after {display:none}
.comic-home .hero-copy>.eyebrow {
  position:relative;display:table;max-width:95%;padding:9px 15px;margin:0 0 9px 3%;
  border:3px solid var(--ink);background:var(--yellow);font-size:12px;letter-spacing:.08em;
  box-shadow:4px 4px 0 var(--ink);transform:rotate(2deg);
}
.comic-home .hero h1 {
  position:relative;isolation:isolate;width:fit-content;max-width:100%;
  margin:0 0 12px;padding:18px 28px 20px 20px;
  font-size:clamp(64px,7.6vw,115px);line-height:.9;letter-spacing:.007em;
  filter:drop-shadow(5px 6px 0 var(--ink));transform:rotate(-2deg);
}
.comic-home .hero h1::before {
  content:"";position:absolute;inset:0 -12px -4px -20px;z-index:-1;background:var(--paper);
  clip-path:polygon(3% 9%,17% 7%,22% 1%,49% 4%,96% 0,94% 7%,100% 6%,97% 83%,92% 84%,96% 91%,68% 93%,66% 98%,36% 96%,0 100%,3% 84%,0 82%);
}
.comic-home .hero h1>span {font-size:.76em}
.comic-home .hero h1 em {color:var(--pink);text-shadow:2px 2px 0 var(--ink);-webkit-text-stroke:0}
.comic-home .hero h1 em::after {height:.105em;bottom:-.075em;background:var(--yellow);transform:rotate(-2deg)}
.comic-home .hero-intro {
  max-width:440px;margin:0 0 12px 0;padding:12px 16px 14px;
  background:var(--paper);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);
  font:400 clamp(16px,1.3vw,19px)/1.45 var(--body);transform:rotate(3deg);
}
.comic-home .region-line {margin:0 0 2px 9px;padding:4px 9px;font-size:10px;line-height:1.4;background:var(--yellow);transform:rotate(1deg)}
.comic-home .hero .button-primary {margin:0 0 0 -5px;min-height:80px;padding:24px 35px;font-size:24px;--button-fill:var(--turquoise);filter:drop-shadow(4px 5px 0 var(--ink));transform:rotate(2deg)}
.comic-home .hero-art {
  grid-column:2;grid-row:1;align-self:start;z-index:2;
  width:min(100%,490px);aspect-ratio:1024/1535;margin:0 auto 0 -16px;
}
.comic-home .portrait-frame {
  width:100%;padding:0;border:5px solid var(--ink);border-radius:0;transform:rotate(3deg);
  box-shadow:0 0 0 6px var(--paper),10px 12px 0 var(--ink);overflow:visible;
}
.comic-home .portrait-image {width:100%;height:auto;object-fit:contain}
.comic-home .hero-art .burst-red {
  inset:4% -27% 15% -18%;border:0;clip-path:var(--zap-shape);background:var(--pink);transform:rotate(19deg);z-index:-1;
}
.comic-home .hero-art .burst-yellow {
  inset:20% -21% -5% -20%;background:var(--yellow);border:0;clip-path:var(--burst-shape);transform:rotate(-11deg);z-index:-1;
}
.comic-home .halftone-blue {right:-16%;top:8%;width:65%;opacity:1;z-index:-1}
.comic-home .speech-bubble {
  left:auto;right:-23%;top:6%;max-width:63%;padding:25px 31px 29px;
  border:5px solid var(--ink);border-radius:48% 52% 45% 55% / 48% 44% 56% 52%;
  box-shadow:3px 5px 0 var(--ink);font-size:clamp(28px,3.1vw,46px);line-height:.99;
  transform:rotate(8deg);text-align:center;
}
.comic-home .speech-bubble::after {right:auto;left:18px;bottom:-17px;width:35px;height:30px;transform:rotate(39deg)}
.comic-home .speech-bubble b {position:relative;z-index:1}
.comic-home .speech-bubble b::after {content:"";position:absolute;inset:auto 1px -3px;height:8px;background:var(--yellow);z-index:-1;transform:rotate(-4deg)}
.comic-home .hero-sticker {width:clamp(165px,18vw,250px);right:-27%;bottom:26%;z-index:6;transform:rotate(8deg)}
.comic-home .hero-sticker-second {width:clamp(115px,12vw,170px);right:auto;left:-18%;bottom:2%;transform:rotate(-13deg)}
.comic-home .service-jumps {
  position:relative;z-index:8;grid-column:1/-1;margin:28px auto -55px;width:100%;
  padding:6px;border:5px solid var(--ink);background:var(--paper);
  box-shadow:inset 0 0 0 5px var(--turquoise),6px 8px 0 var(--ink);transform:rotate(1.25deg);
}
.comic-home .service-jumps .button {
  flex-direction:row;min-height:81px;gap:17px;padding:12px 18px;
  font:800 clamp(16px,1.4vw,22px)/1.2 var(--body);text-transform:uppercase;
}
.comic-home .service-jumps .button+.button {border-left:1px solid #a4a3a0}
.jump-icon {display:block;flex:0 0 auto;width:44px;height:48px;transform:rotate(-4deg)}
.comic-home .service-jumps .button:nth-child(2) .jump-icon {transform:rotate(5deg)}
.comic-home .services {
  padding:95px 5.5% 58px;border:0;overflow:visible;
  background:linear-gradient(150deg,var(--yellow) 0 29%,var(--turquoise) 29% 72%,var(--pink) 72%);
}
.comic-home .services::before {inset:0;background:url('print-texture.svg') 20% 40% / 960px;clip-path:none}
.comic-home .services::after {display:none}
.comic-home .services-heading {display:flex;align-items:center;gap:25px;margin-bottom:34px}
.comic-home .services-heading>.section-label {flex:0 0 auto;font-size:10px;background:var(--yellow);padding:7px 12px;border:2px solid var(--ink);transform:rotate(-5deg)}
.comic-home .services-heading .section-label>span {font-size:29px;margin-bottom:1px}
.comic-home .services-heading h2 {font-size:clamp(34px,3.7vw,56px);line-height:1.05}
.comic-home .services-heading h2 br {display:none}
.comic-home .services-heading h2 em {display:inline-block;margin-left:.2em;color:var(--pink);text-shadow:1px 1px 0 var(--ink);-webkit-text-stroke:0;background:linear-gradient(transparent 73%,var(--yellow) 73% 95%,transparent 95%)}
.comic-home .service-list {grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;align-items:stretch}
.comic-home .service {
  display:flex;grid-template-columns:none;gap:0;padding:8px;border:4px solid var(--ink);border-radius:0;
  background:var(--turquoise);box-shadow:7px 9px 0 var(--ink);transform:rotate(-2.7deg);
}
.comic-home .service-blue {background:var(--pink);transform:rotate(.8deg)}
.comic-home .service-red {background:var(--yellow);transform:rotate(2.1deg)}
.comic-home .service-visual {height:235px;border:3px solid var(--ink);border-bottom:0}
.comic-home .hero-property .service-visual {height:100%;border:0}
.comic-home .service-visual.has-photo>.comic-sticker {width:145px;height:105px;right:-8px;bottom:-13px}
.comic-home .service-number {
  z-index:6;top:-21px;left:-20px;width:75px;height:77px;font-size:53px;line-height:1;
  background:var(--yellow);border:4px solid var(--ink);border-radius:43% 51% 46% 50%;
  box-shadow:3px 4px 0 var(--ink);transform:rotate(-10deg);
}
.comic-home .service-blue .service-number {background:var(--pink)}
.comic-home .service-red .service-number {background:var(--turquoise)}
.comic-home .service>.service-copy {
  padding:24px 23px 23px;border:3px solid var(--ink);border-top:0;
  background:var(--paper);position:relative;isolation:isolate;overflow:hidden;
}
.comic-home .service>.service-copy::before {content:"";position:absolute;inset:0;z-index:-1;background:url('print-texture.svg') 0 0/640px;opacity:.18;mask-image:linear-gradient(80deg,transparent 50%,black)}
.comic-home .service-kicker {font:800 11px/1.3 var(--body);margin:0 0 9px;letter-spacing:.05em}
.comic-home .service h3 {font-size:clamp(30px,2.9vw,44px);line-height:.99;letter-spacing:.005em;margin-bottom:17px}
.comic-home .service h3 em {display:inline-block;color:#bf0065;font-size:.91em}
.comic-home .service-blue h3 em {color:#006b72}
.comic-home .service-red h3 em {color:#75259c}
.comic-home .services .service p.service-description {font:400 16px/1.5 var(--body);margin:0 0 19px}
.comic-home .service .service-enquiry {
  min-height:53px;padding:10px 13px;font:700 14px/1.3 var(--body);margin:auto 0 0;max-width:100%;width:100%;
  background:var(--turquoise);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);filter:none;transform:none;
}
.comic-home .service .service-enquiry::before,.comic-home .service .service-enquiry::after {display:none}
.comic-home .service-blue .service-enquiry {background:var(--yellow)}
.comic-home .service-red .service-enquiry {background:var(--pink)}
.comic-home .service .service-enquiry:hover {transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}
.comic-home .section-grid {
  grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px 60px;
  padding:75px 7% 80px;border:0;background:var(--yellow);isolation:isolate;
}
.comic-home .section-grid::before {
  background:linear-gradient(160deg,var(--turquoise) 0 24%,transparent 24% 71%,var(--pink) 71%),url('print-texture.svg') 30% 40% / 850px;
  mask-image:none;clip-path:polygon(0 0,100% 0,100% 90%,0 100%);
}
.comic-home .section-grid>.section-label {grid-column:1/-1;display:flex;align-items:center;gap:9px;width:fit-content;font-size:10px;margin-bottom:-18px}
.comic-home .section-grid>.section-label span {font-size:30px;margin:0}
.comic-home .manifesto-copy {align-self:center;position:relative;isolation:isolate;transform:rotate(-2deg)}
.comic-home .manifesto-copy>.eyebrow {font-size:10px;padding:5px 9px;background:var(--paper);transform:rotate(2deg)}
.comic-home .manifesto-copy h2 {font-size:clamp(42px,4.7vw,72px);line-height:1.01;margin:0 0 22px;letter-spacing:.005em}
.comic-home .manifesto-copy h2 em {color:var(--pink);text-shadow:1px 1px 0 var(--ink);background:linear-gradient(transparent 76%,var(--paper) 76% 95%,transparent 95%)}
.comic-home .manifesto-copy>p:not(.eyebrow) {max-width:58ch;padding:16px 19px;font:400 17px/1.55 var(--body);background:var(--paper);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}
.comic-home .mini-facts {gap:8px;margin-top:20px}
.comic-home .mini-facts span {font-size:10px;padding:5px 8px;background:var(--paper)}
.comic-home .mini-facts span:nth-child(2) {background:var(--pink)}
.comic-home .mini-facts span:nth-child(3) {background:var(--turquoise)}
.comic-home .comic-card {
  width:100%;max-width:390px;margin:15px auto 0;padding:67px 30px 44px;
  border:5px solid var(--ink);border-radius:47% 45% 48% 43% / 32% 39% 40% 36%;
  background:var(--paper);box-shadow:6px 7px 0 var(--ink);font-size:clamp(35px,3.5vw,52px);line-height:1.04;transform:rotate(6deg);
}
.comic-home .comic-card::after {content:"";position:absolute;left:16%;bottom:-20px;width:36px;height:40px;border-right:4px solid var(--ink);border-bottom:4px solid var(--ink);background:var(--paper);transform:rotate(32deg) skew(-12deg)}
.comic-home .comic-card>.comic-sticker {width:190px;right:-39px;top:-61px;transform:rotate(8deg)}
.comic-home .comic-card b {background:var(--yellow);font-size:.54em;border:0;padding:8px 2px;transform:rotate(-4deg)}
.comic-home .catalog {
  padding:65px 6% 76px;border:0;isolation:isolate;
  background:var(--pink) url('print-texture.svg') 60% 0 / 950px;
}
.comic-home .catalog::before {content:"";position:absolute;inset:0;z-index:-1;background:var(--yellow);clip-path:polygon(75% 0,100% 0,100% 100%,39% 100%)}
.comic-home .catalog-architecture {background-color:var(--turquoise)}
.comic-home .catalog-architecture::before {background:var(--purple);clip-path:polygon(0 0,28% 0,59% 100%,0 100%)}
.comic-home .catalog-development {background-color:var(--yellow)}
.comic-home .catalog-development::before {background:var(--turquoise);clip-path:polygon(68% 0,100% 0,100% 100%,26% 100%)}
.comic-home .catalog-heading {gap:20px;margin-bottom:33px;position:relative;z-index:2}
.comic-home .catalog-heading h2 {padding:12px 24px 16px;background:var(--paper);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);font-size:clamp(35px,4vw,62px);line-height:1;transform:rotate(-2deg)}
.comic-home .catalog-heading>.comic-sticker {width:clamp(120px,15vw,220px);margin-block:-37px;transform:rotate(7deg)}
.comic-home .catalog-grid {grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:32px;align-items:stretch}
.comic-home .property-card {border:4px solid var(--ink);border-radius:0;padding:6px;background:var(--paper);box-shadow:7px 8px 0 var(--ink);transform:rotate(-1.6deg);max-width:620px;display:flex;flex-direction:column}
.comic-home .property-card:nth-child(even) {transform:rotate(1.8deg)}
@media(min-width:821px){
  .comic-home .property-card:only-child {display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);max-width:none;transform:rotate(-1deg)}
  .comic-home .property-card:only-child .property-copy {align-self:center;padding:32px}
  .comic-home .property-card:only-child .property-copy .eyebrow {margin-top:0}
}
.comic-home .property-card>a>img {display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border:2px solid var(--ink)}
.comic-home .property-copy {position:relative;padding:22px;display:flex;flex:1;align-items:flex-start;flex-direction:column}
.comic-home .property-copy .eyebrow {font-size:10px;background:var(--yellow);margin-top:-43px;border-width:3px;box-shadow:2px 2px 0 var(--ink);position:relative;z-index:2}
.comic-home .property-copy h3 {font-size:36px;line-height:1.06;margin:9px 0 9px}
.comic-home .property-copy>p:not(.eyebrow) {font-size:15px;margin-bottom:12px}
.comic-home .property-copy .button {margin-top:auto;min-height:66px;padding:19px 30px;font-size:21px;--button-fill:var(--turquoise)}
.comic-home .contact-form-section {
  padding:86px 6% 76px;border:0;background:var(--turquoise) url('print-texture.svg') 20% 20% / 860px;
}
.comic-home .contact-form-section::before {z-index:-1;background:linear-gradient(145deg,var(--pink) 0 21%,transparent 21% 66%,var(--yellow) 66%)}
.comic-home .contact-dots {display:none}
.comic-home .contact-form-section .contact-card {
  width:100%;max-width:1320px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-rows:auto auto auto auto auto 1fr;
  align-items:start;gap:0 50px;padding:48px 36px;border:0;border-radius:0;box-shadow:none;background:transparent;isolation:isolate;
}
.comic-home .contact-card::before {content:"";position:absolute;inset:2px 57% 6% -18px;background:var(--paper);border:4px solid var(--ink);box-shadow:5px 7px 0 var(--ink);transform:rotate(-3deg);z-index:-1}
.comic-home .contact-card>p,.comic-home .contact-card>h2 {grid-column:1}
.comic-home .contact-card>.eyebrow {font-size:11px;max-width:100%;margin-bottom:20px;padding:6px 9px;transform:rotate(-3deg)}
.comic-home .contact-card h2 {font-size:clamp(48px,5.1vw,78px);line-height:1.02;margin:0 0 23px;max-width:100%;transform:rotate(-3deg)}
.comic-home .contact-card>p:not(.eyebrow) {font:400 17px/1.5 var(--body);max-width:95%;margin:0 0 15px;padding-right:8px;overflow-wrap:anywhere}
.comic-home .contact-card>.comic-sticker {width:210px;right:47%;top:auto;bottom:-25px;transform:rotate(-8deg)}
.comic-home .contact-card>.contact-form {
  grid-column:2;grid-row:1/span 8;margin:0;padding:27px;background:var(--paper);border:4px solid var(--ink);
  box-shadow:7px 8px 0 var(--ink);transform:rotate(1deg);min-width:0;
}
.comic-home .form-grid {gap:15px;grid-template-columns:1fr 1fr}
.comic-home .contact-form label {font-size:13px;gap:6px;margin-bottom:0;line-height:1.4}
.comic-home .contact-form :is(input,select,textarea) {font-size:16px;min-height:48px;padding:10px 11px;border-radius:0;background:#fffbe4;border:2px solid var(--ink)}
.comic-home .contact-form textarea {min-height:105px;background:#effdff}
.comic-home .form-grid+label {margin-top:18px}
.comic-home .contact-form .form-privacy {margin-block:16px 5px;font-size:12px;line-height:1.5!important}
.comic-home .contact-form button.button {display:flex;width:100%;margin-top:4px;min-height:80px;padding:23px 29px;font-size:25px;--button-fill:var(--pink)}
.comic-home .site-footer {padding:38px 6%;gap:25px;background:var(--yellow);border-top:5px solid var(--ink)}
.comic-home .footer-name {font-size:30px;max-width:290px;transform:rotate(-2deg)}
.comic-home .social-link {border-radius:0;box-shadow:3px 3px 0 var(--ink);background:var(--paper);font-size:12px}
.comic-home .footer-links {gap:18px;font-size:12px}
.comic-home .site-footer>p {font-size:11px;letter-spacing:.03em}
@media(min-width:1601px){.comic-home .site-header{padding-inline:80px}.comic-home .hero{padding-inline:88px}.comic-home .hero h1{font-size:115px}}
@media(max-width:1100px){
  .comic-home .site-header{padding-inline:4%}.comic-home .header-actions{gap:12px}.comic-home .site-header [data-navigation] a{padding-inline:14px}
  .comic-home .hero{padding-inline:5%;margin-top:-56px}.comic-home .hero-copy{margin-top:195px;margin-right:-40px}.comic-home .hero h1{font-size:8.1vw}.comic-home .hero-intro{max-width:365px;font-size:16px}
  .comic-home .hero-art{width:94%;margin-left:0}.comic-home .speech-bubble{font-size:32px;padding:22px 25px;right:-16%;top:6%;max-width:60%}.comic-home .hero-sticker{right:-19%;width:230px}
  .comic-home .services{padding-inline:5%}.comic-home .service-list{gap:20px}.comic-home .service{padding:6px}.comic-home .service-visual{height:190px}.comic-home .service>.service-copy{padding:22px 16px 20px}.comic-home .service h3{font-size:32px}.comic-home .services .service p.service-description{font-size:15px}.comic-home .service .service-enquiry{font-size:12px}
  .comic-home .section-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px 40px;padding-inline:6%}.comic-home .comic-card{font-size:39px;padding-inline:24px}.comic-home .comic-card>.comic-sticker{width:160px}
  .comic-home .contact-form-section .contact-card{gap:0 35px;padding-inline:12px}.comic-home .contact-card::before{right:57%;left:-7px}.comic-home .contact-card>.contact-form{padding:23px}.comic-home .contact-card h2{font-size:58px}
}
@media(max-width:820px){
  .comic-home .site-header{padding:12px 22px 0;gap:16px}.comic-home .brand-logo{width:150px}.comic-home .header-actions{margin-top:12px;gap:10px;flex-wrap:nowrap}.comic-home .language-switch a{min-width:33px;min-height:42px;font-size:11px}
  .comic-home .menu-toggle{display:grid;border-radius:0;background:var(--pink);box-shadow:3px 3px 0 var(--ink);border:3px solid var(--ink);min-height:48px;font-size:12px;padding:8px 10px}
  .comic-home .site-header [data-navigation]{position:fixed;inset:0;z-index:30;transform:none;padding:130px 28px 70px;background:var(--yellow) url('print-texture.svg') center/750px;border:0;box-shadow:none;gap:22px;flex-direction:column;justify-content:center}
  .comic-home .site-header [data-navigation] a{font:400 clamp(40px,8vw,64px)/1.1 var(--display);border:4px solid var(--ink);padding:15px 28px;background:var(--paper);box-shadow:5px 5px 0 var(--ink);transform:rotate(-3deg)}
  .comic-home .site-header [data-navigation] a+a{border:4px solid var(--ink)}.comic-home .site-header [data-navigation] a:nth-child(2){transform:rotate(3deg)}.comic-home .menu-toggle{z-index:31}.comic-home.menu-is-open .menu-toggle{position:fixed;top:25px;right:24px}
  .comic-home .hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:45px 5% 23px;gap:0;margin-top:-26px}
  .comic-home .hero-copy{grid-column:1;grid-row:1;margin:185px -52px 0 0;padding:0;max-width:none;transform:rotate(-4deg)}.comic-home .hero h1{font-size:clamp(53px,8.2vw,68px);padding:13px 16px 16px 12px}.comic-home .hero-copy>.eyebrow{font-size:9px;padding:6px 8px}.comic-home .hero-intro{font-size:15px;padding:11px 12px;margin-bottom:11px;max-width:330px}.comic-home .region-line{font-size:9px;margin-left:0}.comic-home .hero .button-primary{font-size:21px;min-height:74px;padding:22px 27px}
  .hero-property{top:58px;left:-4%;width:62%;height:38%}.comic-home .hero-art{grid-column:2;grid-row:1;width:100%;margin:0}.comic-home .speech-bubble{font-size:27px;right:0;padding:17px 19px;top:1%}.comic-home .hero-sticker{right:-4%;width:185px;bottom:11%}.comic-home .hero-sticker-second{left:-13%;width:125px;bottom:-3%}
  .comic-home .service-jumps{margin-top:24px;margin-bottom:-45px;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;padding:5px}.comic-home .service-jumps .button{min-height:72px;font-size:14px;gap:10px;padding:10px}.jump-icon{width:32px;height:38px}
  .comic-home .services{padding:85px 5% 48px}.comic-home .services-heading{gap:16px;margin-bottom:32px}.comic-home .services-heading h2{font-size:36px}.comic-home .services-heading h2 br{display:block}.comic-home .services-heading h2 em{margin-left:0}.comic-home .service-list{grid-template-columns:1fr;gap:35px}.comic-home .service{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:0;padding:6px;transform:rotate(-1.8deg)}.comic-home .service-blue{transform:rotate(1.4deg)}.comic-home .service-red{transform:rotate(-.7deg)}.comic-home .service-visual{height:100%;min-height:245px;border:3px solid var(--ink);border-right:0}.comic-home .service>.service-copy{border:3px solid var(--ink);border-left:0;padding:24px}.comic-home .service h3{font-size:37px}.comic-home .service-number{width:65px;height:67px;font-size:45px}.comic-home .service .service-enquiry{font-size:13px}
  .comic-home .section-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);padding:55px 6% 65px;gap:25px}.comic-home .manifesto-copy h2{font-size:43px}.comic-home .manifesto-copy>p:not(.eyebrow){font-size:16px;padding:13px}.comic-home .comic-card{font-size:35px;padding:45px 20px 32px}.comic-home .comic-card>.comic-sticker{width:145px;right:-25px;top:-50px}.comic-home .mini-facts span{font-size:9px;padding:5px 7px}
  .comic-home .catalog{padding:53px 6% 64px}.comic-home .catalog-heading h2{font-size:38px;padding:11px 18px}.comic-home .catalog-heading>.comic-sticker{width:135px}.comic-home .catalog-grid{gap:27px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
  .comic-home .contact-form-section{padding:67px 6% 61px}.comic-home .contact-form-section .contact-card{display:block;padding:26px 0 0}.comic-home .contact-card::before{inset:0 5% 35% -7px;transform:rotate(-2deg)}.comic-home .contact-card>.eyebrow,.comic-home .contact-card>h2,.comic-home .contact-card>p{margin-left:17px;max-width:87%}.comic-home .contact-card h2{font-size:57px}.comic-home .contact-card>.contact-form{margin-top:30px;padding:25px;transform:rotate(.6deg)}.comic-home .contact-card>.comic-sticker{width:130px;right:-9px;bottom:auto;top:-58px}.comic-home .form-grid{grid-template-columns:1fr 1fr}.comic-home .contact-card>.eyebrow{max-width:calc(100% - 115px)}
}
@media(max-width:600px){
  .comic-home .site-header{padding:10px 15px 0;gap:10px}.comic-home .brand-logo{width:134px}.comic-home .header-actions{gap:8px;margin-top:14px}.comic-home .language-switch{border-width:3px;box-shadow:3px 3px 0 var(--ink)}.comic-home .language-switch a{min-width:29px;min-height:39px;font-size:11px;padding:0 5px}.comic-home .menu-toggle{display:flex;min-height:44px;min-width:48px;font-size:11px;padding:8px}.comic-home .menu-toggle span{display:none}
  .comic-home .hero{display:grid;grid-template-columns:1fr;margin-top:-11px;padding:22px 6% 22px}.comic-home .hero-art{grid-column:1;grid-row:1;width:72%;max-width:330px;margin:8px 3% 0 auto;z-index:2}.comic-home .hero-copy{grid-column:1;grid-row:2;width:96%;max-width:440px;margin:-38px auto 0 0;z-index:6;transform:rotate(-3deg)}.comic-home .hero h1{font-size:clamp(56px,12.2vw,73px);line-height:.91;max-width:100%;margin-bottom:16px;padding:16px 18px 18px 12px}.comic-home .hero h1>span{font-size:.77em}.comic-home .hero h1::before{inset:0 -8px 0 -12px}.comic-home .hero-copy>.eyebrow{max-width:90%;font-size:9px;margin-bottom:9px;padding:6px 9px;transform:rotate(3deg)}.comic-home .hero-intro{max-width:96%;font-size:16px;line-height:1.45;padding:12px 14px;transform:rotate(2deg)}.comic-home .region-line{font-size:9px;margin:1px 0 0 7px;max-width:96%}.comic-home .hero .button-primary{font-size:23px;min-height:78px;padding:22px 32px}
  .hero-property{top:28px;left:-8%;width:67%;height:225px;border-width:4px;transform:rotate(-10deg)}.comic-home .hero .hero-property .service-visual{min-height:0;height:100%}.comic-home .hero-art .burst-red{inset:7% -20% 5% -24%}.comic-home .hero-art .burst-yellow{inset:40% -19% -8% -40%}.comic-home .speech-bubble{left:-33%;right:auto;top:10%;max-width:70%;font-size:clamp(23px,5.6vw,31px);padding:17px 23px 22px;border-width:4px;transform:rotate(-9deg)}.comic-home .speech-bubble::after{left:auto;right:10px;bottom:-15px;transform:rotate(7deg)}.comic-home .hero-sticker{width:57%;right:-16%;bottom:13%;transform:rotate(9deg)}.comic-home .hero-sticker-second{width:43%;left:-28%;bottom:19%;transform:rotate(-13deg)}
  .comic-home .service-jumps{grid-column:1;grid-row:3;margin:9px auto -43px;width:100%;border-width:4px;box-shadow:inset 0 0 0 3px var(--turquoise),4px 6px 0 var(--ink);padding:4px;transform:rotate(1.3deg)}.comic-home .service-jumps .button{flex-direction:column;gap:6px;padding:10px 3px;min-height:84px;font-size:11px;line-height:1.2;overflow-wrap:normal}.jump-icon{width:30px;height:33px}
  .comic-home .services{padding:77px 7% 43px}.comic-home .services-heading{gap:13px;margin-bottom:36px}.comic-home .services-heading>.section-label{padding:6px 7px;font-size:8px}.comic-home .services-heading .section-label>span{font-size:25px}.comic-home .services-heading h2{font-size:32px}.comic-home .service-list{gap:36px}.comic-home .service{display:flex;gap:0;padding:6px;transform:rotate(-2deg)}.comic-home .service-blue{transform:rotate(1.4deg)}.comic-home .service-red{transform:rotate(-1deg)}.comic-home .service-visual{height:205px;min-height:0;border:3px solid var(--ink);border-bottom:0}.comic-home .service>.service-copy{padding:22px 21px;border:3px solid var(--ink);border-top:0}.comic-home .service h3{font-size:40px}.comic-home .service-number{top:-17px;left:-4px;width:65px;height:67px;font-size:45px}.comic-home .services .service p.service-description{font-size:16px;line-height:1.5}.comic-home .service .service-enquiry{font-size:13px;min-height:52px;padding:11px 12px}
  .comic-home .section-grid{display:grid;grid-template-columns:1fr;padding:42px 7% 67px;gap:27px}.comic-home .section-grid>.section-label{margin:0;grid-column:1}.comic-home .manifesto-copy h2{font-size:46px}.comic-home .manifesto-copy>p:not(.eyebrow){font-size:16px}.comic-home .mini-facts{gap:7px}.comic-home .comic-card{width:88%;max-width:350px;margin:34px auto 0;font-size:40px;padding:51px 23px 35px}.comic-home .comic-card>.comic-sticker{width:156px;right:-24px;top:-52px}
  .comic-home .catalog{padding:47px 7% 60px}.comic-home .catalog-heading{gap:9px;margin-bottom:29px}.comic-home .catalog-heading h2{font-size:35px;padding:11px 15px;max-width:100%;flex:1}.comic-home .catalog-heading>.comic-sticker{width:80px;margin-left:-24px;margin-right:-9px;align-self:start;margin-top:-12px}.comic-home .catalog-grid{grid-template-columns:1fr;gap:30px}.comic-home .property-copy{padding:21px 17px}.comic-home .property-copy h3{font-size:35px}
  .comic-home .contact-form-section{padding:57px 6% 54px}.comic-home .contact-form-section .contact-card{padding-top:29px}.comic-home .contact-card>.eyebrow{font-size:10px;max-width:calc(100% - 72px)}.comic-home .contact-card h2{font-size:53px}.comic-home .contact-card>p:not(.eyebrow){font-size:16px}.comic-home .contact-card>.comic-sticker{width:115px;right:-4px;top:-58px}.comic-home .contact-card>.contact-form{padding:22px 19px;transform:rotate(.5deg);margin-top:27px;border-width:3px;box-shadow:5px 6px 0 var(--ink)}.comic-home .form-grid{grid-template-columns:1fr;gap:16px}.comic-home .contact-form label{font-size:14px}.comic-home .contact-form button.button{font-size:23px;min-height:86px;padding:25px 27px}.comic-home .contact-card::before{inset:0 0 42% -4px}
  .comic-home .site-footer{padding:32px 7%;gap:21px}.comic-home .footer-name{font-size:30px}.comic-home .social-links{gap:9px}.comic-home .footer-links{gap:19px;font-size:12px}
}
@media(max-width:360px){
  .comic-home .site-header{padding-inline:10px;gap:5px}.comic-home .brand-logo{width:112px}.comic-home .header-actions{gap:5px}.comic-home .language-switch a{min-width:27px;font-size:10px}.comic-home .menu-toggle{min-width:44px;font-size:10px;padding:6px}
  .comic-home .hero h1{font-size:51px}.comic-home .hero-copy>.eyebrow{font-size:8px}.comic-home .hero-intro{font-size:15px}.comic-home .service-jumps .button{font-size:10px}.comic-home .speech-bubble{font-size:22px;padding:16px 20px}.comic-home .services-heading h2{font-size:29px}.comic-home .service h3{font-size:35px}.comic-home .service>.service-copy{padding:20px 17px}.comic-home .service .service-enquiry{font-size:12px}.comic-home .manifesto-copy h2{font-size:41px}.comic-home .catalog-heading h2{font-size:31px}.comic-home .contact-card h2{font-size:46px}.comic-home .contact-card>.contact-form{padding:20px 15px}
}