@charset "UTF-8";

.home { font-family: "YS Noto Sans JP", sans-serif; }
.home .join-video { overflow: hidden; background: #000; }
.home .join-video iframe { display: block; position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.home main { overflow: hidden; position: relative; isolation: isolate; }
.home .top-decorations { display: none; }
.home .feature-media { overflow: hidden; position: relative; }
.home .feature-media img { width: 100%; height: 100%; object-fit: cover; }
.home .feature-pagination { display: flex; gap: 12px; justify-content: center; }
.home .feature-pagination button { display: block; border: 0; padding: 0; width: 14px; height: 14px; border-radius: 50%; background: #d9d9d9; }
.home .feature-pagination button[aria-pressed="true"] { background: var(--green); }
.home .feature-card { position: relative; }
.home .business-section { background-image: linear-gradient(209deg, #79e06fcc 7%, #28a745cc 74%), url("../images/3df55.png"); }
.home .blog-controls { display: flex; align-items: center; gap: 30px; }
.home .blog-scrollbar { position: relative; flex: 1; height: 6px; background: var(--pale); }
.home .blog-scrollbar span { position: absolute; left: 0; top: 0; width: 20%; height: 100%; background: var(--green); }
.home .hero-outline { position: absolute; display: block; pointer-events: none; z-index: -2; }
.home .hero-white { display: none; }
.home .interview-cards > a > div { border-top-right-radius: 20px; }

@media (min-width: 1101px) {
  .home { --u: calc(100vw / 1920); font-size: calc(16 * var(--u)); }
  .home .container { width: calc(1440 * var(--u)); max-width: none; }
  .home .container.narrow { width: calc(1100 * var(--u)); }
  .home .site-header { height: calc(100 * var(--u)); }
  .home .site-logo { width: calc(308 * var(--u)); margin-left: calc(22 * var(--u)); }
  .home .site-navigation { width: calc(914 * var(--u)); gap: calc(28 * var(--u)); justify-content: flex-end; }
  .home .nav-link { font-size: calc(16 * var(--u)); gap: calc(14 * var(--u)); }
  .home .nav-link img { max-height: calc(33 * var(--u)); max-width: calc(37 * var(--u)); }
  .home .nav-entry, .home .nav-recruit { padding-inline: calc(20 * var(--u)); min-width: calc(155 * var(--u)); }
  .home .nav-entry { margin-left: 0; }
  .home .nav-recruit { margin-left: calc(-28 * var(--u)); }
  .home .hero { height: calc(980 * var(--u)); min-height: 0; max-height: none; aspect-ratio: auto; }
  .home .hero-content { padding: calc(77 * var(--u)) calc(60 * var(--u)) 0; width: calc(980 * var(--u)); }
  .home .hero h1 { width: calc(833 * var(--u)); margin-left: calc(7 * var(--u)); }
  .home .hero-catch { width: 100%; }
  .home .hero-background { max-width: none; }
  .home .hero:before { display: none; }
  .home .hero-green { width: calc(842 * var(--u)); top: calc(-17 * var(--u)); left: 0; mask-image: none; }
  .home .hero-white { display: block; position: absolute; width: calc(842 * var(--u)); max-width: none; height: calc(1743 * var(--u)); left: calc(450.5 * var(--u)); top: calc(-550.5 * var(--u)); transform: rotate(-90deg) scaleY(-1); z-index: -2; }
  .home .hero-description { margin-top: calc(46 * var(--u)); font-size: calc(32 * var(--u)); line-height: 1.5; }
  .home .hero-description { position: relative; isolation: isolate; background: none; }
  .home .hero-description:before { content: ""; position: absolute; z-index: -1; left: calc(-60 * var(--u)); top: calc(-24 * var(--u)); width: calc(613 * var(--u)); height: calc(197 * var(--u)); background: linear-gradient(90deg,#ffffffcc 72.1%,#fff0); }
  .home .hero-badges { margin-top: calc(97 * var(--u)); gap: calc(15 * var(--u)); }
  .home .hero-badges a { width: calc(216 * var(--u)); font-size: calc(32 * var(--u)); border-width: calc(4 * var(--u)); }
  .home .hero-badges a:first-child img { opacity: 1; }
  .home .hero:after { left: calc(519 * var(--u)); top: calc(-482 * var(--u)); width: calc(297 * var(--u)); height: calc(567 * var(--u)); transform: rotate(-54.56deg); border-width: calc(6 * var(--u)); }
  .home .hero-outline-one { left: calc(1696 * var(--u)); top: calc(-251 * var(--u)); width: calc(297 * var(--u)); height: calc(567 * var(--u)); border: calc(6 * var(--u)) solid var(--yellow); transform: rotate(20.66deg); }
  .home .hero-outline-two { left: calc(1305 * var(--u)); top: calc(-282 * var(--u)); width: calc(382 * var(--u)); height: calc(686 * var(--u)); border: calc(6 * var(--u)) solid var(--yellow); transform: rotate(151.22deg); }
  .home .hero-outline-three { left: calc(437 * var(--u)); top: calc(630 * var(--u)); width: calc(297 * var(--u)); height: calc(567 * var(--u)); border: calc(6 * var(--u)) solid var(--lime); transform: rotate(45.27deg); }
  .home .hero-mini { width: calc(340 * var(--u)); font-size: calc(13 * var(--u)); bottom: calc(64 * var(--u)); right: calc(86 * var(--u)); }
  .home .hero-mini { height: calc(140 * var(--u)); }
  .home .hero-mini h2 { font-size: calc(24 * var(--u)); }
  .home .hero-mini p, .home .hero-mini .mini-label { font-size: calc(13 * var(--u)); }
  .home .hero-mini > div { padding: 0 calc(12 * var(--u)) calc(12 * var(--u)); }
  .home .hero-mini .mini-label { margin: 0 calc(-12 * var(--u)) calc(10 * var(--u)); }
  .home .hero-mini .mini-close { width: calc(23 * var(--u)); height: calc(23 * var(--u)); left: calc(-12 * var(--u)); top: calc(-12 * var(--u)); }
  .home .hero-mini .mini-close img { width: 100%; height: auto; }
  .home .hero-mini > div { padding: 0 calc(18 * var(--u)); }
  .home .hero-mini .mini-label { height: calc(30 * var(--u)); margin: 0 calc(-18 * var(--u)); font-size: calc(16 * var(--u)); line-height: calc(30 * var(--u)); }
  .home .hero-mini p { font-size: calc(15 * var(--u)); line-height: 1; margin-top: calc(11 * var(--u)); }
  .home .hero-mini h2 { color: var(--yellow); font-size: calc(35 * var(--u)); line-height: 1; margin-top: calc(5 * var(--u)); white-space: nowrap; width: max-content; letter-spacing:.08em; }

  .home .button { width: calc(500 * var(--u)); max-width: none; min-height: calc(85 * var(--u)); height: calc(85 * var(--u)); margin-top: calc(80 * var(--u)); padding: calc(20 * var(--u)) calc(65 * var(--u)); font-size: calc(24 * var(--u)); border-width: calc(2 * var(--u)); }
  .home .button .button-arrow { right: calc(18 * var(--u)); width: calc(48 * var(--u)); max-height: calc(18 * var(--u)); }
  .home .section-heading { margin-bottom: calc(80 * var(--u)); }
  .home .section-heading > span { font-size: calc(64 * var(--u)); line-height: 1; }
  .home .section-heading small { margin-top: calc(20 * var(--u)); font-size: calc(24 * var(--u)); line-height: 1; }
  .home .japanese-heading { font-size: calc(48 * var(--u)); line-height: 1; margin: 0; }

  .home .join-section { height: calc(1426 * var(--u)); padding: calc(155 * var(--u)) 0 0; }
  .home .join-grid { display: grid; width: calc(1444 * var(--u)); grid-template-columns: calc(400 * var(--u)) 1fr; gap: calc(189 * var(--u)); height: calc(720 * var(--u)); }
  .home .join-video { width: calc(400 * var(--u)); max-width: none; height: calc(720 * var(--u)); }
  .home .join-copy { display: flex; flex-direction: column; padding: calc(21 * var(--u)) calc(173 * var(--u)) 0 0; align-items: flex-end; text-align: right; }
  .home .join-copy h2 { font-size: calc(128 * var(--u)); line-height: 1; letter-spacing:.08em; white-space: nowrap; }
  .home .join-copy .join-label { font-size: calc(24 * var(--u)); line-height: 1; margin-top: calc(20 * var(--u)); }
  .home .join-copy p { font-size: calc(48 * var(--u)); line-height: 1.8; width: calc(680 * var(--u)); margin-top: calc(80 * var(--u)); white-space: nowrap; }
  .home .join-copy .button { margin: calc(79 * var(--u)) 0 0; flex-shrink: 0; }
  .home .join-ribbon { height: calc(650 * var(--u)); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 25%); background: linear-gradient(110deg,#28a745,#79e06f); }
  .home .join-section > .banner-space { margin: calc(175 * var(--u)) auto 0; }
  .home .lp-banner { height: calc(300 * var(--u)); aspect-ratio: auto; }
  .home .join-section .lineart { width: calc(1216 * var(--u)); right: calc(-344 * var(--u)); top: calc(474 * var(--u)); bottom: auto; }

  .home .features-section { height: calc(1103 * var(--u)); padding: calc(100 * var(--u)) 0 calc(150 * var(--u)); }
  .home .features-section .section-heading { height: calc(108 * var(--u)); }
  .home .feature-card { height: calc(500 * var(--u)); grid-template-columns: calc(650 * var(--u)) 1fr; border-width: calc(2 * var(--u)); position: relative; }
  .home .feature-card > img { width: 100%; height: 100%; min-height: 0; object-fit: cover; aspect-ratio: auto; }
  .home .feature-media { width: 100%; height: 100%; }
  .home .feature-media img { position: absolute; width: 134%; max-width: none; height: 116.2%; left: -22.3%; top: -.8%; object-fit: fill; }
  .home .feature-alternate .feature-media img { width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; }
  .home .feature-pagination { position: absolute; right: calc(25 * var(--u)); top: 50%; transform: translateY(-50%); flex-direction: column; gap: calc(20 * var(--u)); }
  .home .feature-pagination button { width: calc(14 * var(--u)); height: calc(14 * var(--u)); }
  .home .feature-copy { padding: calc(100 * var(--u)) calc(74 * var(--u)); }
  .home .feature-copy .eyebrow { font-size: calc(20 * var(--u)); line-height: 1; }
  .home .feature-copy .eyebrow b { font-size: calc(48 * var(--u)); margin-left: calc(12 * var(--u)); }
  .home .feature-copy h3 { font-size: calc(24 * var(--u)); margin: calc(28 * var(--u)) 0 calc(38 * var(--u)); }
  .home .feature-copy > p:last-child { font-size: calc(16 * var(--u)); line-height: 2; }
  .home .feature-alternate .feature-copy { padding-top: calc(64 * var(--u)); padding-bottom: calc(64 * var(--u)); }
  .home .feature-alternate .feature-copy h3 { margin-top: calc(20 * var(--u)); margin-bottom: calc(24 * var(--u)); }
  .home .feature-alternate .feature-copy .feature-description { font-size: calc(14 * var(--u)); }

  .home .company-section { height: calc(1417 * var(--u)); padding: calc(175 * var(--u)) 0 calc(167 * var(--u)); }
  .home .company-section .japanese-heading { padding-top: 0; margin-bottom: calc(100 * var(--u)); }
  .home .marquee-text { top: calc(75 * var(--u)); font-size: calc(200 * var(--u)); line-height: 1; }
  .home .intro-copy { margin-bottom: calc(100 * var(--u)); }
  .home .intro-copy h3 { font-size: calc(32 * var(--u)); line-height: 1; margin-bottom: calc(30 * var(--u)); }
  .home .intro-copy p { font-size: calc(20 * var(--u)); line-height: 2; }
  .home .company-links { height: calc(685 * var(--u)); gap: calc(40 * var(--u)); grid-template-columns: calc(700 * var(--u)) calc(685 * var(--u)); width: calc(1425 * var(--u)); margin-left: calc(8 * var(--u)); }
  .home .company-photo { overflow: hidden; border: calc(2 * var(--u)) solid var(--lime); position: relative; }
  .home .company-photo:after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: calc(450 * var(--u)); background: #38383866; }
  .home .company-photo > img { width: 100%; height: calc(450 * var(--u)); aspect-ratio: auto; object-fit: cover; transform: scale(1.16); }
  .home .company-photo > div { padding: calc(12 * var(--u)) calc(38 * var(--u)); height: calc(235 * var(--u)); position: relative; z-index: 1; background: white; }
  .home .company-photo h3 { font-size: calc(64 * var(--u)); line-height: 1.5; }
  .home .company-photo > div > span:not(.arrow) { position: absolute; left: calc(18 * var(--u)); top: calc(-110 * var(--u)); font-size: calc(96 * var(--u)); color: #fff3; font-weight: 700; text-transform: uppercase; }
  .home .company-tiles { gap: calc(35 * var(--u)); grid-template-rows: calc(320 * var(--u)) calc(330 * var(--u)); }
  .home .company-tiles a { padding: calc(44 * var(--u)) calc(50 * var(--u)); }
  .home .company-tiles h3 { font-size: calc(64 * var(--u)); line-height: 1; margin-bottom: calc(20 * var(--u)); }
  .home .company-tiles a > span:not(.arrow) { font-size: calc(24 * var(--u)); line-height: 1; }
  .home .arrow { right: calc(30 * var(--u)); bottom: calc(30 * var(--u)); font-size: calc(60 * var(--u)); }
  .home .company-section .lineart { width: calc(1272 * var(--u)); left: calc(-225 * var(--u)); bottom: calc(20 * var(--u)); }

  .home .business-section { height: calc(1524 * var(--u)); padding: calc(174 * var(--u)) 0 calc(175 * var(--u)); background-position: center; background-size: cover; }
  .home .business-section .section-heading { margin-bottom: calc(35 * var(--u)); }
  .home .business-section .section-heading > span { font-size: calc(128 * var(--u)); line-height: 1.1; }
  .home .business-section .section-heading small { margin-top: calc(10 * var(--u)); }
  .home .business-intro { font-size: calc(20 * var(--u)); line-height: 2; max-width: calc(1094 * var(--u)); }
  .home .business-section .button { margin: calc(80 * var(--u)) 0 calc(80 * var(--u)); }
  .home .business-cards { gap: calc(50 * var(--u)); grid-template-columns: repeat(3, calc(449 * var(--u))); }
  .home .business-cards > a { height: calc(600 * var(--u)); overflow: hidden; }
  .home .business-cards > a > div { height: calc(170 * var(--u)); min-height: 0; padding: calc(45 * var(--u)) calc(27 * var(--u)); }
  .home .business-cards h3 { font-size: calc(36 * var(--u)); line-height: 1; white-space: nowrap; }
  .home .business-cards span[lang] { display: block; font-size: calc(20 * var(--u)); line-height: 1; margin-top: calc(21 * var(--u)); }
  .home .business-cards > a > img { height: calc(430 * var(--u)); aspect-ratio: auto; object-fit: cover; }

  .home .interview-section { height: calc(1386 * var(--u)); padding: calc(175 * var(--u)) 0; background-size: calc(1847 * var(--u)) auto; }
  .home .interview-section .japanese-heading { font-size: calc(64 * var(--u)); line-height: 1; color: var(--lime); margin-bottom: calc(80 * var(--u)); }
  .home .interview-section .japanese-heading small { font-size: calc(20 * var(--u)); line-height: 1; margin-top: calc(30 * var(--u)); }
  .home .interview-cards { gap: calc(30 * var(--u)); grid-template-columns: repeat(3, calc(460 * var(--u))); margin-left: calc(6 * var(--u)); }
  .home .interview-cards > a { height: calc(657 * var(--u)); padding: 0; overflow: hidden; }
  .home .interview-cards > a > img { width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; }
  .home .interview-cards > a:first-child > img { object-position: 69% center; }
  .home .interview-cards > a:nth-child(2) > img { width: 253.04%; max-width: none; height: 147.64%; position: absolute; left: -102.47%; top: -38.94%; object-fit: fill; }
  .home .interview-cards > a:nth-child(3) > img { object-position: 27% center; }
  .home .interview-cards > a > div { position: absolute; bottom: 0; left: 0; width: calc(306 * var(--u)); height: calc(134 * var(--u)); min-height: 0; margin: 0; padding: calc(17 * var(--u)) calc(24 * var(--u)); border-radius: 0 calc(20 * var(--u)) 0 0; }
  .home .interview-cards h3 { font-size: calc(32 * var(--u)); line-height: 1; }
  .home .interview-cards p { font-size: calc(20 * var(--u)); line-height: 1.5; margin-top: calc(10 * var(--u)); }
  .home .interview-cards .arrow { display: none; }
  .home .interview-section > .container > .button { margin-top: calc(100 * var(--u)); }
  .home .interview-section .lineart { width: calc(1190 * var(--u)); left: calc(-10 * var(--u)); bottom: calc(10 * var(--u)); }

  .home .entry-strip { height: calc(450 * var(--u)); padding: calc(82 * var(--u)) 0 0; }
  .home .entry-strip > .container { width: calc(1680 * var(--u)); padding: 0; gap: calc(190 * var(--u)); align-items: flex-start; height: 100%; }
  .home .entry-strip h2 { font-size: calc(200 * var(--u)); line-height: 1; }
  .home .entry-strip small { font-size: calc(36 * var(--u)); margin-top: calc(55 * var(--u)); line-height: 1; }
  .home .entry-strip p { font-size: calc(16 * var(--u)); max-width: calc(658 * var(--u)); line-height: 2; }
  .home .entry-strip .arrow { right: calc(130 * var(--u)); bottom: calc(55 * var(--u)); width: calc(140 * var(--u)); }

  .home .flow-company { height: calc(1184 * var(--u)); padding: calc(175 * var(--u)) 0 calc(25 * var(--u)); }
  .home .two-columns { gap: calc(50 * var(--u)); grid-template-columns: repeat(2, calc(695 * var(--u))); }
  .home .two-columns .section-heading { gap: calc(25 * var(--u)); height: calc(64 * var(--u)); margin-bottom: calc(60 * var(--u)); }
  .home .two-columns .section-heading > span { font-size: calc(64 * var(--u)); }
  .home .two-columns .section-heading small { font-size: calc(20 * var(--u)); margin: 0; }
  .home .two-columns > div > a > img { width: 100%; height: calc(695 * var(--u)); aspect-ratio: auto; object-fit: cover; }
  .home .two-columns .button { margin-top: calc(80 * var(--u)); }
  .home .flow-company .lineart { width: calc(1190 * var(--u)); right: calc(-231 * var(--u)); top: calc(618 * var(--u)); bottom: auto; }

  .home .blog-section { padding: calc(150 * var(--u)) 0 calc(101 * var(--u)); height: calc(834 * var(--u)); }
  .home .blog-section > .container { width: calc(1813 * var(--u)); margin-left: calc(107 * var(--u)); display: grid; grid-template-columns: calc(237 * var(--u)) minmax(0, 1fr); gap: 0 calc(60 * var(--u)); }
  .home .blog-section .section-heading { margin: 0; grid-column: 1; grid-row: 1; }
  .home .blog-section .section-heading > span { font-size: calc(96 * var(--u)); }
  .home .blog-section .section-heading small { font-size: calc(20 * var(--u)); }
  .home .blog-section .post-grid { grid-column: 2; display: flex; gap: calc(50 * var(--u)); width: 100%; overflow: auto; scrollbar-width: none; scroll-snap-type: x mandatory; }
  .home .blog-section .post-grid::-webkit-scrollbar { display: none; }
  .home .blog-section .post-card { flex: 0 0 calc(535 * var(--u)); scroll-snap-align: start; }
  .home .blog-section .post-image { height: calc(295.44 * var(--u)); aspect-ratio: auto; background: #fff; }
  .home .post-image > .post-placeholder { width: calc(339 * var(--u)); }
  .home .blog-section .post-meta { gap: calc(15 * var(--u)); margin-top: calc(15 * var(--u)); font-size: calc(16 * var(--u)); min-height: calc(35 * var(--u)); }
  .home .blog-section .post-meta > span { font-size: calc(20 * var(--u)); width: calc(155 * var(--u)); text-align: center; padding: 0; line-height: calc(35 * var(--u)); }
  .home .blog-section .post-card h3 { font-size: calc(20 * var(--u)); line-height: 2; margin-top: calc(18 * var(--u)); }
  .home .blog-controls { grid-column: 2; margin-top: calc(95 * var(--u)); gap: calc(30 * var(--u)); }
  .home .blog-controls .button { margin: 0 calc(6 * var(--u)) 0 0; flex-shrink: 0; }
  .home .blog-scrollbar { height: calc(10 * var(--u)); }

  .home .photo-strip { height: calc(395 * var(--u)); padding-bottom: calc(101 * var(--u)); }
  .home .photo-track { transform: translateX(calc(-71 * var(--u))); }
  .home .photo-set { gap: calc(98 * var(--u)); padding-right: calc(98 * var(--u)); }
  .home .photo-set img { width: calc(322 * var(--u)); height: calc(243 * var(--u)); }
  .home .photo-set img:nth-child(even) { width: calc(390 * var(--u)); height: calc(294 * var(--u)); }

  .home .home-faq { height: calc(1383 * var(--u)); padding: calc(175 * var(--u)) 0; }
  .home .home-faq .section-heading { height: calc(104 * var(--u)); margin-bottom: calc(100 * var(--u)); }
  .home .home-faq .section-heading small { font-size: calc(20 * var(--u)); }
  .home .faq-item { min-height: calc(257 * var(--u)); padding: calc(45 * var(--u)) calc(35 * var(--u)); margin-bottom: calc(29 * var(--u)); border: 0; }
  .home .faq-item:last-child { margin-bottom: 0; }
  .home .faq-item summary { gap: calc(30 * var(--u)); font-size: calc(20 * var(--u)); line-height: 2; }
  .home .qa-mark { min-width: calc(40 * var(--u)); height: calc(40 * var(--u)); font-size: calc(20 * var(--u)); }
  .home .faq-answer { gap: calc(30 * var(--u)); padding: calc(30 * var(--u)) calc(35 * var(--u)) 0 0; font-size: calc(16 * var(--u)); }
  .home .faq-toggle { width: calc(31 * var(--u)); }
  .home main > .banner-space { height: calc(650 * var(--u)); padding: calc(175 * var(--u)) 0; margin: 0 auto; }

  .home .site-footer { height: calc(1015 * var(--u)); }
  .home .contact-box.container.narrow { width: calc(1440 * var(--u)); height: calc(425 * var(--u)); padding: 0; margin-bottom: 0; border-width: calc(2 * var(--u)); }
  .home .contact-title { padding: calc(54 * var(--u)) 0 0; height: calc(150 * var(--u)); }
  .home .contact-title > span { top: 0; font-size: calc(128 * var(--u)); line-height: 1; }
  .home .contact-title h2 { font-size: calc(64 * var(--u)); line-height: 1; }
  .home .contact-phone { width: calc(700 * var(--u)); max-width: none; height: calc(85 * var(--u)); margin: calc(18 * var(--u)) auto calc(30 * var(--u)); padding: 0; gap: calc(10 * var(--u)); }
  .home .contact-phone > span { font-size: calc(20 * var(--u)); }
  .home .contact-phone > a { font-size: calc(48 * var(--u)); gap: calc(10 * var(--u)); line-height: 1; }
  .home .contact-phone img { width: calc(58 * var(--u)); }
  .home .contact-buttons { gap: calc(30 * var(--u)); width: calc(930 * var(--u)); margin: 0 auto; }
  .home .contact-buttons .button { width: calc(450 * var(--u)); height: calc(100 * var(--u)); min-height: 0; padding: calc(20 * var(--u)); margin: 0; font-size: calc(24 * var(--u)); }
  .home .footer-body { margin-top: calc(-225 * var(--u)); height: calc(815 * var(--u)); padding: calc(303 * var(--u)) 0 0; background-image: linear-gradient(#28a745b3,#28a745b3),url('../images/e57a0.png'); background-size: 100% 100%,100% auto; background-position: center,center calc(-891 * var(--u)); }
  .home .footer-youtube { display: block; width: calc(35 * var(--u)); margin-top: calc(124 * var(--u)); }
  .home .footer-youtube img { width: 100%; }
  .home .contact-buttons .button { padding-left: calc(65 * var(--u)); }
  .home .contact-buttons .button:before { content: ""; position: absolute; left: calc(25 * var(--u)); width: calc(55 * var(--u)); height: calc(38 * var(--u)); background: url('../images/36e0c.svg') center / contain no-repeat; }
  .home .contact-buttons .button-yellow:before { left: calc(40 * var(--u)); width: calc(39 * var(--u)); background-image: url('../images/9d539.svg'); }
  .home .company-photo .arrow, .home .company-tiles .arrow, .home .business-cards .arrow, .home .entry-strip .arrow { font-size: 0; width: calc(65 * var(--u)); height: calc(20 * var(--u)); background: url('../images/b4d90.svg') center / contain no-repeat; }
  .home .company-photo .arrow { background-image: url('../images/259f3.svg'); }
  .home .business-cards .arrow { background-image: url('../images/5daed.svg'); }
  .home .entry-strip .arrow { width: calc(143 * var(--u)); height: calc(41 * var(--u)); background-image: url('../images/01082.svg'); }
  .home .footer-grid { position: relative; height: calc(450 * var(--u)); grid-template-columns: calc(650 * var(--u)) calc(352 * var(--u)); gap: 0 calc(98 * var(--u)); }
  .home .footer-logo { width: calc(228 * var(--u)); max-width: none; margin-bottom: calc(47 * var(--u)); }
  .home .footer-grid p { font-size: calc(16 * var(--u)); line-height: 2; }
  .home .footer-grid nav { gap: calc(20 * var(--u)) calc(45 * var(--u)); font-size: calc(16 * var(--u)); line-height: 1; grid-template-columns: calc(135 * var(--u)) calc(210 * var(--u)); grid-template-rows: repeat(5, calc(16 * var(--u))); }
  .home .footer-grid nav a:nth-child(-n+4) { grid-column: 1; }
  .home .footer-grid nav a:nth-child(n+5) { grid-column: 2; }
  .home .footer-grid nav a:nth-child(1), .home .footer-grid nav a:nth-child(5) { grid-row: 1; }
  .home .footer-grid nav a:nth-child(2), .home .footer-grid nav a:nth-child(6) { grid-row: 2; }
  .home .footer-grid nav a:nth-child(3), .home .footer-grid nav a:nth-child(7) { grid-row: 3; }
  .home .footer-grid nav a:nth-child(4), .home .footer-grid nav a:nth-child(8) { grid-row: 4; }
  .home .footer-grid nav a:nth-child(9) { grid-row: 5; }
  .home .page-top { position: absolute; right: 0; top: calc(298 * var(--u)); font-size: calc(16 * var(--u)); }
  .home .page-top { display: flex; align-items: center; gap: calc(12 * var(--u)); }
  .home .page-top-icon { width: calc(28 * var(--u)); height: auto; }
  .home .copyright { position: absolute; top: calc(386 * var(--u)); left: 0; width: 100%; padding-top: calc(20 * var(--u)); font-size: calc(16 * var(--u)); }

  .home .decorated:before, .home .decorated:after { border-width: calc(6 * var(--u)); width: calc(297 * var(--u)); height: calc(567 * var(--u)); }
  .home .features-section:before { top: calc(-80 * var(--u)); left: calc(-140 * var(--u)); transform: rotate(20.66deg); }
  .home .features-section:after { right: calc(-90 * var(--u)); bottom: calc(10 * var(--u)); transform: rotate(20.66deg); }
  .home .join-section:before { left: calc(-140 * var(--u)); top: calc(1200 * var(--u)); transform: rotate(20.66deg); }
  .home .join-section:after { display: none; }
  .home .interview-section:before { left: calc(-180 * var(--u)); top: calc(670 * var(--u)); transform: rotate(20.66deg); border-color: var(--yellow); }
  .home .interview-section:after { right: calc(-160 * var(--u)); top: 0; transform: rotate(20.66deg); border-color: var(--lime); }
  .home .flow-company:before { display: none; }
  .home .flow-company:after { right: calc(-160 * var(--u)); bottom: calc(-180 * var(--u)); border-color: var(--lime); }
  .home .home-faq:before { top: calc(50 * var(--u)); left: calc(-180 * var(--u)); border-color: var(--green); }
  .home .home-faq:after { right: calc(-210 * var(--u)); bottom: calc(-400 * var(--u)); border-color: var(--yellow); }
  .home .features-section:before, .home .features-section:after, .home .join-section:before, .home .interview-section:before, .home .interview-section:after { display: none; }
  .home .top-decorations { display: block; position: absolute; inset: 0; pointer-events: none; z-index: 0; }
  .home .top-outline { position: absolute; border: calc(6 * var(--u)) solid var(--lime); width: calc(297 * var(--u)); height: calc(567 * var(--u)); }
  .home .top-outline { transform-origin: 0 0; }
  .home .top-outline-a { left: calc(81.0525 * var(--u)); top: calc(2183 * var(--u)); transform: rotate(18.515deg); }
  .home .top-outline-b { left: calc(309.48 * var(--u)); top: calc(2435 * var(--u)); transform: rotate(44.3676deg); border-color: var(--yellow); }
  .home .top-outline-c { left: calc(1681.0527 * var(--u)); top: calc(2839 * var(--u)); transform: rotate(18.515deg); }
  .home .top-outline-d { left: calc(1878.3262 * var(--u)); top: calc(2991 * var(--u)); transform: rotate(35.3844deg); border-color: var(--yellow); }
  .home .top-outline-e { left: calc(1761.3447 * var(--u)); top: calc(6298 * var(--u)); width: calc(399.7524 * var(--u)); height: calc(763.1636 * var(--u)); transform: rotate(18.515deg); }
  .home .top-outline-f { left: calc(2030.7651 * var(--u)); top: calc(6724 * var(--u)); width: calc(437.2766 * var(--u)); height: calc(834.8009 * var(--u)); transform: rotate(40.1943deg); border-color: var(--yellow); }
  .home .top-outline-g { left: calc(33.1484 * var(--u)); top: calc(7089 * var(--u)); width: calc(437.2766 * var(--u)); height: calc(834.8009 * var(--u)); transform: rotate(17.7246deg); border-color: var(--yellow); }
}

@media (max-width: 1100px) {
  .home .feature-media { aspect-ratio: 650 / 420; }
  .home .feature-pagination { padding: 0 0 25px; }
  .home .footer-youtube { display: block; width: 30px; margin-top: 25px; }
  .home .page-top { display: flex; justify-content: flex-end; align-items: center; gap: 10px; }
  .home .page-top-icon { width: 24px; height: auto; }
  .home .blog-controls { margin-top: 35px; }
  .home .blog-controls .button { margin-top: 0; }
  .home .blog-scrollbar { display: none; }
  .home .blog-section .post-grid { display: flex; overflow-x: auto; gap: 24px; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .home .blog-section .post-card { flex: 0 0 80%; scroll-snap-align: start; }
  .home .business-section { background-position: center; }
}