:root{--veor-black:#090909;--veor-surface:#121212;--veor-card:#181818;--veor-ivory:#f7f2e9;--veor-cream:#ede3d4;--veor-gold:#c79a3b;--veor-gold-light:#e2bd68;--veor-gold-dark:#8c6723;--veor-text:#f7f3ea;--veor-dark:#151515;--veor-muted:#a49f96;--veor-line:rgba(226,189,104,.24);--veor-ease:cubic-bezier(.16,1,.3,1)}
html{background:var(--veor-black);scroll-behavior:smooth}body.veor-os{background:var(--veor-black)!important;color:var(--veor-text)!important;font-family:Manrope,Arial,sans-serif;letter-spacing:-.02em}.container{width:min(calc(100% - 128px),1440px)}a{transition:color .25s var(--veor-ease),background .25s var(--veor-ease),border-color .25s var(--veor-ease),transform .35s var(--veor-ease)}
.site-header{height:84px;background:rgba(9,9,9,.14);border-bottom:1px solid transparent;position:sticky;top:0;z-index:50;backdrop-filter:none}.site-header.is-scrolled{background:rgba(9,9,9,.82);border-color:rgba(247,243,234,.1);backdrop-filter:blur(16px)}.site-header>.container{height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.brand{display:inline-flex;align-items:center;width:max-content}.brand img{display:block;width:150px;height:52px;object-fit:contain;filter:brightness(1.1)}.nav-primary{display:flex;gap:30px}.nav-primary a{border:0;padding:10px 0;color:rgba(247,243,234,.78);font:600 12px/1 Manrope,Arial,sans-serif}.nav-primary a:hover,.nav-primary a[aria-current="page"]{color:var(--veor-gold-light);border:0}.header-right{display:flex;justify-content:flex-end}.header-cta,.os-primary,.button-gold{gap:12px;background:var(--veor-gold);border:1px solid var(--veor-gold);color:#17120a!important;padding:13px 20px;min-height:44px;font:700 11px/1 Manrope,Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase;text-decoration:none}.header-cta:hover,.button-gold:hover{background:var(--veor-gold-light);border-color:var(--veor-gold-light);transform:translateY(-2px)}.skip-link{background:var(--veor-gold)!important;color:#17120a!important;font-family:Manrope,sans-serif!important}.mobile-nav{background:rgba(9,9,9,.98);border-color:var(--veor-line);padding:32px!important}.mobile-nav a{color:var(--veor-text);font:700 24px/1.2 Cormorant Garamond,serif!important}.mobile-nav .mobile-cta{display:inline-flex;align-items:center;justify-content:center;background:var(--veor-gold);color:#17120a!important;margin-top:18px;padding:16px}
.section-dark{background:var(--veor-black);color:var(--veor-text)}.section-ivory{background:var(--veor-ivory);color:var(--veor-dark)}.section-index{margin:0 0 28px;color:var(--veor-gold-dark);font:700 10px/1 Manrope,sans-serif;letter-spacing:.18em;text-transform:uppercase}.section-dark .section-index{color:var(--veor-gold-light)}.text-link{display:inline-flex;gap:9px;color:inherit;font:700 11px/1 Manrope,sans-serif;letter-spacing:.06em;text-transform:uppercase;text-decoration:none}.text-link:hover{color:var(--veor-gold)}
.story-hero{height:260vh;background:#060606}.story-sticky{height:100vh;position:sticky;top:0;overflow:hidden;display:grid;place-items:center}.story-backdrop{position:absolute;inset:9% 5%;display:flex;flex-direction:column;justify-content:space-between;color:rgba(247,243,234,.035);font:800 clamp(42px,10vw,168px)/.75 Manrope,sans-serif;letter-spacing:-.1em;text-align:center;user-select:none}.story-logo-wrap{position:relative;z-index:1;width:min(47vw,560px);transition:transform .2s linear,opacity .2s linear}.story-logo{display:block;width:100%;height:auto;filter:drop-shadow(0 0 38px rgba(199,154,59,.14))}.story-copy{position:absolute;z-index:2;bottom:12vh;left:max(64px,calc((100vw - 1440px)/2 + 64px));max-width:740px;opacity:0;transform:translateY(22px);transition:opacity .2s linear,transform .2s linear}.story-copy.is-visible{opacity:1;transform:translateY(0)}.story-copy p{margin:18px 0 0;color:var(--veor-gold-light);font:500 13px/1.5 Manrope,sans-serif;letter-spacing:.08em}.story-copy p i{color:var(--veor-muted);font-style:normal}.story-copy .story-index{margin:0;color:var(--veor-gold-light);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.story-copy h1{margin:16px 0 0;color:var(--veor-text);font:600 clamp(52px,7.5vw,112px)/.9 Cormorant Garamond,serif;letter-spacing:-.07em}.story-scroll{position:absolute;bottom:30px;z-index:2;color:rgba(247,243,234,.62);font:700 9px/1 Manrope,sans-serif;letter-spacing:.16em;text-transform:uppercase}.story-scroll span{display:block;text-align:center;margin-top:8px;color:var(--veor-gold)}
.brand-statement{padding:150px 0}.brand-statement-grid{display:grid;grid-template-columns:.5fr 1.55fr .8fr;gap:48px}.brand-statement h2,.section-heading h2,.process-section h2,.project-cta h2{margin:0;font:600 clamp(48px,5.4vw,86px)/.94 Cormorant Garamond,serif;letter-spacing:-.065em}.brand-statement-copy{align-self:end}.brand-statement-copy p{margin:0 0 28px;font-size:15px;line-height:1.8;color:#524c43}
.service-preview{padding:132px 0}.section-heading{display:grid;grid-template-columns:1fr 1.5fr auto;align-items:end;gap:42px;margin-bottom:70px}.section-heading .section-index{margin:0}.section-heading h2{max-width:12ch;font-size:clamp(42px,4.5vw,70px)}.service-chapters{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--veor-line)}.service-chapter{display:flex;min-height:360px;flex-direction:column;justify-content:space-between;padding:24px;border-right:1px solid var(--veor-line);color:var(--veor-text);text-decoration:none}.service-chapter:first-child{border-left:1px solid var(--veor-line)}.service-chapter>span{color:var(--veor-gold-light);font:700 11px Manrope,sans-serif}.service-chapter p{margin:0;color:var(--veor-gold-light);font:700 10px Manrope,sans-serif;letter-spacing:.12em}.service-chapter h3{margin:15px 0 10px;font:600 32px/1 Cormorant Garamond,serif}.service-chapter small{font-size:12px;line-height:1.65;color:var(--veor-muted)}.service-chapter>b{align-self:flex-end;color:var(--veor-gold);font-size:22px}.service-chapter:hover{background:var(--veor-card);transform:translateY(-8px)}
.featured-work{padding:132px 0}.featured-work-card{display:grid;grid-template-columns:1.25fr .75fr;overflow:hidden;background:#141311}.featured-work-image{min-height:480px;overflow:hidden}.featured-work-image img{height:100%;width:100%;display:block;object-fit:cover;transition:transform .7s var(--veor-ease)}.featured-work-card:hover img{transform:scale(1.04)}.featured-work-copy{display:flex;flex-direction:column;padding:54px;color:var(--veor-text)}.featured-work-copy>span{color:var(--veor-gold-light);font:700 10px Manrope,sans-serif;letter-spacing:.16em}.featured-work-copy h2{margin:30px 0 20px;font:600 clamp(48px,5vw,78px)/.95 Cormorant Garamond,serif}.featured-work-copy p{margin:0;color:#d0cac0;font-size:14px;line-height:1.75}.work-tags{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0}.work-tags span{border:1px solid rgba(247,243,234,.15);padding:7px 9px;color:#bdb6aa;font:700 9px Manrope,sans-serif;letter-spacing:.07em}.featured-work-copy .button-gold{margin-top:auto;align-self:flex-start}
.process-section{padding:130px 0}.process-section>div>h2{max-width:12ch}.process-list{display:grid;grid-template-columns:repeat(5,1fr);margin:72px 0 0;padding:0;list-style:none;border-top:1px solid var(--veor-line);counter-reset:process}.process-list li{position:relative;padding:24px 18px 0 0}.process-list li:before{content:"";position:absolute;top:-5px;left:0;height:9px;width:9px;border-radius:50%;background:var(--veor-gold)}.process-list b{display:block;color:var(--veor-gold-light);font:700 10px Manrope,sans-serif}.process-list strong{display:block;margin:16px 0 10px;font:600 28px Cormorant Garamond,serif}.process-list span{display:block;max-width:20ch;color:var(--veor-muted);font-size:12px;line-height:1.6}
.insights-section{padding:132px 0}.insight-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:18px}.insight-card{display:flex;flex-direction:column;min-height:340px;background:#efe7da;color:var(--veor-dark);text-decoration:none;overflow:hidden}.insight-card img{height:170px;width:100%;object-fit:cover;transition:transform .5s var(--veor-ease)}.insight-card>div{display:flex;flex:1;flex-direction:column;padding:22px}.insight-card span{color:var(--veor-gold-dark);font:700 9px Manrope,sans-serif;letter-spacing:.1em}.insight-card h3{margin:12px 0 10px;font:600 29px/1 Cormorant Garamond,serif}.insight-card p{margin:0;color:#635c53;font-size:12px;line-height:1.65}.insight-card b{margin-top:auto;padding-top:18px;color:var(--veor-gold-dark);font:700 10px Manrope,sans-serif;letter-spacing:.05em}.insight-featured{grid-row:span 1;background:var(--veor-dark);color:var(--veor-text)}.insight-featured img{height:270px}.insight-featured p{color:#d2c9bc}.insight-card:hover img{transform:scale(1.05)}.project-cta{padding:150px 0;text-align:center}.project-cta h2{margin-bottom:36px}.project-cta .button-gold{display:inline-flex}
.site-footer{position:relative;overflow:hidden;background:#0b0b0b!important;border-top:1px solid var(--veor-line)!important;padding:72px 0 28px;color:var(--veor-text)}.footer-top{position:relative;z-index:1;grid-template-columns:1.75fr repeat(4,1fr);gap:28px}.footer-brand img{width:170px;height:58px}.footer-brand p{max-width:24ch;color:var(--veor-muted);font:12px/1.7 Manrope,sans-serif}.footer-col h4{margin:4px 0 16px;color:var(--veor-gold-light)!important;font:700 10px Manrope,sans-serif!important;letter-spacing:.12em;text-transform:uppercase}.footer-col a,.footer-bottom a{color:#c7c0b5;text-decoration:none;font:500 12px/1.4 Manrope,sans-serif!important}.footer-col a:hover,.footer-bottom a:hover{color:var(--veor-gold-light)}.footer-col ul{gap:10px}.footer-bottom{position:relative;z-index:1;border-color:rgba(247,243,234,.1);color:var(--veor-muted);font:11px Manrope,sans-serif!important}.footer-watermark{position:absolute;right:-.05em;bottom:-.22em;color:rgba(247,243,234,.025);font:800 clamp(80px,16vw,240px)/1 Manrope,sans-serif;letter-spacing:-.08em;white-space:nowrap;pointer-events:none}
/* Existing dynamic pages retain their server-rendered content but share the studio system. */
.os-page{padding:120px 0;background:var(--veor-black)}.os-page-head{max-width:780px;margin:0 0 70px}.os-page-head h1,.os-services-head h1{color:var(--veor-text);font:600 clamp(56px,7vw,105px)/.88 Cormorant Garamond,serif;letter-spacing:-.07em}.os-page-head p,.os-services-head p{color:var(--veor-muted);font-size:15px;line-height:1.75}.project-collection{gap:20px}.project-card,.project-card.featured,body.veor-os .project-card,body.veor-os .project-card.featured{background:var(--veor-card)!important;border-color:var(--veor-line)!important;color:var(--veor-text)!important;padding:28px}.project-card h2,body.veor-os .project-card h2{color:var(--veor-text)!important;font-family:Cormorant Garamond,serif;font-size:42px}.project-card p,body.veor-os .project-card p{color:#c9c2b7!important}.project-card .tags span{background:transparent;color:var(--veor-gold-light)!important;border-color:var(--veor-line)}.project-card a,body.veor-os .project-card a{color:var(--veor-gold-light)!important;text-decoration:none}.project-card-image{border-color:var(--veor-line);background:#101010}.project-card-image img{transition:transform .5s var(--veor-ease)}.project-card:hover .project-card-image img{transform:scale(1.04)}.os-services-head{text-align:left;margin:0 0 80px}.os-services-head h1{margin-bottom:22px}.service-outcome{border-color:var(--veor-line)}.service-outcome-head h2,.os-cta h2{color:var(--veor-text);font-family:Cormorant Garamond,serif}.service-outcome-meta div{border-color:var(--veor-gold-dark)}.service-outcome-meta dt,.service-outcome-case{color:var(--veor-gold-light)}.service-outcome-meta dd{color:var(--veor-muted)}.os-services-grid .os-card,body.veor-os .os-card{background:var(--veor-card);border-color:var(--veor-line);color:var(--veor-text)}.os-card h3{font-family:Cormorant Garamond,serif;color:var(--veor-text)}.os-card p{color:var(--veor-muted)}.os-icon{background:transparent;border:1px solid var(--veor-line);color:var(--veor-gold-light)}.os-cta{border-color:var(--veor-line);background:var(--veor-card)}
.page-hero{padding:110px 0 60px!important;background:var(--veor-black)!important}.page-hero h1{color:var(--veor-text)!important;font:600 clamp(56px,7vw,104px)/.9 Cormorant Garamond,serif!important}.page-hero .lead,.crumbs,.crumbs a{color:var(--veor-muted)!important}.products-grid,.blog-list-grid{padding:48px 0 110px}.product-card,.blog-card,body.veor-os .blog-card{background:var(--veor-card)!important;border-color:var(--veor-line)!important;color:var(--veor-text)!important}.product-card h3,.blog-card h3,body.veor-os .blog-card h3{color:var(--veor-text)!important;font-family:Cormorant Garamond,serif}.product-card p,.blog-card p,body.veor-os .blog-card p{color:var(--veor-muted)!important}.blog-meta,body.veor-os .blog-card .blog-meta{color:var(--veor-gold-light)!important}.product-card .tag{background:transparent!important;border:1px solid var(--veor-line);color:var(--veor-gold-light)!important}.article{color:var(--veor-text)}.article h1{font-family:Cormorant Garamond,serif}.article-body,body.veor-os .article-body{color:#d2cbc0!important}.article-body h2,.article-body h3,body.veor-os .article-body h2,body.veor-os .article-body h3{color:var(--veor-text)!important;font-family:Cormorant Garamond,serif}.article-back,.article .meta{color:var(--veor-gold-light)!important}.article-cover{border-color:var(--veor-line);background:var(--veor-card)}
.os-about,.os-contact{background:var(--veor-black);padding:112px 0}.os-about-copy h1,.os-contact-copy h1{color:var(--veor-text);font-family:Cormorant Garamond,serif}.os-about-copy h1 span,.os-contact-copy h1 span{color:var(--veor-gold-light)}.os-about-copy p,.os-contact-copy>p,.contact-detail span,.contact-detail a{color:var(--veor-muted)}.eyebrow{color:var(--veor-gold-light)!important}.os-about-image,.os-contact-form{background:var(--veor-card);border-color:var(--veor-line)}.os-mission .os-card{min-height:260px}.os-disciplines>p{color:var(--veor-muted)}.discipline{border-color:var(--veor-line)}.discipline b{color:var(--veor-text);font-family:Cormorant Garamond,serif}.contact-detail i{border-color:var(--veor-line);color:var(--veor-gold-light)}.os-contact-form h2{color:var(--veor-text);font-family:Cormorant Garamond,serif}.form-intro,.os-form-end p{color:var(--veor-muted)}.form-divider,.os-form-end{border-color:var(--veor-line)}.os-contact-form label{color:#e4ddd2}.os-contact-form input,.os-contact-form textarea{border-color:rgba(247,243,234,.18);background:#0e0e0e;color:var(--veor-text)}.os-form-end button{background:var(--veor-gold);border-color:var(--veor-gold);color:#17120a;font-family:Manrope,sans-serif}.selected-project{background:rgba(199,154,59,.12);border-color:var(--veor-line);color:var(--veor-text)}
@media(max-width:1050px){.container{width:min(calc(100% - 72px),1440px)}.service-chapters{grid-template-columns:repeat(2,1fr)}.service-chapter:nth-child(3){border-left:1px solid var(--veor-line)}.insight-grid{grid-template-columns:repeat(2,1fr)}.insight-featured{grid-column:span 2}.footer-top{grid-template-columns:1.5fr repeat(2,1fr)}}
@media(max-width:720px){.container{width:min(calc(100% - 40px),1440px)}.site-header{height:70px}.site-header>.container{grid-template-columns:1fr auto}.brand img{width:126px;height:44px}.header-cta{display:none}.menu-toggle{display:grid!important;color:var(--veor-text)!important}.menu-toggle svg{width:25px}.mobile-nav{top:70px!important;right:0!important;left:0!important;bottom:0!important}.story-hero{height:190vh}.story-backdrop{inset:15% 0;font-size:16vw}.story-logo-wrap{width:76vw}.story-copy{left:20px;right:20px;bottom:14vh}.story-copy h1{font-size:clamp(50px,15vw,72px)}.brand-statement,.service-preview,.featured-work,.process-section,.insights-section,.project-cta{padding:84px 0}.brand-statement-grid,.section-heading{grid-template-columns:1fr;gap:24px}.brand-statement h2,.section-heading h2,.process-section h2,.project-cta h2{font-size:clamp(45px,14vw,66px)}.section-heading{margin-bottom:44px}.section-heading h2{max-width:13ch}.service-chapters{grid-template-columns:1fr}.service-chapter,.service-chapter:nth-child(3){min-height:230px;border-left:1px solid var(--veor-line)}.featured-work-card{grid-template-columns:1fr}.featured-work-image{min-height:260px}.featured-work-copy{padding:32px}.process-list{grid-template-columns:1fr;gap:16px;margin-top:48px}.process-list li{padding-left:24px}.process-list li:before{top:25px;left:0}.insight-grid{grid-template-columns:1fr}.insight-featured{grid-column:auto}.insight-card,.insight-featured{min-height:0}.insight-featured img{height:210px}.footer-top{grid-template-columns:1fr 1fr;gap:34px}.footer-brand{grid-column:span 2}.footer-bottom{display:block}.footer-bottom .links{margin-top:15px}.os-page{padding:82px 0}.os-page-head{margin-bottom:46px}.os-page-head h1,.os-services-head h1{font-size:60px}.os-contact,.os-about{padding:72px 0}.os-contact-grid{gap:44px}.os-contact-copy h1,.os-about-copy h1{font-size:56px}.os-contact-form{padding:28px 20px}.article{padding:70px 20px}.products-grid,.blog-list-grid{padding-bottom:72px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.story-copy,.story-logo-wrap{transition:none!important}}

/* Keep the core proposition visible before the scroll story begins. */
.story-copy{opacity:1;transform:translateY(0)}

/* Studio audit fixes: keep component-owned tokens above legacy theme rules. */
body.studio-page .os-card .tags span{color:var(--veor-gold-light)!important;background:transparent!important;border-color:var(--veor-line)!important}
body.studio-page .os-cta p{color:#d2cbc0!important;opacity:1!important}
body.studio-page .os-cta .os-primary{min-height:44px}
body.studio-page .os-page{scroll-margin-top:96px}
body.studio-page .service-outcome-case{display:inline-flex;align-items:center;min-height:44px;padding:10px 14px;border:1px solid var(--veor-line);text-decoration:none}
body.studio-page .service-card-cta{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:22px;color:var(--veor-gold-light);font:700 11px/1 Manrope,sans-serif;text-decoration:none}
body.studio-page .service-card-cta:hover{color:var(--veor-text);transform:translateX(3px)}
body.studio-page .footer-col a{display:inline-flex;align-items:center;min-height:32px;padding:6px 0}
@media(max-width:800px){body.studio-page .nav-primary{display:none!important}body.studio-page .header-cta{display:none!important}body.studio-page .menu-toggle{display:grid!important}}

/* UX polish: stable focus targets, touch sizing, and non-shifting interactions. */
main[id="main-content"]{scroll-margin-top:96px}
.studio-home a,.studio-home button,.site-header a,.site-header button,.mobile-nav a,.footer-col a,.footer-bottom a{cursor:pointer}
.story-scroll{display:block;min-height:44px;padding:12px 16px;text-decoration:none;border:1px solid transparent;border-radius:2px;text-align:center}
.story-scroll:hover{color:var(--veor-text);border-color:var(--veor-line);background:rgba(199,154,59,.08)}
.story-scroll:focus-visible{color:var(--veor-text);border-color:var(--veor-gold-light);outline:3px solid var(--veor-gold);outline-offset:3px}
.service-chapter{transition:background .25s var(--veor-ease),border-color .25s var(--veor-ease),color .25s var(--veor-ease)}
.service-chapter:hover{transform:none;border-color:var(--veor-gold-dark)}
.mobile-nav a{min-height:44px;display:flex;align-items:center}
.menu-toggle{min-width:44px;min-height:44px;align-items:center;justify-content:center;cursor:pointer}
.footer-col a,.footer-bottom a{min-height:40px;display:inline-flex;align-items:center}
body.mobile-menu-open{overflow:hidden}
@media(prefers-reduced-motion:reduce){.service-chapter:hover{transform:none}.story-scroll:hover{transform:none}}
@media(max-width:800px){body.veor-os{overflow-x:hidden}body.veor-os .nav-primary{display:none!important}body.veor-os .header-cta{display:none!important}body.veor-os .menu-toggle{display:grid!important}}

/* Collection overflow guard: media and long project copy stay inside the card. */
body.veor-os .os-page{overflow:hidden}
body.veor-os .project-collection{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}
body.veor-os .project-card{min-width:0;overflow:hidden}
body.veor-os .project-card h2,body.veor-os .project-card p,body.veor-os .project-card a{overflow-wrap:anywhere}
body.veor-os .project-card-image{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/9;overflow:hidden}
body.veor-os .project-card-image img{display:block;width:100%;max-width:100%;height:100%;max-height:100%;object-fit:cover;object-position:top}
@media(max-width:800px){body.veor-os .project-collection{grid-template-columns:minmax(0,1fr)}body.veor-os .project-card-image{aspect-ratio:16/9}}
