/* AIX — warm paper, forest green, a small note of vermilion. */
:root{--ink:#243e34;--panel:#e8ede5;--cream:#f4f1e7;--muted:#68796c;--lime:#285445;--green:#285445;--red:#b84634;--line:rgba(40,68,51,.17)}
body{background:var(--cream);color:var(--ink)}
::selection{background:#d3e0d1;color:#203c30}
button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:var(--red)}
.site-header{background:rgba(246,247,239,.82);border-color:#cfd7ca;border-radius:12px;gap:28px}
.brand i,.status-dot{background:var(--red)}
.desktop-nav{margin-left:auto;margin-right:auto;color:#657768;gap:28px}
.desktop-nav a:hover,.desktop-nav a[aria-current]{color:#203e31}
.header-contact{white-space:nowrap;color:#294e3d}
.header-contact span{color:var(--red)}
.language-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:transparent;color:#365442;border:1px solid #bfcdbf;border-radius:50%;height:40px;min-width:40px;padding:0 8px;font:11px "SFMono-Regular",Consolas,monospace;transition:background .3s}
.language-toggle:hover{background:#e1e8dd}
.hero{min-height:860px;padding-top:156px;padding-bottom:100px;grid-template-columns:1fr 1.06fr;max-height:1100px;background:radial-gradient(ellipse at 98% 70%,#be705754 0,transparent 33%),radial-gradient(ellipse at 77% 43%,#76a58f80 0,transparent 49%),linear-gradient(112deg,#f5f1e7 22%,#e8eee0 56%,#bfd0b7 100%)}
.hero-grid{display:none}
.hero:before{content:"";position:absolute;width:65vw;height:65vw;max-width:960px;max-height:960px;right:-25%;top:-35%;pointer-events:none;border-radius:50%;background:radial-gradient(circle,#557d6361,transparent 65%)}
.hero-copy>.eyebrow{color:#617763;font-size:10px;letter-spacing:.15em;margin-bottom:28px}
.hero h1{font-size:80px;line-height:1.16;font-weight:500;letter-spacing:-.055em}
.hero h1>span{color:#b44b37;font-family:"Songti SC","STSong","SimSun",serif;font-weight:500;letter-spacing:-.04em}
.hero-description{color:#6a786a;line-height:1.95;max-width:470px}
.hero-art{height:680px;width:calc(100% + 80px);margin-left:-36px}
.hero-art:before{content:"";position:absolute;inset:8% -6% 5% 7%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 70% 65%,#a9433559,transparent 48%),radial-gradient(ellipse at 35% 35%,#244e3f50,transparent 64%);filter:blur(30px)}
.hero-art:after{content:"";position:absolute;right:0;bottom:18%;width:40%;height:34%;border-radius:50%;background:#b7533f;filter:blur(65px);opacity:.24;mix-blend-mode:multiply;pointer-events:none;z-index:-1;animation:light-breathe 7s ease-in-out infinite alternate}
.hero-art canvas{mix-blend-mode:normal;cursor:pointer;border-radius:0}
.hero-art canvas:focus-visible{outline:1px solid #b44b37;outline-offset:-12px}
.art-coordinate{top:30px;right:32px;color:#7d8b78;z-index:2}
.art-coordinate b{color:#566f59}
.orbit-label{top:auto;bottom:96px;right:0;transform:none;background:rgba(244,242,232,.72);border-color:#8ca38b;color:#33553f;backdrop-filter:blur(12px);border-radius:30px;padding:10px 16px;display:flex;align-items:center;gap:8px;pointer-events:none}
.orbit-label>span:first-child{background:var(--red);margin:0}
.orbit-label>.interaction-hint{display:inline;width:auto;height:auto;background:none;border-radius:0;margin:0;font-size:11px;letter-spacing:.04em}
.art-corner{display:none}
.corner-a{top:72px;left:10%}.corner-b{bottom:66px;right:5%}
.art-caption{bottom:26px;left:12%;right:5%;color:#788771;font-size:10px;letter-spacing:.1em}
.art-caption .mono{color:var(--red)}
#motion-toggle{border:0;background:transparent;color:#46634a;font-size:10px;padding:8px 0 8px 12px;border-left:1px solid #879e7c;line-height:1;letter-spacing:.04em}
#motion-toggle:hover{color:#a34632}
.hero-footnote{color:#798574}.tiny-cross{color:var(--red)}
.button{border-radius:6px}
.button-lime,.button-dark{background:#2a5141;color:#f4f5ed;box-shadow:0 5px 18px #35513b0d}
.button-lime:hover,.button-dark:hover{background:#1d4131}
.hero .button{min-width:210px;background:#24563f;box-shadow:0 8px 24px #264a3421}.hero .button:hover{background:#b44b37}
.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.hero-sound{display:inline-flex;align-items:center;gap:9px;border:0;background:transparent;color:#676f57;font-size:12px;margin-top:32px;padding:12px 0}
.sound-glyph{display:grid;place-items:center;width:32px;height:32px;border:1px solid #9ba98d;border-radius:50%;font-size:16px;color:#a44935}
.hero-sound:hover{color:#a44935}.hero-sound[aria-pressed="true"] .sound-glyph{background:#a44935;color:#fbf4e5;border-color:#a44935}
.hero-bottom{color:#7b8a73;border-top:1px solid #d1d9c9;padding-top:18px}
.hero-bottom a{color:#4a654f}
.section-label{color:#76856d}
.intro-title .eyebrow,.intro-role{color:#697d66}
.intro-title h2>span:not(.title-dot){color:#345b43}
.signature{color:#8d7967}.signature span{color:#ad5140}
.intro-copy>p{color:#667762}
.intro-copy .credentials{color:#6d7e68;font-size:17px;line-height:1.75;gap:12px}
.intro-copy .credentials>span{display:grid;grid-template-columns:1.25em minmax(0,1fr);column-gap:.65em;align-items:start;white-space:normal;overflow-wrap:anywhere}
.intro-copy .credentials>span::before{content:"🍀";display:block;margin:0;color:#40824e;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;line-height:inherit}
@media(max-width:800px){.intro-copy .credentials{font-size:15px;gap:10px}}
.awards{background:linear-gradient(110deg,#e2ebdb,#f0ebe0);border-color:#c1cfb6;border-radius:10px}
.laurel{color:var(--red)}
.awards-heading>.mono{color:#7c8c70}
.award-name{color:#53694e}.award-result{color:#2e573e}.award-result i{color:#ad6a52}
.brand-proof>p,.brand-proof .brand-more{color:#7d8a72}.brand-proof>div{color:#485f47}
.manifesto{background:linear-gradient(110deg,#28513e,#426c48);color:#f0f0dd;position:relative;overflow:hidden}
.manifesto:after{content:"";position:absolute;right:-2%;top:1%;width:450px;height:450px;max-width:85vw;max-height:85vw;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 8v84M8 50h84M20.3 20.3l59.4 59.4M20.3 79.7l59.4-59.4' fill='none' stroke='%239bb683' stroke-width='10' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;opacity:.07;z-index:0;pointer-events:none}
.manifesto>.section-shell{position:relative;z-index:1}
.decorative-star{display:inline-block;width:1em;height:1em;vertical-align:-.12em;overflow:visible}
.manifesto .eyebrow{color:#bcccad}
.word-reveal .accent-word{color:#efa28a;display:inline-block}
.manifesto-bottom .asterisk{color:#db9175}
.manifesto-bottom p{color:#bdcdae}
.direction-index{color:#ad5540}.direction-row p{color:#71816a}.direction-tag{color:#8a917a}
.section-heading>p{color:#6d7d66}
.case-empty{background:radial-gradient(ellipse at 15% 45%,#b8573c2e,transparent 38%),linear-gradient(120deg,#c4d5bf,#e9ebd9);border-color:#afc2a4;border-radius:12px}
.frame-line{color:#778b6e}.film-star{color:#ad5040}
.film-orbit{border-color:#9eac93}.orbit-one{border-color:#829974}.orbit-two{border-color:#ad7862}.orbit-three{border-color:#b5bea8}
.pill{border-color:#a9b89e;color:#667b59}
.case-empty p{color:#6c805f}.case-empty .text-link{color:#365d3e}
.text-link:hover{color:var(--red)}
.programs{background:linear-gradient(160deg,#e6ecdc,#e7e4d7)}
.price-card{background:#f3f4eb;border-color:#cdd6c1;border-radius:10px}
.price-featured{background:#cedfc4;border-color:#96b288;box-shadow:0 12px 32px #42582a0a}
.price-featured .featured-label{background:#ad5141;color:#fff6e9;border-radius:4px}
.price-card h3{color:#2b4b35}
.price-top,.plan-icon{color:#7e8c6b}
.price{color:#2c5037}.price-card li:before{color:#a85240}
.price-featured .plan-summary,.price-featured .plan-subtitle,.price-featured .price-top{color:#657956}
.button-outline{border-color:#b2c2a4;color:#3c5b34}.button-outline:hover{background:#e2ead9}
.journey h2 span{color:#ac5141}
.journey-title>p,.journey-steps p{color:#6c8063}
.journey-steps li>span{color:#aa5642}
.journey-title>img{filter:saturate(.7);opacity:1}
.faq-grid>div>p,.faq details p{color:#73816a}
.faq summary>span{color:#a85440}
.contact{background:radial-gradient(ellipse at 96% 100%,#b15e45a6,transparent 48%),linear-gradient(115deg,#2d5c43,#366d4e);color:#f2f2e6;position:relative;overflow:hidden}
.contact:after{content:"";position:absolute;width:360px;height:360px;right:-140px;top:-180px;border:1px solid #aabe973d;border-radius:50%;pointer-events:none}
.contact .eyebrow{color:#b6c8a5}.contact .status-dot{background:#d78d75}
.contact-arrow{background:#b65e49;color:#fbf3e3;border-color:#cc8b6c;width:112px;height:112px;font-size:64px}
.contact-arrow:hover{background:#c37156;color:#fff8e9}
.contact-bottom{border-color:#b8cba337}.contact-bottom>p,.contact-bottom>.mono{color:#b1c2a3}.contact .text-link{color:#f1efdb}
.footer{color:#798b70}.footer .brand>span{color:#405d40}
.mobile-menu{background:#edf1e5f7}
.mobile-menu nav>a{border-color:#c7d3bd}.mobile-menu nav>a>span{color:#8a9d7c}
.mobile-menu nav>button{background:#2a5141;color:#f6f5e9}
.mobile-menu>p{color:#79906c}.menu-toggle>span{background:#3a5c43}
.case-card{background:#e5eddd;border-color:#cad8be}.case-card p{color:#6c805f}
.case-filters button{color:#506b44;border-color:#b6c5a7}.case-filters button[aria-pressed="true"]{color:#fff;background:#315643}
dialog{color:#314b38;border-color:#c2ceb5;background:#f3f4eb;box-shadow:0 30px 100px #203c3438}
dialog::backdrop{background:#243e3466;backdrop-filter:blur(12px)}
.poster-dialog{background:#e5ebdd}.video-dialog{background:#284936;color:#f1f4e6}
.video-dialog p{color:#bacbad}
.sound-toggle{position:fixed;bottom:24px;right:28px;z-index:16;display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 17px;background:#f4f6edeb;border:1px solid #c4d0bc;color:#36583f;border-radius:28px;font-size:11px;backdrop-filter:blur(16px);box-shadow:0 4px 24px #2f4e2f0b}
.sound-bars{display:flex;align-items:center;gap:3px;height:16px}.sound-bars i{display:block;width:2px;height:5px;background:var(--red);border-radius:2px;transform-origin:center}.sound-bars i:nth-child(2){height:13px}.sound-bars i:nth-child(3){height:9px}.sound-bars i:nth-child(4){height:15px}
.sound-toggle[aria-pressed="true"] .sound-bars i{animation:sound-wave 1.2s ease-in-out infinite alternate}.sound-toggle[aria-pressed="true"] .sound-bars i:nth-child(2){animation-delay:-.6s}.sound-toggle[aria-pressed="true"] .sound-bars i:nth-child(3){animation-delay:-.3s}
.music-player{position:fixed;right:28px;bottom:24px;z-index:16;width:284px;pointer-events:none}
.music-player .sound-toggle{position:static;margin-left:auto;pointer-events:auto}
.lang-en .hero h1{font-size:70px;line-height:1.07;letter-spacing:-.06em}.lang-en .hero h1>span{font-family:Georgia,"Times New Roman",serif;font-style:italic;letter-spacing:-.055em;font-weight:400}
.lang-en .hero-description{font-size:14px;max-width:390px}
.lang-en .desktop-nav{gap:22px;font-size:12px}
.lang-en .intro-title h2{font-size:62px;overflow-wrap:anywhere}
.lang-en .intro-role{max-width:380px;line-height:1.8}
.lang-en .intro-copy h3{font-size:26px;line-height:1.4}
.lang-en .manifesto h2{font-size:52px}
.lang-en .direction-row h3{font-size:27px}
.lang-en .section-heading h2,.lang-en .journey h2,.lang-en .faq h2{font-size:42px}
.lang-en .price-card h3{font-size:23px}.lang-en .price-card .button{font-size:12px;line-height:1.6}
.lang-en .contact h2{font-size:49px}
.lang-en .section-heading>p{max-width:370px}
@keyframes light-breathe{to{transform:translate(18px,-24px) scale(1.12);opacity:.2}}
@keyframes sound-wave{to{transform:scaleY(.35)}}
@media(min-width:1441px){.hero{grid-template-columns:1fr 1.1fr}}
@media(max-width:1100px){.site-header{gap:18px}.desktop-nav{gap:20px}.hero{min-height:790px}.hero h1{font-size:68px}.hero-art{height:600px}.lang-en .hero h1{font-size:58px}.lang-en .desktop-nav{gap:14px}.lang-en .price-card h3{font-size:20px}}
@media(max-width:800px){
 .site-header{gap:12px}.site-header .brand{margin-right:auto}.language-toggle{height:34px;min-width:34px;font-size:10px}.menu-toggle{width:32px;padding:5px}
 .hero{min-height:0;padding-top:144px;padding-bottom:84px;overflow:hidden;background:radial-gradient(ellipse at 95% 86%,#ba725c50,transparent 28%),linear-gradient(160deg,#f5f1e7 26%,#e5ecdd 58%,#bacfb3 100%)}
 .hero h1{font-size:62px;line-height:1.12;letter-spacing:-.055em}
 .hero-copy>.eyebrow{font-size:9px;margin-bottom:24px}
 .hero-description{font-size:13px;max-width:340px;line-height:1.95}
 .hero .button{padding:14px 20px;min-width:196px;min-height:52px;font-size:14px}
 .hero-actions{gap:18px}.hero-sound{margin-top:24px;font-size:11px}.sound-glyph{width:28px;height:28px}
 .hero-footnote{font-size:9px;margin-top:20px}
 .hero-art{height:460px;width:calc(100% + 48px);margin:-8px -24px 0}
 .art-coordinate{top:22px;right:12px;font-size:8px}.art-coordinate b{letter-spacing:.03em}
 .art-caption{left:9%;right:9%;bottom:15px;font-size:9px;letter-spacing:.02em}
 .orbit-label{bottom:70px;right:4%;font-size:8px;padding:8px 12px}
 .orbit-label>.interaction-hint{font-size:9px}#motion-toggle{font-size:9px;padding-left:8px}
 .corner-a{top:54px;left:5%}.corner-b{bottom:44px;right:7%}
 .hero-bottom{font-size:7px;padding-top:16px}.hero-bottom a{gap:12px}
 .intro-title h2{font-size:54px}
 .manifesto h2{font-size:36px;line-height:1.65}
 .contact-arrow{width:62px;height:62px;font-size:34px}
 .sound-toggle{right:18px;bottom:18px;padding:9px 13px;font-size:10px;min-height:42px}
 .music-player{right:18px;bottom:18px;width:min(274px,calc(100vw - 36px))}
 .lang-en .hero h1{font-size:55px;line-height:1.04;max-width:350px}
 .lang-en .hero-description{font-size:13px;max-width:320px}
 .lang-en .hero-footnote{font-size:8px;letter-spacing:0}
 .lang-en .intro-title h2{font-size:43px}.lang-en .intro-title h2 br{display:block}
 .lang-en .manifesto h2{font-size:31px;line-height:1.5}
 .lang-en .section-heading h2,.lang-en .journey h2,.lang-en .faq h2{font-size:33px}
 .lang-en .faq h2 br,.lang-en .journey h2 br:nth-of-type(2){display:revert}
 .lang-en .contact h2{font-size:31px}.lang-en .contact-bottom{align-items:start}.lang-en .contact-bottom>p{max-width:180px}
 .lang-en .section-label{font-size:8px}.lang-en .section-label>span:last-child{font-size:9px;text-align:right}
 .lang-en .award-name{max-width:67%}.lang-en .award-result{font-size:10px;white-space:normal;text-align:right}
 .lang-en .price-card h3{font-size:24px}.lang-en .price-card .button{font-size:13px}
}
@media(max-width:380px){.hero h1{font-size:52px}.hero-art{height:410px}.brand>span{font-size:19px}.brand-cn{font-size:inherit}.site-header{padding:12px}.lang-en .hero h1{font-size:47px}.lang-en .contact h2{font-size:26px}.lang-en .hero-bottom{letter-spacing:0}.hero-footnote{letter-spacing:.02em}}

/* Give every supplied client the same visible place in the portfolio. */
.brand-proof{margin-top:88px;text-align:left}
.brand-proof>.eyebrow{color:#a14d38;font-size:10px;letter-spacing:.14em}
.brand-proof>h3{font-size:32px;font-weight:600;line-height:1.45;letter-spacing:-.025em;margin-top:16px;color:#294d3c}
.brand-proof+.awards{margin-top:56px}
.awards-heading h3{font-size:22px;font-weight:500}
.client-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;margin:32px 0 0;list-style:none;border:1px solid #bfcdb6;border-radius:12px;overflow:hidden;background:#e7eddf}
.client-grid>li{display:flex;align-items:center;justify-content:center;text-align:center;min-height:94px;padding:20px 16px;font-size:25px;font-weight:550;line-height:1.3;letter-spacing:-.025em;color:#35543f;border-right:1px solid #c7d3be;border-bottom:1px solid #c7d3be;transition:color .25s,background .25s}
.client-grid>li:nth-child(4n){border-right:0}.client-grid>li:nth-last-child(-n+4){border-bottom:0}
.client-grid>li:hover{color:#a94d38;background:#f1ecdf}
.lang-en .client-grid>li{font-size:22px;overflow-wrap:normal;letter-spacing:-.035em}
@media(max-width:800px){
 .brand-proof{margin-top:52px}.brand-proof>.eyebrow{font-size:9px}.brand-proof>h3{font-size:25px;max-width:290px;margin-top:12px}.brand-proof+.awards{margin-top:36px}.awards-heading h3{font-size:18px}
 .client-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px;border-radius:10px}
 .client-grid>li{font-size:22px;min-height:78px;padding:18px 12px}
 .client-grid>li:nth-child(2n){border-right:0}.client-grid>li:nth-last-child(-n+4){border-bottom:1px solid #c7d3be}.client-grid>li:nth-last-child(-n+2){border-bottom:0}
 .lang-en .client-grid>li{font-size:19px}.lang-en .brand-proof>h3{font-size:27px}
}

/* A small invitation beside the first-screen music entry */
.hero-fan-gift{margin:17px 0 0;padding-left:14px;border-left:2px solid #bb735d;color:#69735e;font-size:12px;line-height:1.85;letter-spacing:.02em}
.hero-fan-gift span:last-child{color:#9a4e3a}
@media(max-width:700px){.hero-fan-gift{margin-top:14px;font-size:11px;padding-left:12px}}

/* Music stays in the page with no overlay or expanding player card. */
.hero-music{display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin-top:32px}
.hero-music .hero-sound{margin:0;padding:0;min-height:32px}
.music-inline-volume{display:flex;align-items:center;gap:8px;padding-left:41px;color:#6d7b61;font-size:10px;line-height:1}
.music-inline-volume input{width:90px;height:18px;min-height:18px;margin:0;accent-color:#a4523f;cursor:pointer}
.music-inline-volume input:focus-visible{outline:2px solid #a4523f;outline-offset:3px;border-radius:10px}
.music-a11y-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:800px){.hero-music{margin-top:24px}.hero-music .hero-sound{min-height:28px}.music-inline-volume{padding-left:37px}}
@media(max-width:480px){.hero-actions{column-gap:16px;row-gap:0}.hero-music{margin-top:18px}}

/* The films keep their own space, with titles and dates below each frame. */
.case-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 28px}
.case-card{min-width:0;background:transparent;border:0;border-radius:0;overflow:visible}
.case-featured{grid-column:1/-1}
.case-play{background:#dbe3d6;border-radius:8px;isolation:isolate}
.case-featured .case-play{aspect-ratio:2/1}
.case-play img{display:block;object-position:center;transition:transform .7s var(--ease),filter .7s var(--ease)}
.case-play:hover img{transform:scale(1.025);filter:brightness(1.04)}
.case-play-icon{width:62px;height:62px;font-size:25px;padding-left:3px;background:rgba(244,241,231,.16);border-color:rgba(255,255,255,.7);color:#fff;box-shadow:0 4px 24px #172b2826;transition:background .3s,transform .3s}
.case-play:hover .case-play-icon,.case-play:focus-visible .case-play-icon{background:#f4f1e7;color:#294d3c;transform:translate(-50%,-50%) scale(1.08)}
.case-duration{position:absolute;right:16px;bottom:16px;color:#fff;background:#20352ba6;backdrop-filter:blur(8px);border:1px solid #ffffff30;border-radius:4px;padding:5px 9px;font:11px/1.2 "SFMono-Regular",Consolas,monospace;font-variant-numeric:tabular-nums;letter-spacing:.05em}
.case-card-copy{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:22px 0 0}
.case-card h3{color:var(--ink);font-size:25px;font-weight:550;line-height:1.35;letter-spacing:-.025em}
.case-featured h3{font-size:32px}
.case-date{color:#697a68;font-size:12px;line-height:1.6;white-space:nowrap;letter-spacing:.04em}
.video-dialog{background:var(--cream);color:var(--ink);border:1px solid #c5d1bd;border-radius:12px;padding:28px;box-shadow:0 30px 110px #19302740}
.video-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding-right:48px;margin-bottom:24px}
.video-heading h2{margin:0;font-size:25px;line-height:1.4}
.video-meta{color:#697a68;font-size:12px;white-space:nowrap}
.video-dialog video{border-radius:5px;object-fit:contain}
.video-dialog p{color:#697a68}
@media(max-width:800px){
 .case-gallery{gap:34px 20px}
 .case-featured .case-play{aspect-ratio:16/9}
 .case-card-copy{padding-top:16px;gap:12px}
 .case-card h3,.case-featured h3{font-size:24px}
 .case-date{font-size:11px}
 .video-dialog{padding:18px}
 .video-heading{gap:10px;margin-bottom:18px;padding-right:40px}
 .video-heading h2{font-size:21px}
 .video-meta{font-size:11px}
}
@media(max-width:600px){
 .case-gallery{grid-template-columns:1fr;gap:32px}
 .case-play-icon{width:50px;height:50px;font-size:21px}
 .case-duration{right:12px;bottom:12px;font-size:10px}
 .case-card h3,.case-featured h3{font-size:22px}
 .video-heading{flex-direction:column;align-items:flex-start;gap:4px}
}
@media(prefers-reduced-motion:reduce){.case-play img,.case-play-icon{transition:none}.case-play:hover img{transform:none}}

/* Older WebViews use the same dialogs with a fixed overlay instead of the native top layer. */
dialog:not([open]){display:none}
dialog.dialog-fallback[open]{display:block;position:fixed;z-index:1001;left:50%;top:calc(var(--dialog-viewport-height,100vh)/2);right:auto;bottom:auto;margin:0;transform:translate(-50%,-50%);max-width:calc(100vw - 32px);max-height:calc(var(--dialog-viewport-height,100vh) - 32px);overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.dialog-fallback-backdrop{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;background:rgba(4,10,6,.8);touch-action:none}