/* TOP sections follow W01; W02 provides the compact mobile composition. */
.home-mobile-only { display:none; }
.home-section { --home-heading-size:100px; --home-heading-weight:900; width:100%; padding:96px 56px; border-bottom:1px solid #ecece9; }
.home-inner { max-width:1440px; margin:auto; }
.home-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; padding-bottom:24px; margin-bottom:32px; border-bottom:2px solid #111; }
.home-heading h2,.home-about-copy h2 { font:var(--home-heading-weight) var(--home-heading-size)/1 "Syne",sans-serif; letter-spacing:-.025em; }
.home-heading p { margin-top:16px; color:#666; font-size:16px; font-weight:500; line-height:26px; }
.home-all { display:inline-flex; align-items:center; gap:8px; flex-shrink:0; font-size:16px; font-weight:700; line-height:24px; }
.home-all .material-symbols-outlined { font-size:18px; }
.home-all:hover { color:#ff6f00; }
.home-news { background:#fcfcfc; }
.home-news-row { display:flex; align-items:center; gap:24px; padding:32px 16px; margin-inline:-16px; border-radius:12px; transition:background .2s; }
.home-news-row+.home-news-row { border-top:1px solid #e5e5e0; }
.home-news-row:hover { background:#f9f9f7; }
.home-news-image { width:144px; height:80px; flex-shrink:0; border:1px solid #e0e0db; border-radius:8px; padding:6px; overflow:hidden; background:white; box-shadow:0 1px 2px #0000000d; }
.home-news-image img { width:100%; height:100%; object-fit:contain; }
.home-news-copy { min-width:0; flex:1; }
.home-news-meta { display:flex; align-items:center; gap:12px; margin-bottom:8px; }
.home-news-meta time { font:700 14px/21px "Space Grotesk",sans-serif; color:#666; }
.home-news-meta>span { font-size:12px; line-height:18px; font-weight:700; padding:2px 10px; border:1px solid #ff6f004d; border-radius:4px; color:#d65d00; background:#fff3e6; }
.home-news-copy h3 { font-size:20px; font-weight:700; line-height:27.5px; }
.home-news-arrow { width:40px; height:40px; display:flex; align-items:center; justify-content:center; flex-shrink:0; border:1px solid #e0e0db; border-radius:50%; background:white; font-size:18px; }
.home-news-row:hover h3 { color:#ff6f00; }
.home-news-row:hover .home-news-arrow { background:#ff6f00; border-color:#ff6f00; color:white; }
.home-divisions { background:#fff; }
.home-divisions .home-heading { margin-bottom:56px; }
.home-division-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.home-division { position:relative; isolation:isolate; display:flex; flex-direction:column; justify-content:flex-end; height:230px; padding:24px; color:#fff; border:1px solid #222; border-radius:16px; overflow:hidden; box-shadow:0 1px 2px #0000000d; }
.home-division>picture { position:absolute; inset:0; z-index:-2; width:100%; height:100%; overflow:hidden; }
.home-division>picture img { width:100%; height:100%; object-fit:cover; transition:transform .5s; }
.home-division::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(to top,#000000f2,#0009,#0000004d); }
.home-division:hover { box-shadow:0 20px 25px -5px #0000001a; }
.home-division:hover>picture img { transform:scale(1.05); }
.home-division-arrow { position:absolute; top:24px; right:24px; color:#ffffffb3; }
.home-division:hover .home-division-arrow { color:#ff6f00; }
.home-division h3 { font:900 32px/1.5 "Syne",sans-serif; letter-spacing:.025em; overflow-wrap:normal; }
.home-division p { margin-top:4px; font-size:16px; font-weight:700; line-height:24px; color:#e0e0e0; }
.home-members .home-heading { margin-bottom:48px; }
.home-about-section { background:#fff; border:0; }
.home-about-grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:64px; align-items:center; }
.home-about-copy { grid-column:span 7; }
.home-about-copy blockquote { margin:24px 0 0; padding:8px 0 8px 24px; border-left:4px solid #ff6f00; font-size:28px; line-height:45.5px; font-weight:700; }
.home-about-actions { grid-column:span 5; padding:40px; border:1px solid #e6e6e1; border-radius:24px; background:#f9f9f7; box-shadow:0 1px 2px #0000000d; }
.home-about-actions a { width:100%; display:flex; align-items:center; justify-content:center; gap:8px; padding:16px 24px; border:2px solid #111; border-radius:12px; font-size:16px; font-weight:700; line-height:24px; transition:color .2s,background .2s; }
.home-about-actions a:hover { background:#111; color:white; }
.home-about-actions a:last-child { margin-top:16px; padding:16px 24px; border:0; background:#111; color:white; gap:10px; }
.home-about-actions a:last-child:hover { background:#ff6f00; }
.home-about-actions .material-symbols-outlined { font-size:18px; }
@media (max-width:1023px) { .home-section { --home-heading-size:72px; padding-inline:40px; } .home-division-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:768px) and (max-width:1023px) { .home-members .home-heading { align-items:flex-start; flex-direction:column; } }
@media (max-width:1199px) { .home-about-grid { grid-template-columns:1fr; gap:48px; } .home-about-copy,.home-about-actions { grid-column:auto; } }
@media (max-width:767px) {
    .home-desktop-only { display:none; }
    .home-mobile-only { display:inline; }
    .home #main { font-family:"Noto Sans",sans-serif; line-height:1.5; }
    .home-section { --home-heading-size:40px; --home-heading-weight:800; padding:32px 20px; border:0; }
    .home-heading { align-items:baseline; gap:8px; padding:0; margin-bottom:16px; border:0; }
    .home-heading p { margin-top:8px; font-size:13px; line-height:20px; }
    .home-all { gap:4px; font-family:"Space Grotesk",sans-serif; font-size:12px; line-height:16px; letter-spacing:.1em; color:#ff7f0f; }
    .home-all .material-symbols-outlined { font-size:16px; }
    .home-news-list { border-block:1px solid #e5e5e5; }
    .home-news-row { gap:14px; padding:16px 0; margin:0; border-radius:0; }
    .home-news-image { width:96px; height:64px; padding:0; background:#f5f5f5; border-color:#e5e5e5; box-shadow:none; }
    .home-news-image img { object-fit:cover; }
    .home-news-meta { gap:8px; margin-bottom:4px; flex-wrap:wrap; }
    .home-news-meta time { font-size:13px; line-height:19.5px; }
    .home-news-meta>span { padding:2px 8px; font-size:12px; color:#262626; border-color:#e5e5e5; background:#f5f5f5; }
    .home-news-copy h3 { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:15px; line-height:20.625px; }
    .home-news-arrow { width:24px; height:24px; border:0; color:#a3a3a3; background:transparent; font-size:24px; }
    .home-divisions { background:#fcfcfc; }
    .home-divisions .home-heading { margin-bottom:16px; }
    .home-division-grid { grid-template-columns:1fr; gap:12px; }
    .home-division { height:110px; padding:20px; border:1px solid #ffffff1a; border-radius:12px; background:#1c1c1c; flex-direction:row; align-items:center; justify-content:space-between; }
    .home-division>picture { inset:0; width:100%; }
    .home-division>picture img { filter:none; }
    .home-division::before { background:linear-gradient(to right,#0009,#0003); }
    .home-division h3 { font-size:24px; line-height:1.25; font-weight:800; text-transform:uppercase; }
    .home-division-fate-trigger h3,.home-division-fighters h3 { font-size:22px; }
    .home-division p { font-weight:600; color:#d4d4d4; }
    .home-division-arrow { position:static; order:1; transform:none; width:36px; height:36px; border-radius:50%; background:#ffffff1a; backdrop-filter:blur(4px); color:white; display:grid; place-items:center; font-size:20px; }
    .home-members .home-heading { margin-bottom:16px; align-items:baseline; }
    .home-about-section { background:#fcfcfc; padding:16px 20px 48px; }
    .home-about-grid { display:block; padding:24px; border:1px solid #e5e5e5; border-radius:16px; background:white; box-shadow:0 1px 2px #0000000d; }
    .home-about-copy h2 { margin-bottom:16px; }
    .home-about-quote { display:none; }
    .home-about-copy blockquote { padding:0; margin:0 0 24px; border:0; font-size:15px; font-weight:500; line-height:27px; }
    .home-about-actions { padding:0; border:0; border-radius:0; box-shadow:none; background:none; }
    .home-about-actions a { min-height:48px; padding:8px 12px; border:1px solid #d4d4d4; font-size:15px; box-shadow:0 1px 2px #0000000d; }
    .home-about-actions a:last-child { margin-top:12px; padding:8px 12px; gap:8px; background:#ff7f0f; box-shadow:0 4px 6px -1px #f9731633,0 2px 4px -2px #f9731633; }
}
@media (max-width:360px) { .home-section { --home-heading-size:32px; } .home-division h3 { font-size:20px; } }