|
327 | 327 | justify-self: start; |
328 | 328 | } |
329 | 329 |
|
| 330 | +.hayate-partners { |
| 331 | + background: #dff6ef; |
| 332 | + color: var(--hayate-ink); |
| 333 | + margin: 0 calc(50% - 50vw); |
| 334 | + width: 100vw; |
| 335 | +} |
| 336 | + |
| 337 | +.hayate-partners__inner { |
| 338 | + display: grid; |
| 339 | + gap: 2.5rem 5rem; |
| 340 | + grid-template-columns: minmax(0, 1.2fr) minmax(17rem, 0.8fr); |
| 341 | + margin: 0 auto; |
| 342 | + max-width: none; |
| 343 | + padding: 5.5rem max(2.4rem, calc((100vw - 68rem) / 2)); |
| 344 | +} |
| 345 | + |
| 346 | +.hayate-partners h2 { |
| 347 | + color: var(--hayate-ink); |
| 348 | + font-size: clamp(2.2rem, 5vw, 4.4rem); |
| 349 | + line-height: 0.98; |
| 350 | + margin-bottom: 1.5rem; |
| 351 | + max-width: 10ch; |
| 352 | +} |
| 353 | + |
| 354 | +.hayate-partners__copy > p:last-child { |
| 355 | + color: #29443d; |
| 356 | + font-size: 1.02rem; |
| 357 | + line-height: 1.7; |
| 358 | + max-width: 36rem; |
| 359 | +} |
| 360 | + |
| 361 | +.hayate-partners__tracks { |
| 362 | + grid-column: 2; |
| 363 | + grid-row: 1 / span 2; |
| 364 | + list-style: none; |
| 365 | + margin: 0; |
| 366 | + padding: 0; |
| 367 | +} |
| 368 | + |
| 369 | +.hayate-partners__tracks li { |
| 370 | + align-items: baseline; |
| 371 | + border-bottom: 1px solid rgb(7 19 31 / 18%); |
| 372 | + display: grid; |
| 373 | + gap: 1rem; |
| 374 | + grid-template-columns: 2.5rem 1fr; |
| 375 | + padding: 1.2rem 0; |
| 376 | +} |
| 377 | + |
| 378 | +.hayate-partners__tracks li:first-child { |
| 379 | + border-top: 1px solid rgb(7 19 31 / 18%); |
| 380 | +} |
| 381 | + |
| 382 | +.hayate-partners__tracks span { |
| 383 | + color: var(--hayate-mint-dark); |
| 384 | + font-family: var(--md-code-font); |
| 385 | + font-size: 0.68rem; |
| 386 | +} |
| 387 | + |
| 388 | +.hayate-partners__tracks strong { |
| 389 | + font-size: 1rem; |
| 390 | +} |
| 391 | + |
| 392 | +.hayate-partners__actions { |
| 393 | + align-items: baseline; |
| 394 | + display: flex; |
| 395 | + flex-wrap: wrap; |
| 396 | + gap: 1rem 1.6rem; |
| 397 | +} |
| 398 | + |
| 399 | +.hayate-partners__actions a { |
| 400 | + color: var(--hayate-ink); |
| 401 | + font-weight: 650; |
| 402 | +} |
| 403 | + |
| 404 | +.hayate-partners__apply { |
| 405 | + align-items: center; |
| 406 | + background: var(--hayate-ink); |
| 407 | + border: 1px solid var(--hayate-ink); |
| 408 | + color: var(--hayate-paper) !important; |
| 409 | + display: inline-flex; |
| 410 | + gap: 0.8rem; |
| 411 | + min-height: 2.7rem; |
| 412 | + padding: 0.55rem 0.9rem; |
| 413 | + text-decoration: none; |
| 414 | +} |
| 415 | + |
| 416 | +.hayate-partners__apply span { |
| 417 | + transition: transform 180ms ease; |
| 418 | +} |
| 419 | + |
| 420 | +.hayate-partners__apply:hover span, |
| 421 | +.hayate-partners__apply:focus-visible span { |
| 422 | + transform: translateX(0.2rem); |
| 423 | +} |
| 424 | + |
| 425 | +[data-md-color-scheme="slate"] .hayate-partners { |
| 426 | + background: #0e2a27; |
| 427 | + color: var(--hayate-paper); |
| 428 | +} |
| 429 | + |
| 430 | +[data-md-color-scheme="slate"] .hayate-partners h2, |
| 431 | +[data-md-color-scheme="slate"] .hayate-partners__actions a { |
| 432 | + color: var(--hayate-paper); |
| 433 | +} |
| 434 | + |
| 435 | +[data-md-color-scheme="slate"] .hayate-partners__copy > p:last-child { |
| 436 | + color: #cbd9d6; |
| 437 | +} |
| 438 | + |
| 439 | +[data-md-color-scheme="slate"] .hayate-partners__tracks li { |
| 440 | + border-color: rgb(244 247 245 / 18%); |
| 441 | +} |
| 442 | + |
| 443 | +[data-md-color-scheme="slate"] .hayate-partners__apply { |
| 444 | + background: var(--hayate-mint); |
| 445 | + border-color: var(--hayate-mint); |
| 446 | + color: var(--hayate-ink) !important; |
| 447 | +} |
| 448 | + |
330 | 449 | .hayate-final { |
331 | 450 | text-align: center; |
332 | 451 | } |
|
392 | 511 | } |
393 | 512 |
|
394 | 513 | .hayate-section--intro, |
395 | | - .hayate-proof { |
| 514 | + .hayate-proof, |
| 515 | + .hayate-partners__inner { |
396 | 516 | display: block; |
397 | 517 | } |
398 | 518 |
|
|
415 | 535 | margin-top: 1.5rem; |
416 | 536 | } |
417 | 537 |
|
| 538 | + .hayate-partners__inner { |
| 539 | + padding: 4rem 1.25rem; |
| 540 | + } |
| 541 | + |
| 542 | + .hayate-partners__tracks { |
| 543 | + margin-top: 2.5rem; |
| 544 | + } |
| 545 | + |
| 546 | + .hayate-partners__actions { |
| 547 | + margin-top: 2rem; |
| 548 | + } |
| 549 | + |
418 | 550 | .hayate-family-links a { |
419 | 551 | gap: 0.4rem; |
420 | 552 | grid-template-columns: 1fr; |
|
433 | 565 | } |
434 | 566 |
|
435 | 567 | .hayate-family-links a::before, |
436 | | - .hayate-hero__mark { |
| 568 | + .hayate-hero__mark, |
| 569 | + .hayate-partners__apply span { |
437 | 570 | transition: none; |
438 | 571 | } |
439 | 572 | } |
0 commit comments