/* Arville About layout, independently implemented for Formyao. */
@font-face{font-family:FormyaoAbout;src:url('media/90373e7d838d32468438fc3e152dca0b.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
html:has(.about-page){background:#000;scroll-behavior:auto;scroll-padding-top:0}
.about-page{--page-tone:#000;--ink:#fff;--brand:#ffff00;color:#fff;background:#000;transition:none;font-family:Arial,Helvetica,sans-serif}
.about-page em{font-style:normal;color:#ffff00}.about-page #main{padding-top:0}.about-page .site-header{position:absolute;background:transparent;color:#fff}.about-page .header-line,.about-page .site-header.is-compact .header-line{height:134.36px;border:0;position:relative;display:block;width:calc(100% - 80px);max-width:1640px}
.about-page .brand{position:absolute;left:50%;top:30px;transform:translateX(-50%)}.about-page .brand img,.about-page .site-header.is-compact .brand img{height:40px;filter:brightness(0) invert(1)}
.about-page .desktop-nav{top:88px;gap:40px;font-size:16px;line-height:23px;white-space:nowrap}.about-page .desktop-nav a[aria-current]{color:#ffff00}.about-page .desktop-nav a::after{display:none}.about-page .header-actions{position:absolute;right:0;top:42px;gap:20px}.about-page .inquiry-toggle{font-size:14px;letter-spacing:0}.about-page .menu-toggle{display:block;border:1px solid #ffff00;border-radius:50%;width:42px;height:42px}.about-page .menu-toggle span{width:17px;left:12px;top:16px}.about-page .menu-toggle span+span{top:23px}
.about-page .menu-dialog,.about-page .brief-dialog{color:#161616}.about-page .menu-head img{filter:brightness(0)}.about-page .skip-link{z-index:1100}.about-page a:focus-visible,.about-page button:focus-visible{outline:2px solid #ffff00;outline-offset:6px}.about-page dialog :focus-visible{outline-color:#b96244}
#arv-smooth-content{padding-top:134.36px}.arv-progress{position:fixed;z-index:200;top:0;left:0;width:100%;height:5px;background:#ffff00;transform-origin:left;animation:arv-line 2s ease-out both}
.arv-intro{margin:45px auto 0;text-align:center}.arv-intro-inner{max-width:970px;padding:0 40px;margin:auto}.arv-intro h1{font-size:clamp(28px,calc(28px + 32 * (100vw - 400px) / 1520),60px);line-height:1.3;font-weight:700;letter-spacing:-.6px;margin:0 0 15px}.arv-intro p{font-size:clamp(16px,calc(16px + (100vw - 400px) / 1800),17px);line-height:1.7;margin:0;color:#fff}
.arv-subnav{display:flex;gap:20px;overflow-x:auto;scrollbar-width:none;margin:54px 0 0;padding:0 14px 2px}.arv-subnav::-webkit-scrollbar{display:none}.arv-subnav>a{flex:0 0 230px;height:40px;border:1px solid #ffff00;border-radius:30px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:400;transition:background-color .2s,color .2s;white-space:nowrap}.arv-subnav>a:hover,.arv-subnav>a.is-active{background:#ffff00;color:#000}.arv-subnav-label{display:none}
.arv-banner{margin-top:80px;height:450px;width:100%;overflow:hidden;background:#171a17}.arv-banner img{width:100%;height:100%;object-fit:cover;object-position:50% 68%}
.arv-chapters{margin:80px auto;max-width:1720px;padding-inline:40px}.arv-row{display:flex;align-items:center;width:100%;scroll-margin-top:30px}.arv-media-col,.arv-copy-col{width:50%;min-width:0}.arv-media{position:relative;height:650px;margin:18.195px 40px;background:#121410;overflow:hidden}.arv-media img,.arv-media video{width:100%;height:100%;display:block;object-fit:cover}.arv-copy-col{padding:4vw 8vw}.arv-copy h2{font-size:clamp(28px,calc(28px + 32 * (100vw - 400px) / 1520),60px);line-height:1.15;font-weight:700;letter-spacing:-.5px;margin:0 0 12px}.arv-copy p{font-size:clamp(16px,calc(16px + (100vw - 400px) / 1800),17px);line-height:1.7;margin:0}.arv-row.is-reversed .arv-media-col{order:2}.arv-row.is-reversed .arv-copy-col{order:1}
.arv-play{position:absolute;right:20px;bottom:20px;display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffff00;border-radius:50%;background:#0009;color:#ffff00;opacity:0;transition:opacity .2s}.arv-media:hover .arv-play,.arv-media:focus-within .arv-play{opacity:1}.arv-play span{font-size:16px;line-height:1}.arv-media-failed video{visibility:hidden}.arv-media-failed{background:var(--poster) center/cover no-repeat}.arv-image-failed{min-height:190px;background:linear-gradient(135deg,#151912,#282820)}
.arv-motion-ready [data-arv-reveal]{opacity:0;transform:translateY(20px)}.arv-motion-ready [data-arv-reveal].arv-visible{animation:arv-rise .75s cubic-bezier(.25,.46,.45,.94) both}.arv-motion-ready [data-arv-copy]{opacity:0;transform:translateY(35px);transition:opacity .8s,transform .8s}.arv-motion-ready [data-arv-copy].arv-visible{opacity:1;transform:none}
.about-page .arv-footer{width:100%;max-width:1720px;margin:auto;padding:50px 40px 80px;display:block;min-height:0;color:#fff;background:#000}.arv-footer-top{display:grid;grid-template-columns:20% 80%;padding:0 0 56px}.arv-footer-brand{font-size:48px;letter-spacing:-2px;font-weight:600;padding-top:20px}.arv-footer-label{font-size:20px;color:#ffff00;margin:0 0 25px}.arv-footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.arv-footer-grid h3{font-size:22px;line-height:1.15;font-weight:600;margin:0 0 14px}.arv-footer-grid p{font-size:18px;line-height:1.6;margin:0 0 24px}.arv-footer-grid a{font-size:16px;line-height:1.6}.arv-footer-grid a:hover{color:#ffff00}.arv-footer-bottom{display:grid;grid-template-columns:28% 47% 25%;gap:0;border-top:1px solid #50504b;padding-top:45px;align-items:end}.arv-footer-bottom h2{font-size:clamp(28px,calc(28px + 32 * (100vw - 400px) / 1520),60px);font-weight:700;line-height:1.15;letter-spacing:-.6px}.arv-footer-bottom nav{display:flex;gap:35px;justify-content:space-around;padding:0 25px}.arv-footer-bottom nav a{font-size:16px;line-height:1.6;color:#bbb;max-width:110px}.arv-footer-bottom>p{font-size:16px;line-height:1.6;color:#888;padding-left:20px}
@keyframes arv-rise{0%{opacity:0;transform:translateY(20px)}50%{opacity:.75}100%{opacity:1;transform:translateY(0)}}@keyframes arv-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:1260px){.arv-chapters{padding-inline:30px}.arv-intro-inner{padding-inline:30px}.about-page .header-line,.about-page .site-header.is-compact .header-line{width:calc(100% - 60px)}}
@media(max-width:1040px){#arv-smooth-content{padding-top:82.39px}.about-page .header-line,.about-page .site-header.is-compact .header-line{height:82.39px}.about-page .brand{left:0;top:30px;transform:none}.about-page .brand img,.about-page .site-header.is-compact .brand img{height:38px}.about-page .desktop-nav{display:none}.about-page .header-actions{top:18px}.arv-intro{margin-top:80px}.arv-subnav{margin:44px 30px 0;padding:0;overflow:visible;display:grid;grid-template-columns:1fr 1fr;gap:20px}.arv-subnav-label{display:block;font-size:14px;line-height:36px}.arv-subnav>a{height:36px;font-size:12px;flex:none}.arv-subnav>a:nth-of-type(2){margin-top:9px}.arv-banner{height:190px;margin-top:60px}.arv-chapters{margin-block:80px}.arv-row{flex-direction:column;align-items:stretch;gap:60px}.arv-media-col,.arv-copy-col{width:100%}.arv-copy-col,.arv-row.is-reversed .arv-copy-col{order:1;padding:0}.arv-media-col,.arv-row.is-reversed .arv-media-col{order:2}.arv-media{margin:0 0 30px;height:auto;aspect-ratio:600/527}.arv-media:has(video){aspect-ratio:3/4}.arv-media video{object-fit:contain}.arv-copy h2{margin-bottom:12px}.arv-play{opacity:1}.arv-row+.arv-row{margin-top:0}.about-page .arv-footer{padding:30px 30px 60px}.arv-footer-top{display:block}.arv-footer-brand{display:block;padding:0;margin-bottom:40px}.arv-footer-grid{grid-template-columns:1fr 1fr;gap:36px}.arv-footer-bottom{grid-template-columns:1fr 1fr;row-gap:40px}.arv-footer-bottom nav{flex-wrap:wrap;justify-content:start}.arv-footer-bottom>p{grid-column:1/-1;padding:0}}
@media(max-width:760px){.about-page .header-line,.about-page .site-header.is-compact .header-line{width:calc(100% - 50px);height:80.69px}#arv-smooth-content{padding-top:80.69px}.about-page .brand{top:30px}.about-page .brand img,.about-page .site-header.is-compact .brand img{height:26px}.about-page .header-actions{gap:14px;top:20px}.about-page .inquiry-toggle{font-size:11px}.about-page .inquiry-toggle span{margin-left:4px}.about-page .menu-toggle{width:36px;height:36px}.about-page .menu-toggle span{left:9px;top:13px}.about-page .menu-toggle span+span{top:20px}.arv-intro{margin-top:40px}.arv-intro-inner{padding-inline:25px}.arv-intro h1{letter-spacing:-.45px}.arv-subnav{margin-inline:25px}.arv-banner{margin-top:60px}.arv-chapters{padding-inline:25px;margin-block:40px}.arv-row{gap:60px}.arv-copy h2{letter-spacing:-.25px}.about-page .arv-footer{padding-inline:25px}.arv-footer-grid{gap:30px 22px}.arv-footer-grid h3{font-size:18px}.arv-footer-grid p{font-size:16px}.arv-footer-grid a{font-size:14px}.arv-footer-bottom{display:block}.arv-footer-bottom h2{margin-bottom:35px}.arv-footer-bottom nav{padding:0;gap:24px;margin-bottom:30px}.arv-footer-bottom>p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.arv-progress{animation:none}.arv-motion-ready [data-arv-reveal],.arv-motion-ready [data-arv-copy]{opacity:1;transform:none;animation:none;transition:none}.arv-play{opacity:1}}

/* Second pass: measured type leading, navigation rhythm and stable overlays. */
.arv-intro h1{margin-bottom:10px}.arv-intro p{font-size:clamp(16px,calc(16px + 2 * (100vw - 400px) / 1520),18px)}.arv-subnav{padding-bottom:0}.arv-banner{position:relative;margin-top:83px}.arv-banner::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0004,#0001 65%,#0002)}.arv-intro{scroll-margin-top:30px}.arv-image-failed img{visibility:hidden}
.arv-intro h1,.arv-copy h2,.arv-footer-bottom h2{font-family:FormyaoAbout,Arial,sans-serif;font-weight:600}
@media(min-width:1041px) and (max-width:1359px){.arv-intro h1{line-height:1.15}.arv-subnav{margin-top:40px}.arv-banner{margin-top:67px}}
@media(max-width:1040px){.arv-intro h1{line-height:1.15}.arv-intro p{font-size:16px}.arv-subnav{margin-top:38px}.arv-subnav>a:nth-of-type(3){margin-top:9px}.arv-banner{margin-top:60px}}
@media(max-width:760px){.arv-intro h1{line-height:1.1}}