/* bytakis.com: an early-web directory, using local system fonts. */
:root{color-scheme:light;--bg:#fff;--ink:#171717;--muted:#555;--accent:#0000c8;--web-blue:#000080;--web-line:#a0a0a0;--web-panel:#f1f1ed}
html{background:#d8d8d2;scroll-padding-top:20px}
body{color:var(--ink);font-family:Verdana,Tahoma,Arial,sans-serif;font-size:14px;background:#fff;-webkit-font-smoothing:auto}
body#top{display:grid;grid-template-columns:190px minmax(0,1fr);column-gap:24px;max-width:1280px;width:calc(100% - 48px);margin:24px auto;padding:16px;border:1px solid #777;box-shadow:4px 4px 0 #adada6}
body#top>header{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 24px;padding:0 0 26px;align-items:end;border-bottom:1px solid #777}
.web-titlebar{grid-column:1/-1;grid-row:1;display:flex;justify-content:space-between;gap:16px;background:var(--web-blue);color:#fff;padding:7px 10px;font:12px/1.4 'Courier New',monospace;letter-spacing:.02em}
body#top>header h1{grid-column:1;grid-row:2;justify-self:start;font:700 clamp(48px,7vw,92px)/.95 Georgia,'Times New Roman',serif;letter-spacing:-.065em;white-space:nowrap;color:#111;padding-top:12px}
.brand-dot{color:var(--accent)}
.web-tagline{grid-column:1;grid-row:3;margin:0;font:13px/1.65 Verdana,Tahoma,sans-serif;color:#333;max-width:590px}
body#top>header .language-switch{grid-column:2;grid-row:2;justify-self:end;align-self:start;margin-top:16px;gap:12px;border:0;background:none;padding:0}
.language-switch button{background:none!important;border:0;color:#0000c8;padding:4px 0;min-height:30px;font:12px/1.4 Verdana,sans-serif;text-decoration:underline;text-underline-offset:3px}
.language-switch button[aria-pressed=true]{color:#171717;font-weight:700;text-decoration:none}
.language-switch button:hover{color:#551a8b}
body#top>header .order-trigger{grid-column:2;grid-row:3;justify-self:end;margin:0}
.studio-cta{color:#111;font-family:Verdana,Tahoma,Arial,sans-serif;font-weight:400;font-size:12px;filter:none}
.studio-cta .cta-label{min-height:38px;background:#ededeb;color:#111;border:1px solid #777;box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #b2b2ac;padding:10px 16px;white-space:normal;text-align:center;font-weight:400;line-height:1.45}
.studio-cta:hover .cta-label,.studio-cta:focus-visible .cta-label{background:#fff;color:#0000c8;border-color:#000080}
.order-trigger .cta-label{background:#000080;color:#fff;border-color:#000080;box-shadow:inset 1px 1px 0 #6868ab,inset -1px -1px 0 #00004b;min-height:40px;padding-inline:22px}
.order-trigger:hover .cta-label{background:#10109a;color:#fff}
.skip{background:#000080;color:#fff}
body#top>.about-panel{grid-column:1/-1;margin:18px 0 24px;border:1px solid #999;background:#f4f4ee}
.about-toggle{padding:13px 15px}
.about-heading{font-family:Verdana,Tahoma,sans-serif;font-size:13px;font-weight:400;text-decoration:underline;text-underline-offset:3px;color:#0000c8}
.about-plus{width:24px;height:24px;font:21px/1 'Courier New',monospace;color:#111!important}
.about-inner{margin:0 20px;padding:30px 0;gap:48px;border-color:#aaa;grid-template-columns:.9fr 1.1fr}
.about-intro h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.04em;font-size:clamp(30px,4vw,52px);line-height:1.1}
.about-intro h2 span{color:#000080}
.about-story>p,.about-story>p:first-child{font:14px/1.8 Verdana,Tahoma,sans-serif;color:#333;margin-bottom:18px}
.about-story>p:first-child{font-size:15px;color:#111}
.about-story>.about-ranking{font-size:11px;color:#555}
.about-ranking a{color:#0000c8;text-decoration-color:currentColor}
.about-signoff,.about-contacts a{border-color:#aaa}
.about-contacts{gap:4px}
.about-contacts a{padding-top:14px;padding-bottom:14px}
.about-contacts a>span:first-child{color:#555;font-size:11px}
.about-contacts strong{font:13px/1.6 Verdana,sans-serif;color:#0000c8;text-decoration:underline;text-underline-offset:3px}
body#top>.work-tabs{grid-column:1;grid-row:auto;position:sticky;top:20px;align-self:start;display:flex;flex-direction:column;gap:0;margin:0;padding:0;border:1px solid #888;background:#f3f3ef}
.directory-heading{margin:0;padding:9px 12px;background:#deded7;border-bottom:1px solid #888;font:700 11px/1.5 'Courier New',monospace;letter-spacing:.08em;color:#222}
.work-tab{font:13px/1.5 Verdana,Tahoma,sans-serif;min-height:45px;padding:12px;display:block;background:transparent;border:0;border-bottom:1px solid #c7c7bf;color:#0000c8;text-decoration:underline;text-underline-offset:3px;text-align:left;transition:background .15s,color .15s}
.work-tab:last-child{border-bottom:0}
.work-tab:hover{color:#551a8b;background:#fff}
.work-tab[aria-selected=true],.work-tab[aria-selected=true]:hover{background:#fffbd3;color:#111;font-weight:700;text-decoration:none}
.work-tab:focus-visible{box-shadow:inset 0 0 0 2px #0000c8}
body#top>main{grid-column:2;min-width:0}
.portfolio-leadership{margin:0 0 22px;padding:0 0 16px;border-color:#aaa;color:#555;font:11px/1.65 Verdana,Tahoma,sans-serif}
.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px;padding:0 0 38px}
.preview{background:#ededeb;border:1px solid #aaa}
.preview img{filter:none}
.site:hover img,.site:focus-visible img{transform:scale(1.015)}
.caption{padding:12px 0 0}
.caption h2{font:700 14px/1.45 Verdana,Tahoma,sans-serif;color:#0000c8;text-decoration:underline;text-underline-offset:3px;letter-spacing:0}
.caption p{font:12px/1.6 Verdana,Tahoma,sans-serif;color:#555}
.caption .project-role-note{font-size:10px!important;color:#555!important}
.visit.studio-cta{right:10px;bottom:10px;max-width:calc(100% - 20px);filter:none}
.visit.studio-cta .cta-label{min-height:32px;font:11px/1.3 Verdana,sans-serif;padding:8px 12px;background:#fff;color:#0000c8;text-decoration:underline;text-underline-offset:3px;box-shadow:2px 2px 0 #0002}
.site:hover .visit .cta-label{background:#fffbd3;color:#000080}
.case-panel{margin:0 0 40px}
.case-intro{max-width:780px;padding:0 0 28px}
.case-eyebrow,.case-intro>p:first-child{color:#000080}
.case-intro h2{font:400 clamp(30px,4vw,47px)/1.12 Georgia,'Times New Roman',serif;letter-spacing:-.035em;color:#111;margin:12px 0 18px}
.case-intro>p{font:13px/1.8 Verdana,sans-serif;color:#444}
.project-grid,.film-grid,.ai-grid{gap:20px}
.project-card,.film-card,.ai-card{border:1px solid #aaa;background:#fff;box-shadow:none}
.project-card:hover,.film-card:hover,.ai-card:hover{border-color:#666}
.project-body,.film-body,.ai-card-body,.pr-card .project-body{padding:24px}
.project-body h3,.film-body h3,.ai-card-body h3{font:700 21px/1.25 Verdana,Tahoma,sans-serif;letter-spacing:-.03em;color:#111}
.project-niche,.project-description,.film-description,.film-credit,.ai-card-description{color:#444}
.project-description,.film-description,.ai-card-description{font-size:13px;line-height:1.8}
.project-niche{font-size:11px}
.project-role-note{color:#000080!important;font-size:11px!important}
.project-roles span,.ai-tags span{background:#f2f2ee;color:#333;border-color:#b7b7b0;font-size:10px}
.smm-scope,.film-treatment,.pr-reference-note,.pr-details,.pr-subhead,.film-reference-note,.ai-overview,.film-group-head{border-color:#aaa}
.smm-scope h4,.film-treatment h4,.pr-reference-note strong,.pr-subhead{color:#000080}
.smm-scope li,.film-treatment p,.pr-reference-note p,.film-reference-note p,.pr-note,.pr-credit,.pr-byline,.pr-detail-content p,.pr-source-list,.ai-overview-counts,.ai-card-meta{color:#555}
.smm-scope strong{color:#111}
.film-reference-note,.pr-reference-note{background:#f5f5ee}
.pr-reference-note{padding-inline:16px}
.pr-metrics>div{border-color:#999}
.pr-metrics dt{color:#000080}
.pr-metrics dd{color:#555}
.pr-details summary,.pr-source-list a,.film-source,.ai-overview>a{color:#0000c8;text-decoration:underline;text-underline-offset:3px}
.pr-source-list li{border-color:#bbb}
.film-duration,.film-type,.ai-cover-label,.project-platform{color:#fff}
.film-filters{gap:8px;margin-bottom:30px}
.film-filters button{background:#ededeb;color:#333;border:1px solid #888;box-shadow:inset 1px 1px 0 #fff;font:12px/1.4 Verdana,sans-serif}
.film-filters button[aria-pressed=true],.film-filters button[aria-pressed=true]:hover{background:#000080;color:#fff;border-color:#000080;box-shadow:none}
.film-filters button:hover{background:#fff;color:#0000c8}
.film-group-head h3{font:700 17px/1.5 Verdana,sans-serif;color:#111}
.film-group-count{color:#555}
.ai-overview-counts>span:first-child{color:#000080}
.ai-card-meta{font-size:10px}
.ai-cover{background:#e5e5df}
.service-packages,#panel-sites>.service-packages{margin:0 0 30px;border-color:#999;background:#f5f5ef;padding:0 16px}
.service-packages>.packages-heading{padding:15px 0;gap:20px}
.packages-eyebrow{font:10px/1.5 'Courier New',monospace;color:#555;margin-bottom:5px}
.service-packages>.packages-heading h2{font:700 15px/1.5 Verdana,sans-serif;letter-spacing:0;color:#111}
.packages-toggle-label{font:11px/1.5 Verdana,sans-serif;color:#0000c8;text-decoration:underline;text-underline-offset:3px}
.packages-content>p{font:12px/1.75 Verdana,sans-serif;color:#444}
.packages-grid{gap:12px}
.package-card{background:#fff;border-color:#999;padding:22px 16px}
.package-card h3{font:700 14px/1.5 Verdana,sans-serif;color:#111}
.package-price strong{font:400 clamp(30px,3.4vw,45px)/1.1 Georgia,'Times New Roman',serif;letter-spacing:-.04em;color:#000080}
.price-from,.package-period{font-size:10px;color:#555}
.package-card li{color:#333;border-color:#ccc;font-size:12px;line-height:1.65}
.package-terms{border-color:#aaa}
.package-terms summary{color:#0000c8;font-size:11px;text-decoration:underline;text-underline-offset:3px}
.package-terms p{color:#555;font-size:11px;line-height:1.75}
.custom-budget-banner{background:#eaeae3;border:1px solid #999;padding:20px;gap:20px}
.custom-budget-banner h3{font:700 14px/1.5 Verdana,sans-serif;color:#111}
.custom-budget-banner p{font-size:12px;color:#444}
.selected-package{background:#f5f5ee;border-color:#aaa}
.selected-package>span{color:#555}
.selected-package strong,.selected-package button{color:#111}
body#top>footer{grid-column:1/-1;margin:26px 0 0;padding:20px 0 4px;border-color:#777;font:11px/1.8 Verdana,sans-serif;color:#555;gap:12px 24px;align-items:center;justify-content:flex-start}
body#top>footer>span{font-weight:700;color:#111;margin-right:auto}
body#top>footer a,body#top>footer [data-privacy-settings]{color:#0000c8;text-decoration:underline;text-underline-offset:3px;white-space:normal}
.order-dialog,#film-dialog,#ai-dialog{background:#fff;color:#111;border:1px solid #777;box-shadow:4px 4px 0 #0005}
.order-dialog::backdrop,#film-dialog::backdrop,#ai-dialog::backdrop{background:#0007;backdrop-filter:none}
.order-window{padding:34px}
.order-eyebrow{font:700 13px/1.5 'Courier New',monospace;color:#000080}
.order-dialog h2{font:400 clamp(30px,5vw,43px)/1.12 Georgia,'Times New Roman',serif;letter-spacing:-.04em;color:#111}
.order-close,#film-close,#ai-close{background:#ededeb;color:#111;border:1px solid #888;box-shadow:inset 1px 1px 0 #fff}
.order-close:hover,#film-close:hover,#ai-close:hover{background:#fff;color:#000080}
.order-dialog #order-intro,.order-phone,.order-list p,.order-privacy{color:#555}
.order-email,.order-privacy a,.order-phone:hover{color:#0000c8;text-decoration-color:currentColor}
.order-list li{font:13px/1.7 Verdana,sans-serif;color:#222}
.order-list li::marker{color:#000080}
.order-dialog h3{font-size:15px}
.film-dialog-head,.ai-dialog-header{background:#000080;color:#fff;border-bottom:1px solid #777;padding:18px 22px}
.film-dialog-head h2,.ai-dialog-header h2{font:700 17px/1.4 Verdana,sans-serif;letter-spacing:0;color:#fff}
.film-dialog-head p,.ai-dialog-header p{color:#e0e0ff;font-size:10px}
.film-dialog-foot,.ai-dialog-tools,#ai-viewer-footer{border-color:#aaa;color:#444;background:#f2f2ed}
.film-dialog-foot p{color:#555}
.film-dialog-foot a,.film-dialog-foot>[data-privacy-settings],.ai-dialog-tools a,#ai-viewer-footer>a{color:#0000c8;text-decoration:underline;text-underline-offset:3px}
.ai-dialog-tools button,#ai-viewer-footer button{background:#ededeb;color:#111;border-color:#888}
.ai-work-thumb{border:1px solid #aaa;background:#f1f1ed;color:#111}
.ai-work-name,.ai-work-kind{color:#333}
.ai-stage-grid{background:#fff}
#privacy-settings-dialog{background:#fff;color:#111;border-color:#777;box-shadow:4px 4px 0 #0005;padding:24px;font-family:Verdana,Tahoma,sans-serif}
#privacy-settings-dialog::backdrop{background:#0007}
#privacy-settings-dialog .privacy-dialog-head{background:#000080;color:#fff;padding:15px;margin:-24px -24px 24px}
.privacy-dialog-head h2{font:700 19px/1.4 Verdana,sans-serif;letter-spacing:-.02em}
#privacy-settings-dialog .privacy-close{background:#ededeb;color:#111;border:1px solid #aaa}
.privacy-intro{color:#222;font:13px/1.75 Verdana,sans-serif}
.privacy-description,.privacy-essential p,.privacy-provider-status{color:#555;font-size:11px}
.privacy-essential{border-color:#aaa}
.privacy-essential h3{font-size:13px;color:#111}
.privacy-provider{border-color:#bbb}
.privacy-provider-name{color:#111;font-size:14px}
.privacy-provider-choice input{background:#fff;border-color:#666}
.privacy-provider-choice input:checked{background:#000080;box-shadow:inset 0 0 0 4px #fff;border-color:#000080}
.privacy-text-link{color:#0000c8;font-size:11px}
.privacy-text-link:hover{color:#551a8b}
.privacy-action{background:#ededeb;border:1px solid #777;box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #b2b2ac;color:#111;font:12px/1.5 Verdana,Tahoma,sans-serif}
.privacy-action:hover{background:#fff;border-color:#000080;color:#000080}
#film-player.needs-media-consent{background:#fff}
.privacy-media-gate{border-color:#aaa;color:#111}
.privacy-provider-tag{color:#000080;font:700 11px/1.4 'Courier New',monospace}
.privacy-media-gate h3{font:700 23px/1.3 Verdana,sans-serif;letter-spacing:-.025em;color:#111}
.privacy-media-gate p{color:#444;font:13px/1.75 Verdana,sans-serif}
.privacy-media-gate .privacy-gate-remember{color:#555;font-size:11px}
.classic-policy{max-width:1080px;width:calc(100% - 48px);margin:24px auto;padding:0 22px;border:1px solid #777;box-shadow:4px 4px 0 #adada6}
.classic-policy>header,.classic-policy>footer{margin:0;border-color:#888;padding:22px 0}
.classic-policy .brand{font:700 37px/1 Georgia,'Times New Roman',serif;color:#000080;letter-spacing:-.055em}
.classic-policy nav button{background:#ededeb;border-color:#999;color:#0000c8;font:12px/1.4 Verdana,sans-serif}
.classic-policy nav button[aria-pressed=true]{background:#000080;color:#fff;border-color:#000080}
.classic-policy main{max-width:850px;padding:36px 10px 48px}
.classic-policy h1{font:400 clamp(34px,6vw,58px)/1.1 Georgia,'Times New Roman',serif;letter-spacing:-.04em;color:#111}
.classic-policy .policy-intro{font:15px/1.8 Verdana,sans-serif;color:#333}
.classic-policy section{border-color:#aaa}
.classic-policy section h2{font:700 18px/1.5 Verdana,sans-serif;letter-spacing:-.02em;color:#111}
.classic-policy section p{font:13px/1.85 Verdana,sans-serif;color:#333}
.classic-policy section a,.classic-policy .policy-contact a,.classic-policy .policy-back,.classic-policy footer a,.classic-policy [data-privacy-settings]{color:#0000c8;text-decoration:underline;text-underline-offset:3px}
.classic-policy .policy-contact{border-color:#999;background:#f4f4ee;font-size:12px}
.classic-policy .policy-date,.classic-policy footer{font:11px/1.8 Verdana,sans-serif;color:#555}
@media(min-width:1700px){.gallery{padding-inline:0;gap:36px 24px}}
@media(max-width:1050px){body#top{grid-template-columns:160px minmax(0,1fr);column-gap:18px}.work-tab{font-size:12px}.project-body,.film-body,.ai-card-body,.pr-card .project-body{padding:20px}.packages-grid{grid-template-columns:1fr}.package-card{padding:22px}.package-price strong{font-size:40px}.custom-budget-banner{align-items:flex-start;flex-direction:column}.about-inner{gap:28px}.about-contacts{grid-template-columns:1fr}}
@media(max-width:800px){body#top{width:calc(100% - 24px);margin:12px auto;padding:12px;grid-template-columns:minmax(0,1fr)}body#top>header{gap:14px 16px;padding-bottom:20px}body#top>header h1{font-size:64px}body#top>.work-tabs{position:static;grid-column:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0 0 24px}.directory-heading{grid-column:1/-1}.work-tab{border-bottom:0;border-right:1px solid #bbb;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px 7px;font-size:11px}.work-tab:last-child{border-right:0}body#top>main{grid-column:1}.about-inner{grid-template-columns:1fr}.about-contacts{grid-template-columns:repeat(2,minmax(0,1fr))}.classic-policy{width:calc(100% - 24px);margin:12px auto;padding:0 18px}.gallery{padding-inline:0}.service-packages,#panel-sites>.service-packages{margin-inline:0}}
@media(max-width:560px){body#top{width:calc(100% - 16px);margin:8px auto;padding:10px;box-shadow:2px 2px 0 #adada6}.web-titlebar{font-size:10px;padding:6px 7px;gap:8px}.web-titlebar>span:last-child{font-size:9px;text-align:right}body#top>header{grid-template-columns:1fr auto;gap:14px 12px}body#top>header h1{font-size:51px;padding-top:6px}.language-switch{flex-direction:column;gap:0!important}body#top>header .language-switch{margin-top:6px;grid-column:2;grid-row:2;align-self:center}.language-switch button{min-height:24px;padding:2px 0;font-size:10px;text-align:right}.web-tagline{grid-column:1/-1;grid-row:3;font-size:11px}body#top>header .order-trigger{grid-column:1/-1;grid-row:4;justify-self:start}.order-trigger .cta-label{padding:9px 15px;min-height:36px;font-size:11px}body#top>.about-panel{margin:14px 0 18px}.about-toggle{padding:11px 12px}.about-heading{font-size:12px}.about-inner{margin-inline:14px;padding:22px 0;gap:24px}.about-intro h2{font-size:34px}.about-story>p,.about-story>p:first-child{font-size:12px;line-height:1.8}.about-story>.about-ranking{font-size:10px}.about-contacts{grid-template-columns:1fr}.about-contacts strong{font-size:12px}body#top>.work-tabs{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:20px}.work-tab{border-bottom:1px solid #bbb;min-height:44px}.work-tab:last-child{border-right:1px solid #bbb}.directory-heading{font-size:10px}.gallery,.project-grid,.film-grid,.ai-grid{grid-template-columns:1fr;gap:24px}.gallery{padding:0 0 24px}.caption h2{font-size:14px}.caption p{font-size:11px}.portfolio-leadership{font-size:10px;margin-bottom:18px}.case-intro h2{font-size:33px}.case-intro>p{font-size:12px}.case-panel{margin-inline:0}.project-body h3,.film-body h3,.ai-card-body h3{font-size:21px}.project-description,.film-description,.ai-card-description{font-size:12px}.smm-scope li{font-size:12px}.service-packages,#panel-sites>.service-packages{padding-inline:12px;margin-inline:0;margin-bottom:24px}.service-packages>.packages-heading{gap:12px}.service-packages>.packages-heading h2{font-size:13px}.packages-toggle-label{font-size:10px;max-width:95px}.packages-eyebrow{font-size:9px}.package-card{padding:20px}.package-card li{font-size:12px}.custom-budget-banner{padding:18px}.custom-budget-banner .studio-cta,.custom-budget-banner .cta-label{width:100%}body#top>footer{margin-top:18px;gap:10px 18px;font-size:10px}body#top>footer>span{flex-basis:100%}.order-window{padding:28px 22px}.order-dialog h2{font-size:32px}.order-dialog #order-intro{font-size:13px}.order-list li{font-size:12px}.order-email{font-size:18px}.film-dialog-head,.ai-dialog-header{padding:16px}.film-dialog-head h2,.ai-dialog-header h2{font-size:14px}.privacy-media-gate h3{font-size:20px}.privacy-media-gate p{font-size:12px}.privacy-media-gate .privacy-gate-remember{font-size:10px}.privacy-action{font-size:11px}.classic-policy{width:calc(100% - 16px);margin:8px auto;padding:0 14px}.classic-policy .brand{font-size:31px}.classic-policy main{padding-inline:0}.classic-policy section p{font-size:12px}.classic-policy section h2{font-size:16px}.classic-policy .policy-intro{font-size:13px}.classic-policy>footer{font-size:10px}.ai-card-featured{display:flex;grid-column:auto}.ai-card-featured .ai-cover{aspect-ratio:16/10;min-height:0;height:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.about-intro h2 span{margin-left:0}