/* Quiet surfaces. Existing motion provides the visual emphasis. */
:root{--color-primary:#09080a;--color-secondary:#f1edee;--mythos-muted:#bcb3b8;--mythos-garnet:#731a35;--mythos-accent:#d34765}
html,body{background:#09080a;color:#f1edee}
html{overflow-x:clip}
.LastestWorks{overflow:clip}
::selection{background:#731a35;color:#fff}
.PageSection,.LastestWorks,.Work:before,.MainFooter,.MainFooter-content,.Copyrights{background:#09080a!important;color:#f1edee!important}
.PageSection--transparent,.Contact .PageSection,.UseCaseHeading .PageSection{background:transparent!important}
.PageSection .AsideBackground,.PageSection--light .AsideBackground,.Aside--light,.Aside--dark{background:#09080a!important;border-color:#ffffff10!important}
.MainMenu,.MainMenu--blend{mix-blend-mode:normal!important}
.MainMenu a,.MainMenu--dark a,.MainMenu--light a{color:#f1edee!important}
.MainFooter h3,.MainFooter a,.Copyrights .Link,.Copyrights span,.MainFooter p,.MainFooter ul{color:#d6cfd3!important;opacity:1}
.MainFooter h3{color:#fff!important}
.mythos-brand-lockup,.HKILogo image{filter:url(#mythos-white-mark)!important}
.HKILogo svg{mix-blend-mode:normal!important}
.local-preview-badge{color:#c7bfc4;background:#09080ac9;border-color:#ffffff15}
.mythos-motion-toggle{background:#09080acc;border-color:#ffffff25;color:#ded8db}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #d34765;outline-offset:5px}
.HomeHeading-ui--blended{color:#f1edee!important}
.HomeHeading-ui .Headline{text-shadow:0 2px 25px #0008;font-weight:400}
.HomeAbout-bg{background-image:url('/assets/mythos/future-about.webp')!important}
.WorksCTA-bg{background-image:url('/assets/mythos/future-contact.webp')!important}
.HomeAbout-shutter,.WorksCTA-shutter{background:#09080a!important}
.HomeAbout h2,.WorksCTA h2{color:#fff;text-shadow:0 2px 24px #000}
.AboutText em .word-em{background:#731a35!important;color:#fff}
.LinkButton{--color-primary:#f1edee;--color-secondary:#09080a}
.LinkButton--light{--color-primary:#09080a;--color-secondary:#f1edee}
.VisitStudio-navigation .center>div{color:#09080a}
.TextGallery a,.TextGallery a:visited{color:#f1edee!important}
.AboutHKIQuestion .stylmaskedbg:before{background:#731a35!important}
.MotionDrawing img,.AnimsWrapper>img,.MotionPicto img{filter:grayscale(1) invert(1)}
.AboutHKIQuestion .SVG--does,.AboutHKIQuestion .SVG--means{--color-primary:#f1edee}
.MotionSquare svg rect[stroke="black"]{stroke:#bcb3b8}
.AboutHKIMeaning .Word-arrow,.AboutHKIMeaning .Underline{filter:invert(1)}
.AboutHKIMeaning .Word--hikimori svg text{fill:#f1edee}
.AboutPage .ms--tm,.AboutPage .MotionSquare--tm,.AboutPage .MotionSquare-TMText{display:none!important}
.HKITeam header svg{--color-primary:#f1edee}
.HKITeam header h2 em span+span{margin-left:.14em}
.mythos-above-quill{font-family:Merchant-Light;font-size:.52em;line-height:1.1;letter-spacing:.015em;margin-bottom:.2em;color:#f1edee}
.HKITeamGallery-photo figure,.HKITeamGallery-photo img{width:100%;height:100%;object-fit:cover}
.HKIClients .Clients ul .Client{background:#181216!important;border-color:#ffffff24!important}
.HKIClients .Clients ul .Client figure{mix-blend-mode:normal!important}
.WorksNavigation-main,.WorksNavigation-mobile,.WorksNavigationButton{background:#151115!important;border-color:#ffffff20!important}
.WorksNavigationButton-text{color:#f1edee!important;mix-blend-mode:normal!important}
.WorksNavigationButton.active,.WorksNavigationButton.is-active{background:#731a35!important}
.WorkThumbnail .Tag{background:transparent!important;backdrop-filter:none!important;padding:0!important;border-radius:0!important;font-size:11px!important;letter-spacing:.08em;color:#e0d8dc;text-shadow:0 1px 8px #000}
.AboutPage-bg>div,.Legals-bg>div{background-image:none!important}
.AboutHKIQuestion,.AboutHKIMeaning,.HKIWay p,.HKIWay h2,.HKITeam h2,.Legals{color:#f1edee!important}
.AboutHKIQuestion .mask,.AboutHKIMeaning .mask{background:#731a35}
.HKIClients{background:#09080a!important}
.Legals p,.Legals li{font-size:clamp(16px,1.2vw,20px);line-height:1.7;color:#d6cfd3}
.UseCaseHeadingVisual:after{background:linear-gradient(180deg,#09080a50,transparent 45%,#09080a70)}
.VisitStudio canvas,.VisitStudio video{filter:brightness(.72)}
.HelloHeading h1{font-size:clamp(40px,6.2vw,100px)!important;line-height:1.1!important;text-shadow:0 3px 32px #0009;max-width:85%;color:#f1edee}
.HelloHeading sup{display:none}
.HelloHeading h1 img{display:none}
.VisitStudio-ui{background:linear-gradient(180deg,transparent 5%,#09080a44 30%,#09080af2 72%);text-shadow:0 2px 18px #000}
.VisitStudio-emails{gap:clamp(24px,4vw,70px)!important;flex-wrap:wrap}
.VisitStudio-emails a{font-size:clamp(14px,1.4vw,21px)!important;opacity:1!important;white-space:nowrap;color:#fff!important}
.VisitStudio-emails h3{font-size:13px!important;color:#c9bcc3!important;margin-bottom:12px!important;letter-spacing:.06em}
.VisitStudio-emails .mythos-author-contact{display:flex;flex-direction:column;gap:3px;margin-top:8px}
.VisitStudio-emails .mythos-author-contact a{font-size:13px!important;color:#cec3c9!important;padding:3px!important;text-decoration:none}
.VisitStudio-address{font-size:16px!important;line-height:1.6!important}
.NewsletterForm{background:#09080a!important;flex-direction:column!important;padding-bottom:70px!important}
.NewsletterForm-wrapper{width:100%}
.NewsletterForm h2{line-height:1.05!important}
.NewsletterForm input,.NewsletterForm textarea{opacity:1!important;color:#f1edee!important;border-color:#70606a!important;line-height:1.5!important}
.NewsletterForm input::placeholder,.NewsletterForm textarea::placeholder{color:#bcb3b8!important;opacity:1}
.mythos-preview-form-note{width:calc(100% - 80px);margin:20px 40px 0;color:#bcb3b8;max-width:60ch;font-size:12px}
.NewsletterForm .confirm{color:#09080a}
@media(max-width:767px){
 .Aside{background:linear-gradient(180deg,#09080add,transparent)!important}
 .HomeHeading-ui .Headline{font-size:clamp(32px,8vw,54px)!important;line-height:1.1}
 .HelloHeading h1{font-size:clamp(36px,9vw,62px)!important;max-width:90%}
 .VisitStudio-ui{background:linear-gradient(180deg,transparent,#09080ac9 48%,#09080a 100%)}
 .VisitStudio-emails{gap:20px!important;margin-bottom:20px!important}
 .VisitStudio-emails a{font-size:clamp(13px,3.7vw,18px)!important}
 .VisitStudio-address{width:90%!important;margin:20px auto!important}
 .mythos-preview-form-note{width:calc(100% - 40px);margin:20px}
 .NewsletterForm{padding-bottom:90px!important}
 .NewsletterForm-confirm{width:100%!important;padding:30px!important}
 .MainFooter-contact a{font-size:clamp(12px,3.6vw,15px)!important}
}
/* User-supplied Web Studio identity: preserve the original teal accent and complete lockup. */
img[src="/assets/mythos/web-studio-logo.jpg"]{object-fit:contain!important;filter:none!important}
#mythos-fallback .compat-web-logo{width:min(100%,340px);height:auto;margin:0 0 40px}
img[src="/assets/mythos/author-studio-logo.jpg"]{object-fit:contain!important;filter:none!important}

.WorkThumbnail[href="/en/use-case-author-studio"] .WorkThumbnail-label,.WorkThumbnail[href="/en/use-case-web-studio"] .WorkThumbnail-label{color:#101112!important;text-shadow:none!important}
.WorkThumbnail[href="/en/use-case-author-studio"] .WorkThumbnail-label *,.WorkThumbnail[href="/en/use-case-web-studio"] .WorkThumbnail-label *{color:inherit!important;text-shadow:none!important}
.WorkThumbnail[href="/en/use-case-author-studio"] .WorkThumbnail-figure,.WorkThumbnail[href="/en/use-case-web-studio"] .WorkThumbnail-figure{background:#f3f5f5}

img[src="/assets/mythos/publishing-logo.jpg"]{object-fit:contain!important;filter:none!important}
.WorkThumbnail[href="/en/use-case-publishing"] .WorkThumbnail-label,.WorkThumbnail[href="/en/use-case-publishing"] .WorkThumbnail-label *{color:#101112!important;text-shadow:none!important}
.WorkThumbnail[href="/en/use-case-publishing"] .WorkThumbnail-figure{background:#f3f5f5}