:root{--bg:#090909;--bg-alt:#202020;--surface:#171717;--text:#f4f4f2;--text-secondary:#a4a4a4;--gold:#c9ae77;--gold-light:#d9c59c;--gold-gradient:linear-gradient(90deg,#fff,#ddd)}body{background:var(--bg);font-family:Inter,Arial,sans-serif}.studio-brand{width:62px;height:46px;object-fit:contain}.logo-text{font-family:Inter,Arial,sans-serif!important;font-size:16px!important}.logo-text small{letter-spacing:2px;font-size:9px!important}#navbar{padding:18px 6%;background:#090909f0;border-bottom:1px solid #ffffff0d}.nav-links{gap:24px}.nav-links a{font-size:13px}.hero{min-height:640px;height:80vh;max-height:860px;display:block;padding:0!important;background:#090909;position:relative;overflow:hidden}.hero-photo{position:absolute;right:0;top:0;width:51%;height:100%;object-fit:cover;object-position:center 30%;filter:grayscale(1)}.hero-overlay{display:none}.hero-left{position:relative;width:48%;padding:140px 0 100px;margin-left:9%;max-width:500px;z-index:2}.hero h1{font:500 clamp(42px,4.5vw,72px)/1.08 Inter,Arial,sans-serif;letter-spacing:-2px;margin:24px 0}.hero h1 .gold{background:none;-webkit-text-fill-color:#eee;color:#eee}.hero .tagline{font-size:15px;max-width:355px;line-height:1.75;color:#aaa}.hero-badge{background:none;border:0;padding:0;color:#bdbdbd;font-size:11px;letter-spacing:3px}.hero-badge:before{content:'';width:48px;height:1px;background:#eee;margin-right:10px}.hero-badge svg{display:none}.hero-right,.hero-scroll{display:none}.hero-btns{margin-top:30px;gap:12px}.btn{border-radius:30px;padding:13px 23px;font-size:13px;font-weight:500}.btn-primary{background:#f5f5f2;color:#111;border:1px solid #f5f5f2;box-shadow:none}.btn-primary:hover{background:#ddd;box-shadow:none}.btn-outline{background:#292929;color:#eee;border:1px solid #393939}.section{max-width:1320px;padding:90px 6%;margin:auto}.section-header h2{font:500 clamp(28px,3vw,42px)/1.2 Inter,Arial,sans-serif;letter-spacing:-1px}.section-header p{font-size:15px;max-width:540px}.section-header .eyebrow{font-size:10px;letter-spacing:3px;color:#a8a8a8}.section-header{margin-bottom:35px}.gallery-wrap{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important}.gallery-wrap .gallery-item{aspect-ratio:1.25;border-radius:2px}.gallery-item img{filter:grayscale(1);transition:transform .6s,filter .6s}.gallery-item:hover img{filter:grayscale(0)}.gallery-item .overlay{opacity:1!important;background:linear-gradient(transparent 35%,#000e)!important;padding:30px!important}.gallery-item .overlay h4{font-size:20px!important;color:white!important}.gallery-item .overlay span{font-size:11px;color:#ccc}.gallery-filters{gap:10px;margin-bottom:28px}.filter-btn{font-size:13px;border-radius:22px}.filter-btn.active{background:#eee!important;color:#111!important;border-color:#eee!important}.services-stagger{display:grid;grid-template-columns:1fr 1fr;gap:20px}.service-row,.service-row.flip{display:block;direction:ltr}.service-card-alt{padding:30px;min-height:230px;border-radius:2px;background:#151515;border:1px solid #ffffff12}.service-card-alt .icon{background:none;color:#ccc;padding:0}.service-num{font-size:12px;position:static;color:#aaa;margin-bottom:16px}.service-card-alt h3{font-size:19px;font-weight:500}.service-card-alt p{font-size:14px}.service-card-alt:hover{transform:none}.service-image,.service-visual{display:none}.pricing-card{border-radius:3px;background:#141414;border:1px solid #333}.pricing-card.featured{background:#222;border:1px solid #888;transform:none}.pricing-card h3{font-family:Inter,Arial,sans-serif}.pricing-card .price{font-size:36px;font-weight:500}.pricing-card .badge{background:#eee!important;color:#111!important}.pricing-card ul li{font-size:14px}.testimonial-card{background:#181818;border-radius:3px}.form-group label{font-size:14px}.form-group input,.form-group select,.form-group textarea{font-size:16px;border-radius:6px}.reveal{opacity:1;transform:none}#request-review{width:560px;max-width:calc(100% - 24px);max-height:85vh;overflow:auto;background:#171717;color:white;border:1px solid #444;padding:30px;border-radius:16px}#request-review::backdrop{background:#000b;backdrop-filter:blur(5px)}#request-review p{font-size:14px;line-height:1.7;margin:14px 0;color:#bbb}#close-review{float:right;background:none;color:white;font-size:28px;border:0}#review-text p{overflow-wrap:anywhere}button:focus-visible,a:focus-visible{outline:2px solid #d9c59c;outline-offset:5px}html[data-theme=light]{--bg:#fff;--bg-alt:#eee;--surface:#fafafa;--text:#111;--text-secondary:#555}html[data-theme=light] #navbar{background:#fffffff5}html[data-theme=light] .service-card-alt,html[data-theme=light] .pricing-card{background:#f5f5f5;border-color:#ddd}html[data-theme=light] .hero-left{color:white}html[data-theme=light] .hero .tagline{color:#bbb}
@media(max-width:768px){#navbar{padding:14px 5%}.hero{height:auto;min-height:0;max-height:none;padding-top:82px!important;display:flex;flex-direction:column}.hero-left{width:auto;max-width:none;margin:0;padding:50px 7% 40px;order:0}.hero h1{font-size:48px;letter-spacing:-1.5px}.hero .tagline{font-size:14px;max-width:400px}.hero-photo{position:relative;width:100%;height:430px;order:1;object-position:center 25%}.section{padding:58px 6%}.services-stagger{grid-template-columns:1fr}.gallery-wrap{gap:18px!important}.gallery-wrap .gallery-item{aspect-ratio:.8}.gallery-item .overlay{padding:16px!important}.gallery-item .overlay h4{font-size:15px!important}.gallery-item .overlay span{font-size:10px}.pricing-strip{gap:16px}.service-card-alt{min-height:0;padding:26px}.gallery-filters{overflow:auto;flex-wrap:nowrap;justify-content:flex-start}.filter-btn{white-space:nowrap;flex-shrink:0}.logo-text{font-size:14px!important}}
@media(max-width:420px){.gallery-wrap{grid-template-columns:1fr!important}.gallery-wrap .gallery-item{aspect-ratio:1.1}.hero-photo{height:360px}.hero h1{font-size:44px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Campus Hub X brand palette and full-colour photography */
:root{--bg:#08172c;--bg-alt:#0d1e34;--surface:#102139;--text:#f4f7fc;--text-secondary:#abb9cb;--gold:#dfbd72;--gold-light:#f0d18b;--orange:#ffa052;--gold-gradient:linear-gradient(90deg,#ffa052,#dfbd72)}body{background:var(--bg);color:var(--text)}#navbar{background:#08172cf2;border-bottom:1px solid #293d57}.hero{background:#08172c}.hero-photo{filter:none}.hero h1 .gold{background:var(--gold-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:var(--gold)}.hero .tagline{color:var(--text-secondary)}.hero-badge{color:var(--gold)}.hero-badge:before{background:var(--orange)}.btn-primary{background:var(--orange);border-color:var(--orange);color:#08172c}.btn-primary:hover{background:#ffb374}.btn-outline{background:#102139;color:var(--text);border-color:#293d57}.section-header .eyebrow,.gallery-item .overlay span{color:var(--gold)}.section-header p{color:var(--text-secondary)}.gallery-item img{filter:none}.gallery-item:hover img{filter:saturate(1.12)}.gallery-item .overlay{background:linear-gradient(transparent 35%,#08172cd9)!important}.filter-btn{color:var(--text-secondary);border-color:#293d57}.filter-btn.active{background:var(--orange)!important;color:#08172c!important;border-color:var(--orange)!important}.service-card-alt,.pricing-card,.testimonial-card{background:var(--surface);border-color:#293d57}.service-card-alt .icon{color:var(--gold)}.service-num{color:var(--gold)}.pricing-card.featured{background:#142943;border-color:var(--orange)}.pricing-card .badge{background:var(--orange)!important;color:#08172c!important}.form-group input,.form-group select,.form-group textarea{background:var(--surface);border-color:#293d57;color:var(--text)}#request-review{background:var(--surface);border-color:#293d57;color:var(--text)}#request-review p{color:var(--text-secondary)}html[data-theme=light]{--bg:#fff;--bg-alt:#f5f7fb;--surface:#fff;--text:#132440;--text-secondary:#5e6e82;--gold:#b9872e;--gold-light:#9b6f1b;--orange:#e37f32}html[data-theme=light] #navbar{background:#fffffff5;border-bottom-color:#dce5ef}html[data-theme=light] .service-card-alt,html[data-theme=light] .pricing-card{background:#fff;border-color:#dce5ef}html[data-theme=light] .hero-left{color:#fff}
/* Spacious studio layout */
:root{--text-dim:#8ea3bb;--border:1px solid #293d57;--gold-dim:#dfbd7212}html{scroll-padding-top:100px}#navbar{height:88px;gap:24px;padding:14px 5%;backdrop-filter:blur(18px)}.logo-wrap{flex-shrink:0}.studio-brand{width:82px;height:56px}.nav-links{gap:20px}.nav-links a{letter-spacing:0;font-size:14px}.nav-cta{background:#ffa052!important;color:#08172c!important;border-radius:24px!important;padding:11px 20px!important}.hero{height:720px;min-height:0;max-height:none;margin:88px auto 0;max-width:1600px;border-bottom:1px solid #293d57;overflow:hidden}.hero-left{width:47%;max-width:620px;margin-left:6%;padding:115px 0 100px}.hero h1{font-size:clamp(50px,5.9vw,88px);font-weight:600;letter-spacing:-3px;line-height:1.04;margin:25px 0}.hero .tagline{max-width:390px;font-size:16px;line-height:1.8}.hero-photo{right:5%;top:44px;width:39%;height:565px;object-position:center 28%;border-radius:140px 12px 12px 12px;filter:none;border:1px solid #ffffff16}.hero-detail{position:absolute;right:31%;bottom:36px;width:235px;z-index:3;margin:0;padding:9px;background:#142943;border:1px solid #38516b;border-radius:12px;box-shadow:0 16px 45px #0004;transform:rotate(-4deg)}.hero-detail img{display:block;width:100%;height:145px;object-fit:cover;border-radius:6px}.hero-detail figcaption{font-size:11px;color:#dfbd72;padding:10px 4px 3px;letter-spacing:.4px}.hero-btns{margin-top:32px}.btn{font-size:14px;min-height:46px}.section{max-width:1440px;padding:84px 6%}.section-header{margin-bottom:32px}.section-header h2{font-size:clamp(30px,3.4vw,46px);font-weight:500;letter-spacing:-1.6px}.section-header p{font-size:16px;line-height:1.75}.section-header .eyebrow{color:var(--gold);font-size:12px;letter-spacing:2px}.gallery-wrap{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important}.gallery-wrap .gallery-item{aspect-ratio:.85;border-radius:16px;border:1px solid #293d57}.gallery-item img{filter:none!important}.gallery-item:nth-child(3n+2){margin-top:32px;margin-bottom:-32px}.gallery-wrap{margin-bottom:54px}.gallery-item .overlay{padding:22px!important}.gallery-item .overlay h4{font-size:18px!important;line-height:1.3}.gallery-item .overlay span{font-size:12px}.filter-btn{font-size:14px;padding:10px 18px}.services-stagger{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.service-card-alt{border-radius:16px;min-height:240px;padding:32px;background:var(--surface)}.service-num{color:var(--gold);font-size:14px}.service-card-alt p{font-size:15px;max-width:440px}.service-card-alt h3{font-size:22px}.pricing-card{border-radius:18px;padding:32px}.pricing-card.featured{padding:32px;background:#142943}.pricing-card ul li{font-size:14px}.pricing-card .price{font-size:38px}.pricing-card h3{font-size:23px}.t-card{background:var(--surface);border:var(--border);border-radius:16px}.t-card blockquote{font-size:15px}.split-layout{max-width:none;grid-template-columns:.85fr 1.15fr;gap:60px}.split-info h3{font-family:Inter,Arial,sans-serif;font-size:30px;line-height:1.25}.split-info p{font-size:16px}.info-item div h4,.info-item div p{font-size:14px}.form-card{border-radius:20px;padding:32px;border-color:#293d57}.form-group{margin-bottom:20px}.form-group label{font-size:14px}.form-group input,.form-group select,.form-group textarea{font-size:16px;padding:14px;border-radius:10px}.footer-inner{max-width:1280px}.footer-inner a{font-size:14px}html[data-theme=light]{--bg:#fff;--bg-alt:#f5f7fb;--surface:#fff;--text:#132440;--text-secondary:#5e6e82;--text-dim:#62758b;--border:1px solid #dce5ef}html[data-theme=light] .hero{background:#f5f7fb;border-color:#dce5ef}html[data-theme=light] .hero-left{color:#132440}html[data-theme=light] .hero .tagline{color:#5e6e82}html[data-theme=light] .btn-outline{background:white;color:#132440;border-color:#dce5ef}html[data-theme=light] .hero-detail{background:white;border-color:#dce5ef}html[data-theme=light] .hero-detail figcaption{color:#946b23}html[data-theme=light] .pricing-card.featured{background:#fff8ef}html[data-theme=light] .t-card{background:white}html[data-theme=light] .form-group input,html[data-theme=light] .form-group select,html[data-theme=light] .form-group textarea{background:#f5f7fb;border-color:#dce5ef}html[data-theme=light] .nav-links{background:#fffffff5}
@media(max-width:1100px){.nav-links{gap:12px}.nav-links a{font-size:12px}.hero{height:640px}.hero-left{padding-top:100px}.hero-photo{height:490px}.hero-detail{width:190px;right:28%}.hero-detail img{height:120px}.hero .tagline{max-width:330px}.gallery-wrap{gap:16px!important}}
@media(max-width:850px){#navbar{height:76px}.nav-links{background:#102139}.hero{margin-top:76px;height:auto;display:block;padding:0!important}.hero-left{width:auto;max-width:none;padding:55px 6% 34px;margin:0}.hero h1{font-size:62px;letter-spacing:-2px}.hero .tagline{max-width:540px}.hero-photo{position:relative;right:auto;top:auto;margin:0 6% 75px 18%;width:76%;height:460px;border-radius:90px 12px 12px 12px}.hero-detail{right:auto;left:6%;bottom:28px;width:205px}.hero-detail img{height:130px}.gallery-wrap{grid-template-columns:repeat(2,minmax(0,1fr))!important}.gallery-item:nth-child(3n+2){margin:0}.gallery-wrap{margin-bottom:28px}.section{padding:58px 6%}.split-layout{grid-template-columns:1fr;gap:28px}.pricing-strip{grid-template-columns:1fr;gap:20px}.pricing-card.featured{padding:32px}}
@media(max-width:520px){.studio-brand{width:64px;height:48px}.hero h1{font-size:52px}.hero .tagline{font-size:15px}.hero-photo{height:350px}.hero-detail{width:175px}.hero-detail img{height:100px}.hero-btns{gap:8px}.hero-btns .btn{font-size:13px;padding:12px 17px}.gallery-wrap{grid-template-columns:1fr!important;gap:20px!important}.gallery-wrap .gallery-item{aspect-ratio:1.08}.services-stagger{grid-template-columns:1fr}.service-card-alt{min-height:0;padding:26px}.section-header h2{font-size:32px}.section-header p{font-size:15px}.form-card{padding:23px}.filter-btn{font-size:13px}.gallery-item .overlay h4{font-size:20px!important}}
/* Mobile navigation and contained support sheet */
#navbar{position:fixed;top:0;left:0;right:0;z-index:1000;overflow:visible}.hamburger{position:relative;z-index:1002;min-width:44px;min-height:44px;align-items:center;justify-content:center;touch-action:manipulation}.hamburger svg{pointer-events:none}@media(max-width:900px){#navbar{height:76px}.hamburger{display:flex;margin-left:auto}.nav-links{display:none!important;position:absolute!important;top:100%!important;left:0;right:0;z-index:1001;max-height:calc(100dvh - 90px);overflow-y:auto;flex-direction:column;align-items:stretch;gap:4px;padding:16px 6% 22px;background:#102139!important;border-bottom:1px solid #38516b;box-shadow:0 18px 30px #0003}.nav-links.open{display:flex!important}.nav-links a{display:flex;align-items:center;min-height:44px;padding:10px 14px;font-size:16px}.nav-links .theme-toggle{min-height:44px;align-self:flex-start}.hero{margin-top:76px}html[data-theme=light] .nav-links{background:#fff!important}.nav-links .nav-cta{justify-content:center;margin-top:6px}}@media(min-width:901px){.nav-links{display:flex!important}.hamburger{display:none!important}}
/* Consistent controls and spacious messaging */
.btn,.nav-links .nav-cta{border-radius:12px!important;font-weight:600;letter-spacing:0;text-transform:none;box-shadow:none!important}.btn svg{width:18px!important;height:18px!important;stroke-width:1.7}.filter-btn{border-radius:10px!important;border:1px solid #293d57!important;background:var(--surface);text-transform:none!important;letter-spacing:0!important;padding:11px 18px!important;font-weight:500}.filter-btn.active{border-color:#ffa052!important}.gallery-filters{scrollbar-width:none}.gallery-filters::-webkit-scrollbar{display:none}.nav-links a::after{display:none!important}.theme-toggle{border-radius:10px!important;width:auto!important;min-width:44px;padding:10px!important;font:500 14px Inter,Arial,sans-serif!important}.hamburger{border:1px solid var(--text-dim)!important;border-radius:12px!important;width:46px;height:46px}.hamburger svg{width:22px!important;height:22px!important;stroke-width:1.7}.nav-links svg{stroke-width:1.7}html[data-theme=light] .filter-btn{border-color:#dce5ef!important;background:#f5f7fb}html[data-theme=light] .filter-btn.active{background:#ffa052!important}@media(max-width:900px){.nav-links{padding:14px 5% 20px!important;gap:3px!important}.nav-links a{font-size:15px!important;min-height:44px!important;border-radius:10px;font-weight:500}.nav-links a.active{background:#ffa05215;color:var(--orange)!important}.nav-links .nav-cta{margin-top:12px}.nav-links .theme-toggle{margin-top:6px}.nav-links .hub-link{border-bottom:1px solid #8ea3bb30;border-radius:0;margin-bottom:6px}}@media(max-width:600px){#stChatPanel{position:fixed;inset:12px 10px 12px;width:auto;max-width:none;height:auto;max-height:none;z-index:2100;border-radius:20px;box-shadow:0 0 0 100vmax #020a17aa}.chat-open{overflow:hidden}}

.studio-brand-light{display:none!important}html[data-theme=light] .studio-brand-dark{display:none!important}html[data-theme=light] .studio-brand-light{display:block!important}
.hero-detail[hidden]{display:none!important}.hero-detail-close{position:absolute;top:6px;right:6px;z-index:4;width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffff60;border-radius:50%;background:#08172cee;color:#fff;cursor:pointer;box-shadow:0 3px 12px #0004;padding:0}.hero-detail-close:hover{background:#ffa052;color:#08172c}.hero-detail-close:focus-visible{outline:3px solid #ffa052;outline-offset:3px}.hero-detail-close svg{width:20px;height:20px}
