/* Three illustrated, fully functional presentations of the shared site. */
#vit-homepage[data-era="handdrawn"],#vit-homepage[data-era="cyberpunk"],#vit-homepage[data-era="sakura"]{max-width:none;box-shadow:none}
#vit-homepage:is([data-era="handdrawn"],[data-era="cyberpunk"],[data-era="sakura"]) .project-packages{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.theme-hero{padding:45px 5% 60px;display:grid;grid-template-columns:1fr 1.15fr;gap:32px;align-items:center}.theme-copy{min-width:0}.theme-copy h1{font-size:clamp(42px,5.5vw,80px)!important;line-height:1.05!important}.theme-copy>p:not(.era-kicker){font-size:20px;line-height:1.65}.theme-art{margin:0;min-width:0;position:relative}.theme-art img{display:block;width:100%;height:auto;border-radius:inherit}.theme-subtitle{font-size:23px;text-align:center}.hero-footnote{font-size:14px!important;margin-top:22px!important}.theme-hero .era-kicker{font-size:12px;letter-spacing:1.8px}.theme-art .v-drag-title{margin:0!important;border-radius:0!important}.theme-art.v-movable{overflow:visible}
#vit-homepage[data-era="handdrawn"]{--ink:#422819;--muted:#6d5444;--line:#d3b998;--accent:#345f59;background:#fffdf7;color:var(--ink);font-family:'Trebuchet MS',Arial,sans-serif}
#vit-homepage[data-era="handdrawn"] :is(h1,h2,h3,.era-brand){font-family:'Comic Sans MS','Trebuchet MS',sans-serif;letter-spacing:-.045em}
#vit-homepage[data-era="handdrawn"] .era-header,#vit-homepage[data-era="handdrawn"] .reading-tools{background:#fffdf7}
#vit-homepage[data-era="handdrawn"] .era-brand{color:#422819}.theme-handdrawn{grid-template-columns:1.3fr 1fr;gap:20px 35px}.sketch-banner{grid-column:1/-1;display:flex;align-items:center;justify-content:space-evenly;gap:15px;padding:22px;background:#fff1ce;border:3px solid #422819;border-radius:60% 3% 55% 4% / 8% 65% 9% 55%;text-align:center}.sketch-banner h1{font-size:clamp(35px,5.1vw,72px)!important;margin:0!important}.sketch-banner>span{font-size:40px;color:#b37900}.theme-handdrawn>.theme-subtitle{grid-column:1/-1;margin-bottom:20px!important}.theme-handdrawn .theme-art{background:#fff9eb;border-radius:30px}.theme-handdrawn .theme-copy h2{font-size:clamp(30px,3.5vw,48px)!important}
#vit-homepage[data-era="handdrawn"] :is(.v-button,.era-cta){background:#98c8c1;border:2px solid #422819;color:#30251b;box-shadow:2px 3px #422819;border-radius:28px 24px 29px 22px}
#vit-homepage[data-era="handdrawn"] :is(.project-packages article,.v-plan,.v-service,.home-guide-grid a,.enquiry-window){background:#fff8e8;border:2px solid #563b2b;border-radius:23px 19px 26px 20px;box-shadow:3px 4px #e8dbc4}
#vit-homepage[data-era="handdrawn"] .v-service{padding:25px}#vit-homepage[data-era="handdrawn"] .service-icon{background:#e2ecd6;border:2px solid #6c7559;border-radius:45% 55% 40% 60%;color:#422819}
#vit-homepage[data-era="handdrawn"] .package-price{color:#422819;background:#f7e5bd;border-radius:25px;padding:8px 12px;font-size:32px}#vit-homepage[data-era="handdrawn"] .package-title{color:#6d5444}#vit-homepage[data-era="handdrawn"] .v-ribbon{color:#365e52}
#vit-homepage[data-era="handdrawn"] :is(.v-strip,.v-event,.v-care,.home-guides,.v-footer,.project-terms,.enquiry-title){background:#fff1d2;color:#422819}#vit-homepage[data-era="handdrawn"] .v-event{border-block:2px solid #bc9b68}#vit-homepage[data-era="handdrawn"] .v-bottom{background:#9ac9c0;color:#35291d}#vit-homepage[data-era="handdrawn"] .v-bottom p{color:#423f30}#vit-homepage[data-era="handdrawn"] .v-plan.featured{background:#e8efdc;border:2px solid #4c6848}#vit-homepage[data-era="handdrawn"] .v-price{color:#355b50}
/* Cyberpunk uses a dark console palette, angular panels and luminous artwork. */
#vit-homepage[data-era="cyberpunk"]{--ink:#f0f4ff;--muted:#c0cce3;--line:#39516f;--accent:#59ecff;background:#080f20;color:var(--ink)}
#vit-homepage[data-era="cyberpunk"] .era-header,#vit-homepage[data-era="cyberpunk"] .reading-tools{background:#080f20;border-bottom:1px solid #2dc9e3}#vit-homepage[data-era="cyberpunk"] .era-brand{color:#f5f6ff}#vit-homepage[data-era="cyberpunk"] .era-brand span{color:#74eaf7}
.theme-cyberpunk{padding-top:65px;padding-bottom:65px;background:radial-gradient(ellipse at 85% 70%,#31204b,transparent 65%),#080f20}.theme-cyberpunk h1{font-weight:800!important;letter-spacing:-.06em!important}.theme-cyberpunk h1 em{color:#ff61d8;font-style:normal}.theme-cyberpunk .theme-art{border:1px solid #41d5ed;box-shadow:0 0 35px #2bc4e422;border-radius:3px}.theme-cyberpunk .era-kicker{color:#66eeff}
#vit-homepage[data-era="cyberpunk"] :is(.v-button,.era-cta){background:#f340ce;color:#100b24;border:1px solid #ff91e3;border-radius:2px;box-shadow:0 0 16px #f340ce44;font-weight:800}
#vit-homepage[data-era="cyberpunk"] :is(.project-packages article,.v-plan,.v-service,.home-guide-grid a,.enquiry-window){background:linear-gradient(145deg,#101e36,#141526);border:1px solid #42d6ed;border-bottom-color:#e76acf;border-radius:3px;box-shadow:3px 4px 0 #2b1d3f}
#vit-homepage[data-era="cyberpunk"] .v-service{padding:25px}#vit-homepage[data-era="cyberpunk"] .service-icon{background:#142a42;border:1px solid #55dbec;color:#58eafb;border-radius:3px;text-shadow:0 0 12px #48c8de}
#vit-homepage[data-era="cyberpunk"] :is(.package-title,.v-tags,.v-ribbon){color:#76edff}#vit-homepage[data-era="cyberpunk"] :is(.package-price,.v-price){color:#66efff}#vit-homepage[data-era="cyberpunk"] .v-plan.featured{border:2px solid #ff65d8}
#vit-homepage[data-era="cyberpunk"] :is(.v-strip,.v-event,.v-care,.home-guides,.v-footer,.project-terms,.enquiry-title){background:#101a2e;color:#edf3ff}#vit-homepage[data-era="cyberpunk"] .v-strip{border-block:1px solid #39718b;color:#81efff}#vit-homepage[data-era="cyberpunk"] .v-bottom{background:linear-gradient(110deg,#151a32,#351739);color:#fff}#vit-homepage[data-era="cyberpunk"] .v-bottom p{color:#e1d9ef}
#vit-homepage[data-era="cyberpunk"] .vit-form{background:#0c1528}#vit-homepage[data-era="cyberpunk"] .vit-form :is(input,select,textarea){background:#16233b;border-color:#6685a5;color:#f2f5ff;color-scheme:dark}#vit-homepage[data-era="cyberpunk"] .vit-form ::placeholder{color:#bac8dc;opacity:1}#vit-homepage[data-era="cyberpunk"] .form-privacy{color:#c0cce3}#vit-homepage[data-era="cyberpunk"] .captcha-block{background:#f7faff;color:#15233b;border-color:#68e4f8}#vit-homepage[data-era="cyberpunk"] .captcha-block .form-privacy{color:#334561}#vit-homepage[data-era="cyberpunk"] .form-status{color:#9cf0c4}#vit-homepage[data-era="cyberpunk"] .form-status.error{color:#ffb1c5}
#vit-homepage[data-era="cyberpunk"] :is(.v-billing button,.enquiry-tabs button){background:#16233b;color:#eef5ff;border-color:#6685a5}#vit-homepage[data-era="cyberpunk"] :is(.v-billing button,.enquiry-tabs button)[aria-pressed="true"]{background:#72eaff;color:#101728;border-color:#72eaff}#vit-homepage[data-era="cyberpunk"] .v-step>span{color:#7cedff}
/* Sakura: warm editorial type, delicate blossom details and a calm studio scene. */
#vit-homepage[data-era="sakura"]{--ink:#512819;--muted:#785543;--line:#dec0a7;--accent:#a33e25;background:#fff6e7;color:var(--ink)}
#vit-homepage[data-era="sakura"] :is(h1,h2,h3,.era-brand){font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:-.035em}
#vit-homepage[data-era="sakura"] .era-header,#vit-homepage[data-era="sakura"] .reading-tools{background:#fff6e7}#vit-homepage[data-era="sakura"] .era-header{border-bottom:1px solid #dec0a7}#vit-homepage[data-era="sakura"] .era-brand{color:#512819}.theme-sakura{background:linear-gradient(110deg,#fff6e7,#ffe0cf);padding-top:55px;gap:25px}.theme-sakura .theme-art{border-radius:42% 6% 6% 6% / 12% 6% 6% 6%;border:1px solid #d8bba2}.theme-sakura .theme-copy>p{color:#65412e}.sakura-flourish{display:block;color:#bc614f;font-size:30px;letter-spacing:9px;margin:15px 0 22px}
#vit-homepage[data-era="sakura"] :is(.v-button,.era-cta){background:#a94027;color:#fff8ee;border:1px solid #a94027;border-radius:28px;box-shadow:none}
#vit-homepage[data-era="sakura"] :is(.project-packages article,.v-plan,.v-service,.home-guide-grid a,.enquiry-window){background:#fffaf1;border:1px solid #d9ac8a;border-radius:17px;box-shadow:0 7px 22px #9d62310b}#vit-homepage[data-era="sakura"] .v-service{padding:26px}#vit-homepage[data-era="sakura"] .service-icon{background:#f9d5c7;border:0;border-radius:50%;color:#934a35}#vit-homepage[data-era="sakura"] .package-price{color:#713e2d;font-family:Georgia,serif}#vit-homepage[data-era="sakura"] .package-title{color:#86503c}#vit-homepage[data-era="sakura"] .v-ribbon{color:#8b3d27}#vit-homepage[data-era="sakura"] .v-plan.featured{background:#ffe6d9;border:1px solid #bf7b60}
#vit-homepage[data-era="sakura"] :is(.v-strip,.v-event,.v-care,.home-guides,.v-footer,.project-terms,.enquiry-title){background:#fce6d4;color:#512819}#vit-homepage[data-era="sakura"] .v-event{border-block:1px solid #dbb59b}#vit-homepage[data-era="sakura"] .v-bottom{background:#f4c9b7;color:#512819}#vit-homepage[data-era="sakura"] .v-bottom p{color:#785543}#vit-homepage[data-era="sakura"] .v-section-head:before{content:'❀';color:#bc705a;font-size:36px}#vit-homepage[data-era="sakura"] .v-tags{color:#8c5140}
/* Content-page presentation follows the selected theme too. */
#vit-homepage.docs:is([data-era="handdrawn"],[data-era="sakura"]) :is(h1,h2,p,li,summary){color:var(--ink)}#vit-homepage.docs:is([data-era="handdrawn"],[data-era="sakura"]) :is(.blog-card,.article-toc,.article-checklist,.article-cta,.faq-list details,.doc-footer){background:#fff0dc;border-color:var(--line)}#vit-homepage.docs:is([data-era="handdrawn"],[data-era="sakura"]) .doc-bar{background:var(--accent)}#vit-homepage.docs:is([data-era="handdrawn"],[data-era="sakura"]) .doc-button{background:var(--accent);color:white;border-radius:25px}
#vit-homepage.docs[data-era="cyberpunk"] :is(h1,h2,p,li,summary,.article-meta,.doc-category){color:#e7f1ff}#vit-homepage.docs[data-era="cyberpunk"] :is(.doc-bar,.site-links,.doc-footer,.article-toc,.article-checklist,.article-cta,.faq-list details,.blog-card){background:#101e36;color:#eef6ff;border-color:#3b789a}#vit-homepage.docs[data-era="cyberpunk"] a{color:#83efff}#vit-homepage.docs[data-era="cyberpunk"] .doc-button{background:#ee58cd;color:#100e24}
/* Optional movement uses the same bounded pointer and keyboard mechanics as DOS. */
#vit-homepage[data-era] .v-drag-tools{display:flex!important;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;padding:12px 5%;font:14px/1.5 Arial,sans-serif;color:var(--ink,#25264a)}#vit-homepage .v-drag-tools button{min-height:44px;border:1px solid currentColor;border-radius:5px;padding:9px 13px;background:#fff;color:#263c47;font:700 14px/1.4 Arial,sans-serif}#vit-homepage .v-drag-tools button[aria-pressed="true"]{background:#d9ecdd;color:#173a24}#vit-homepage .v-drag-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#vit-homepage:not([data-era="1990"])[data-floating="on"] .v-movable{translate:var(--drag-x,0px) var(--drag-y,0px)!important;z-index:var(--panel-layer,auto)!important}
#vit-homepage:not([data-era="1990"])[data-floating="on"] .v-drag-title{display:flex!important;position:relative;align-items:center;justify-content:space-between;gap:15px;width:100%;min-height:44px;margin:0 0 18px;padding:10px 12px;background:#e4edf2;color:#253749;border:1px solid #a3b7c5;border-radius:5px;font:700 13px/1.4 Arial,sans-serif;text-align:left;cursor:grab;touch-action:none;user-select:none;flex-shrink:0}
#vit-homepage:not([data-era="1990"])[data-floating="on"] .v-movable.dragging{z-index:999!important}#vit-homepage[data-floating="on"] .v-drag-title:active{cursor:grabbing}#vit-homepage[data-floating="off"] .v-drag-title{display:none!important}#vit-homepage[data-floating="off"] .v-movable{translate:0 0!important}
#vit-homepage[data-era="cyberpunk"][data-floating="on"] .v-drag-title{background:#172c44;border:1px solid #42d6ed;color:#8ceeff;border-radius:0}#vit-homepage[data-era="handdrawn"][data-floating="on"] .v-drag-title{background:#e5f0d9;border:2px solid #66513e;color:#463222;border-radius:8px 12px 7px 10px}#vit-homepage[data-era="sakura"][data-floating="on"] .v-drag-title{background:#f7d7c7;color:#703a29;border:1px solid #d9a789;border-radius:8px}
#vit-homepage:not([data-era="1990"]) .v-service>.v-drag-title{grid-column:1/-1}#vit-homepage:not([data-era="1990"]) .v-event>.v-drag-title{grid-column:1/-1}#vit-homepage .project-packages article.v-movable{position:relative}#vit-homepage[data-era="1990"] .project-packages article.v-movable{padding-top:62px}
@media(max-width:1100px){#vit-homepage:is([data-era="handdrawn"],[data-era="cyberpunk"],[data-era="sakura"]) .project-packages{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-copy h1{font-size:clamp(40px,5.5vw,66px)!important}}
@media(max-width:760px){.theme-hero,.theme-handdrawn{grid-template-columns:1fr;padding:32px 5% 40px;gap:25px}.theme-copy h1{font-size:clamp(38px,10vw,62px)!important}.theme-copy>p:not(.era-kicker){font-size:18px}.sketch-banner h1{font-size:34px!important}.sketch-banner{padding:18px 12px;border-radius:25px}.sketch-banner>span{display:none}.theme-handdrawn>.theme-subtitle{font-size:19px}.theme-handdrawn .theme-copy{grid-row:3}.theme-handdrawn .theme-art{grid-row:4}.theme-art{max-width:650px}.theme-sakura .theme-art{border-radius:20px}#vit-homepage:is([data-era="handdrawn"],[data-era="cyberpunk"],[data-era="sakura"]) .project-packages{grid-template-columns:1fr}#vit-homepage .v-drag-tools{justify-content:flex-start!important}#vit-homepage .v-drag-tools>span{flex-basis:100%}#vit-homepage .v-drag-tools button{flex:1}#vit-homepage[data-era="sakura"] .v-section-head:before{display:none}}
#vit-homepage .service-directory-link{font:16px/1.7 Arial,sans-serif;margin:0 0 26px}#vit-homepage .service-directory-link a{text-decoration:underline;text-underline-offset:4px}#vit-homepage .v-service h3 a{text-decoration:underline;text-underline-offset:4px}