.page-attendance{--ink:#0b0d0b;--ink-2:#5d6567;--paper:#fff;--paper-2:#e5eced;--line:#0b0d0b29;--line-soft:#0b0d0b12;--blue-pale:#e5eced;--acc:#2569a8;--sub:#e5eced}.page-attendance .ph{border:1px dashed var(--line);text-align:center;font-family:var(--mono);letter-spacing:.08em;color:var(--ink-2);background:repeating-linear-gradient(45deg,#2569a812 0 10px,#0000 10px 20px);justify-content:center;align-items:center;padding:10px;font-size:.64rem;line-height:1.8;display:flex}.page-attendance .dhero{border-bottom:1px solid var(--line);position:relative;overflow:hidden}.page-attendance .dhero-grid{background-image:linear-gradient(var(--line-soft) 1px, transparent 1px), linear-gradient(90deg, var(--line-soft) 1px, transparent 1px);pointer-events:none;background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(110% 80% at 90% 10%,#000 35%,#0000 100%);mask-image:radial-gradient(110% 80% at 90% 10%,#000 35%,#0000 100%)}.page-attendance .crumb{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:10px;font-size:.72rem;display:flex}.page-attendance .crumb a:hover{color:var(--ink)}.page-attendance .crumb .sep{opacity:.4}.page-attendance .dhero .wrap{padding-top:clamp(30px,4vw,56px);padding-bottom:clamp(56px,9vw,110px);position:relative}.page-attendance .dhero-num{font-family:var(--mono);letter-spacing:.16em;color:var(--ink-2);margin:clamp(36px,6vw,64px) 0 18px;font-size:.8rem}.page-attendance .dhero h1{letter-spacing:0;text-shadow:0 0 2px var(--paper), 0 0 6px var(--paper), 0 0 14px var(--paper), 2px 2px 0 var(--paper), -2px 2px 0 var(--paper), 2px -2px 0 var(--paper), -2px -2px 0 var(--paper);font-size:clamp(2.4rem,7vw,5.4rem);font-weight:900;line-height:1.05}.page-attendance .dhero .en{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2);text-shadow:0 0 6px var(--paper), 0 0 12px var(--paper);margin-top:22px;font-size:clamp(.8rem,1.6vw,1rem);font-weight:500;display:block}.page-attendance .dhero-lede{letter-spacing:.02em;max-width:30ch;margin-top:clamp(32px,5vw,52px);font-size:clamp(1.15rem,2.3vw,1.75rem);font-weight:700;line-height:1.55}.page-attendance .dhero-layout{grid-template-columns:1fr;align-items:center;gap:clamp(36px,6vw,56px);display:grid}@media (min-width:940px){.page-attendance .dhero-layout{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(48px,5vw,88px)}.page-attendance .dhero-copy .dhero-num{margin-top:clamp(24px,3.5vw,40px)}.page-attendance .dhero-copy .dhero-lede{max-width:26ch}}.page-attendance .dhero-art{position:relative}.page-attendance .dhero-art img{opacity:.82;width:100%;max-width:640px;height:auto;margin-inline:auto;display:block}.page-attendance .dhero-art .ph{aspect-ratio:3/2;width:100%;max-width:640px;margin-inline:auto}@media (min-width:940px){.page-attendance .dhero-art img{width:150%;max-width:none;margin-top:clamp(24px,4vw,64px);margin-left:-32%;margin-right:-18%}.page-attendance .dhero-copy{z-index:1;position:relative}}.page-attendance .d-band{padding-block:clamp(64px,10vw,130px)}.page-attendance .d-band.inv{background:var(--ink);color:var(--paper)}.page-attendance .d-band.inv .eyebrow .idx{border-color:var(--paper);color:var(--paper)}.page-attendance .d-band.inv .eyebrow .line{background:var(--line-inv)}.page-attendance .d-title{letter-spacing:.025em;max-width:30ch;font-size:clamp(1.7rem,4.4vw,3.2rem);font-weight:900;line-height:1.25}.page-attendance .d-intro{max-width:60ch;color:var(--ink-2);margin-top:clamp(22px,3vw,32px);font-size:clamp(1rem,1.6vw,1.15rem);line-height:1.95}.page-attendance .d-band.inv .d-intro{color:#f5f5f2b8}.page-attendance .prob-band{background:var(--blue-pale)}.page-attendance .prob-grid{grid-template-columns:1fr;gap:clamp(20px,3vw,32px);margin-top:clamp(40px,6vw,64px);display:grid}.page-attendance .prob{background:var(--paper);border:1px solid var(--line);grid-template-columns:clamp(220px,30%,380px) 1fr;align-items:stretch;display:grid;overflow:hidden}@media (max-width:640px){.page-attendance .prob{grid-template-columns:1fr}}.page-attendance .prob-ico{background:var(--blue-pale);justify-content:center;align-items:center;min-height:clamp(180px,18vw,240px);display:flex;overflow:hidden}.page-attendance .prob-ico img{object-fit:contain;width:auto;max-width:78%;height:auto;max-height:78%}.page-attendance .prob-ico .ph{width:70%;height:64%}.page-attendance .prob-body{flex-direction:column;justify-content:center;padding:clamp(28px,3.4vw,48px);display:flex}.page-attendance .prob .pn{font-family:var(--mono);letter-spacing:.1em;color:var(--ink-2);font-size:.74rem}.page-attendance .prob h4{letter-spacing:.03em;margin:16px 0 12px;font-size:clamp(1.1rem,2vw,1.45rem);font-weight:700}.page-attendance .prob p{color:var(--ink-2);font-size:.93rem;line-height:1.85}.page-attendance .flow{border-top:1px solid var(--line);margin-top:clamp(44px,6vw,72px)}.page-attendance .flow-row{border-bottom:1px solid var(--line);transition:padding-left .3s var(--ease);grid-template-columns:56px clamp(90px,9vw,124px) minmax(0,.8fr) minmax(0,1.4fr);align-items:baseline;gap:clamp(16px,3vw,48px);padding:clamp(28px,3.6vw,44px) 0;display:grid}.page-attendance .flow-row:hover{padding-left:14px}.page-attendance .flow-num{font-family:var(--mono);font-size:.92rem;font-weight:600}.page-attendance .flow-ico{place-self:center start;width:clamp(76px,8vw,110px);height:auto}.page-attendance div.flow-ico{aspect-ratio:1}.page-attendance .flow-h{letter-spacing:.03em;font-size:clamp(1.25rem,2.4vw,1.75rem);font-weight:900}.page-attendance .flow-h small{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin-top:10px;font-size:.68rem;font-weight:500;display:block}.page-attendance .flow-d{color:var(--ink-2);font-size:1rem;line-height:1.9}@media (max-width:760px){.page-attendance .flow-row{grid-template-columns:1fr;gap:12px}.page-attendance .flow-ico{width:64px}}.page-attendance .chan-grid{grid-template-columns:repeat(5,1fr);gap:clamp(12px,1.4vw,18px);margin-top:clamp(40px,6vw,64px);display:grid}@media (max-width:1020px){.page-attendance .chan-grid{grid-template-columns:repeat(2,1fr)}.page-attendance .chan:last-child{grid-column:1/-1}}@media (max-width:480px){.page-attendance .chan-grid{grid-template-columns:1fr}}.page-attendance .chan{background:var(--paper);border:1px solid var(--line);flex-direction:column;justify-content:space-between;gap:20px;min-height:170px;padding:clamp(24px,2.6vw,34px);display:flex}.page-attendance .chan-txt{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.page-attendance .chan .ch-ico{object-fit:contain;filter:brightness(0);align-self:center;width:auto;max-width:80%;height:clamp(44px,4.6vw,60px);margin-bottom:clamp(6px,1vw,14px)}.page-attendance .chan .ch-en{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);font-size:.66rem}.page-attendance .chan .ch-name{letter-spacing:.03em;white-space:nowrap;margin-top:0;font-size:clamp(1.05rem,1.8vw,1.3rem);font-weight:900}.page-attendance .flow-diagram{border:1px solid var(--line);margin-top:clamp(40px,6vw,64px);padding:clamp(22px,3.5vw,44px);position:relative;overflow:hidden}.page-attendance .flow-diagram:before{content:"";background-image:linear-gradient(var(--line-soft) 1px, transparent 1px), linear-gradient(90deg, var(--line-soft) 1px, transparent 1px);pointer-events:none;background-size:30px 30px;position:absolute;inset:0}.page-attendance .flow-diagram svg{width:100%;height:auto;display:block;position:relative}.page-attendance .fd-box{fill:var(--paper);stroke:var(--ink);stroke-width:2px}.page-attendance .fd-node{fill:var(--ink);stroke:var(--ink);stroke-width:2px}.page-attendance .fd-line{stroke:var(--ink);stroke-width:2px;fill:none}.page-attendance .fd-lbl{font-family:var(--sans);fill:var(--ink);font-weight:700}.page-attendance .fd-lbl-inv{font-family:var(--sans);fill:var(--paper);font-weight:700}.page-attendance .fd-en{font-family:var(--mono);letter-spacing:.12em;fill:var(--ink-2);text-transform:uppercase;font-size:13px}.page-attendance .fd-en-inv{font-family:var(--mono);letter-spacing:.12em;fill:#f5f5f299;font-size:13px}.page-attendance .out-grid{grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,48px);margin-top:clamp(44px,6vw,72px);display:grid}@media (max-width:760px){.page-attendance .out-grid{grid-template-columns:1fr}}.page-attendance .out{border-top:2px solid var(--paper);padding-top:24px}.page-attendance .out .big{letter-spacing:-.04em;font-size:clamp(2.6rem,6vw,4.4rem);font-weight:900;line-height:1}.page-attendance .out .lbl{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#f5f5f28c;margin-top:16px;font-size:.72rem}.page-attendance .out p{color:#f5f5f2c7;margin-top:12px;font-size:.95rem;line-height:1.85}.page-attendance .rel-grid{grid-template-columns:repeat(2,1fr);gap:clamp(20px,3vw,32px);margin-top:clamp(40px,6vw,64px);display:grid}@media (max-width:760px){.page-attendance .rel-grid{grid-template-columns:1fr}}.page-attendance .rel{background:var(--paper);border:1px solid var(--line);transition:background .3s var(--ease), color .3s var(--ease);justify-content:space-between;align-items:center;gap:20px;padding:clamp(28px,3vw,40px);display:flex}.page-attendance .rel:hover{background:var(--ink);color:var(--paper)}.page-attendance .rel .rn{letter-spacing:.02em;font-size:clamp(1.2rem,2.2vw,1.6rem);font-weight:900}.page-attendance .rel .re{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin-top:8px;font-size:.66rem;display:block}.page-attendance .rel:hover .re{color:#f5f5f2b3}.page-attendance .rel .arw{font-family:var(--mono);transition:transform .3s var(--ease);font-size:1.1rem}.page-attendance .rel:hover .arw{transform:translate(5px)}.page-attendance .cta{background:var(--ink);color:var(--paper)}.page-attendance .cta .wrap{text-align:center;padding-block:clamp(72px,11vw,150px)}.page-attendance .cta h2{letter-spacing:.025em;font-size:clamp(1.9rem,5.5vw,4.4rem);font-weight:900;line-height:1.2}.page-attendance .cta p{color:#f5f5f2b8;max-width:44ch;margin:26px auto 42px;font-size:1.05rem;line-height:1.9}.page-attendance .cta .btn.inv{background:var(--acc);color:#fff;border-color:var(--acc)}.page-attendance .cta .btn.inv:hover{color:var(--sub);border-color:var(--sub);background:0 0}.page-attendance .eyebrow .idx{border-color:var(--ink);color:var(--ink)}.page-attendance .btn.inv{background:var(--acc);color:#fff;border-color:var(--acc)}.page-attendance .btn.inv:hover{color:var(--acc);background:0 0}.page-attendance .prob-band{background:var(--ink);color:var(--paper)}.page-attendance .prob-band .eyebrow .idx{border-color:var(--paper);color:var(--paper)}.page-attendance .prob-band .eyebrow .line{background:#e5eced33}.page-attendance .prob-band .d-intro{color:#e5ecedb8}.page-attendance .prob{background:#101314;border-color:#e5eced2e}.page-attendance .prob-ico{background:#fff}.page-attendance .prob .pn{color:var(--sub)}.page-attendance .prob p{color:#e5ecedb3}.page-attendance .prob-band .ph{color:#e5eced8c;border-color:#e5eced40}.page-attendance .fd-node{fill:var(--acc);stroke:var(--acc)}.page-attendance .fd-lbl-inv{fill:#fff}.page-attendance .fd-en-inv{fill:#e5ecedd9}.page-attendance .out{border-top-color:var(--acc)}.page-attendance .out .big{color:var(--sub)}.page-attendance .out .lbl{color:#e5eced80}