:root{--webivelo-gold:#cfb779;--token-f2130d30-5051-414b-bbfe-2f8dcb0cab5e:#14110e;--token-c46abb9d-0d10-414f-ba99-89efb980d54d:#f5f3ee;--token-fe2f0188-6a6d-41ef-a83f-a875042ba3b8:#a49d91;--token-3680e070-9a5f-4ccc-acdc-6b7bf653175a:#28231b}
html{scroll-behavior:smooth}body{background:#14110e!important}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--webivelo-gold);outline-offset:5px}button{font-family:"Clash Display",sans-serif}a[href="/contact.html"]:hover{color:var(--webivelo-gold)}[data-open-menu],[data-service-url],[data-faq]{cursor:pointer}[data-faq]{outline-offset:3px}[data-project-gallery] img{transition:opacity .35s ease,transform .7s ease}[data-project-gallery]:hover img{transform:scale(1.025)}[data-preview]{position:relative}[data-preview]:before{content:"";position:absolute;inset:-10px}[data-preview][aria-pressed=true]{background:var(--webivelo-gold)!important}[data-preview][aria-pressed=false]{background:#464139!important}[data-preview]:focus-visible{outline-offset:5px}.webivelo-answer{color:#a49d91;font:500 17px/1.5 "Clash Display",sans-serif;padding:0 25px 25px;max-width:100%;text-align:left}.webivelo-answer[hidden]{display:none}.webivelo-faq-open{overflow:visible!important}.webivelo-faq-open .webivelo-answer{animation:answer .35s ease both}@keyframes answer{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
#webivelo-nav{position:fixed;inset:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:55px 8vw;border:0;color:#f5f3ee;background:#14110e;overflow:auto;font-family:"Clash Display",sans-serif}#webivelo-nav::backdrop{background:#14110e}#webivelo-nav[open]{animation:nav-in .5s cubic-bezier(.16,1,.3,1)}#webivelo-nav nav{display:flex;flex-direction:column;gap:18px;margin:35px 0}#webivelo-nav nav>a{font-weight:600;font-size:clamp(30px,5vw,65px);text-decoration:none;line-height:1.1;color:inherit}#webivelo-nav nav>a:hover{color:var(--webivelo-gold)}#webivelo-nav>a{color:#a49d91;text-decoration:none;font-size:16px}.close-original-nav{display:block;margin-left:auto;background:transparent;border:0;color:#f5f3ee;font-size:17px;padding:12px;cursor:pointer}.motion-switch{position:fixed;bottom:14px;left:14px;border:1px solid #63583f;background:#14110ee8;color:var(--webivelo-gold);padding:9px 12px;border-radius:99px;font:500 10px "Clash Display",sans-serif;z-index:20;cursor:pointer}.copy-cursor{pointer-events:none;position:fixed;top:0;left:0;border-radius:50%;background:var(--webivelo-gold);height:14px;width:14px;mix-blend-mode:difference;z-index:1000;opacity:0;transform:translate(-100px,-100px)}[data-webivelo-strip]{animation:webivelo-strip 32s linear infinite!important;width:max-content!important;max-width:none!important;justify-content:flex-start!important;will-change:transform!important}[data-webivelo-strip]:hover{animation-play-state:paused!important}.motion-paused [data-webivelo-strip]{animation-play-state:paused!important}.motion-paused [data-webivelo-parallax]{transform:none!important}.motion-paused .copy-cursor{display:none}@keyframes webivelo-strip{to{transform:translateX(-50%)}}@keyframes nav-in{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}
[data-webivelo-parallax]{will-change:transform}#main [data-framer-name="BG Pattern"]{pointer-events:none}.webivelo-original .framer-1jejior{pointer-events:none}.copy-wipe{position:fixed;inset:0;background:var(--webivelo-gold);z-index:10000;pointer-events:none;transform:translateX(-140%) skewX(-15deg)}.copy-wipe.active{animation:copy-wipe .5s cubic-bezier(.27,0,.51,1) forwards}@keyframes copy-wipe{to{transform:translateX(0) skewX(0)}}
@media(max-width:809px){.webivelo-answer{font-size:15px;padding:0 15px 22px}#webivelo-nav{padding:25px}#webivelo-nav nav{gap:24px;margin:35px 0}.copy-cursor{display:none}.motion-switch{font-size:9px;padding:8px 11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}[data-webivelo-parallax]{transform:none!important}.copy-cursor,.motion-switch,.copy-wipe{display:none}}

.webivelo-accessible-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#main [data-framer-name="BG Pattern"]{opacity:.07!important}
#main [data-framer-name="Hero"] img,#main [data-framer-name="Who Am I"] img{object-position:50% 43%!important}

#main [data-framer-name="BG Pattern"]{display:none!important}
[data-clock]{visibility:visible!important}
[data-webivelo-parallax]{height:calc(100% + 140px)!important;top:-70px!important;aspect-ratio:auto!important}

/* Plain warm black across the reference layout; no decorative grid or texture. */
html,body.webivelo-original,.webivelo-original #main,.webivelo-original [data-framer-root]{background:#141210!important;background-image:none!important}
.webivelo-original [data-framer-name="BG Pattern"],.webivelo-original [data-framer-name="BG Lines"]{display:none!important}
#webivelo-nav,#webivelo-nav::backdrop{background:#141210}

.webivelo-motion-word{display:inline-block;color:inherit!important;white-space:nowrap}.webivelo-original h2,.webivelo-original h3{word-spacing:.06em}

/* Company-led homepage. Founder story and portrait live on About. */
.company-intro,.company-about{font-family:"Clash Display",Arial,sans-serif;color:#f5f3ee;width:100%;box-sizing:border-box}
.company-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:9%;align-items:center;padding:72px 30px 38px}
.company-intro h2,.company-about h2{font-size:clamp(40px,5.7vw,88px);font-weight:500;line-height:1.04;letter-spacing:-.045em;margin:0}
.company-intro h2>span,.company-about h2>span{color:#cfb779}
.company-intro p,.company-about p{font-size:18px;line-height:1.6;color:#aaa49b;margin:0}
.company-intro p{max-width:540px;margin-bottom:27px}
.company-link{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:44px;font-size:12px;font-weight:500;letter-spacing:.02em;text-decoration:none;color:#f5f3ee}
.company-link>span,.company-link>i{font-size:22px;font-style:normal;color:#cfb779}.company-link:hover{color:#cfb779}
.company-about{padding:100px 30px 20px;max-width:1800px;margin-inline:auto}
.company-section-label{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #454039;padding-top:20px;font-size:11px;color:#aaa49b;letter-spacing:.04em}
.company-about-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:9%;align-items:end;margin:85px 0 60px}.company-about-intro p{max-width:570px}
.company-divisions{display:grid;grid-template-columns:1fr 1fr;gap:60px}.company-divisions>a{border-top:1px solid #454039;padding-top:25px;color:inherit;text-decoration:none;display:flex;flex-direction:column;align-items:flex-start}
.company-number{font-size:11px;letter-spacing:.07em;color:#cfb779}.company-divisions h3{font-size:clamp(32px,3.3vw,52px);font-weight:500;line-height:1.08;letter-spacing:-.035em;margin:30px 0 22px}.company-divisions p{max-width:480px;font-size:17px;margin-bottom:26px}.company-divisions .company-link{margin-top:auto}.company-divisions a:hover h3{color:#cfb779}
.company-about-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #454039;margin-top:60px;padding-top:23px}.company-about-bottom p{font-size:13px}
@media(max-width:809px){.company-intro{grid-template-columns:1fr;padding:36px 20px 10px;gap:27px}.company-intro h2,.company-about h2{font-size:clamp(37px,10.4vw,66px);line-height:1.08}.company-intro p,.company-about p{font-size:16px;line-height:1.6}.company-intro p{margin-bottom:18px}.company-about{padding:65px 20px 0}.company-section-label{font-size:9px;line-height:1.5;gap:20px}.company-section-label>span:last-child{text-align:right;max-width:130px}.company-about-intro{grid-template-columns:1fr;gap:25px;margin:50px 0 35px}.company-divisions{grid-template-columns:1fr;gap:35px}.company-divisions h3{font-size:34px;margin:24px 0 18px}.company-divisions p{font-size:15px}.company-about-bottom{flex-direction:column;align-items:flex-start;gap:15px;margin-top:35px}.company-about-bottom p{font-size:13px}.company-link{font-size:11px}}
:root .home-featured-work{width:100%;min-width:0;font-family:"Clash Display",Arial,sans-serif;color:#f5f3ee}
.home-featured-image{display:block;overflow:hidden;border-radius:10px;background:#161b17}
.home-featured-image img{display:block;width:100%;height:auto;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.home-featured-image:hover img{transform:scale(1.015)}
.home-featured-caption{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:32px 0 36px;align-items:start}
.home-featured-caption .home-featured-label{font-size:11px;line-height:1.5;color:#aaa49b;margin:0 0 14px;letter-spacing:.035em}
.home-featured-caption h3{font-size:clamp(36px,4.5vw,68px);line-height:1.05;font-weight:500;letter-spacing:-.035em;margin:0}
.home-featured-description p{font-size:17px;line-height:1.6;color:#aaa49b;margin:0 0 17px;max-width:560px}
.home-featured-more{display:flex;justify-content:flex-end;border-top:1px solid #454039;padding-top:20px}
.home-featured-more .company-link{min-width:170px}
@media(max-width:760px){.home-featured-caption{grid-template-columns:1fr;gap:20px;padding:24px 0 25px}.home-featured-caption .home-featured-label{font-size:10px}.home-featured-description p{font-size:16px}.home-featured-more{justify-content:stretch}.home-featured-more .company-link{width:100%}}
@media(prefers-reduced-motion:reduce){.home-featured-image img{transition:none}}
/* Keep the hero and newer sections in document order at every breakpoint. */
body.webivelo-original [data-framer-root] > *{order:0}
.home-pledge .company-kicker{display:flex;justify-content:space-between;gap:24px;padding-top:20px;border-top:1px solid #454039;font-size:11px;line-height:1.5;letter-spacing:.03em;color:#aaa49b}
.home-pledge-content{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start;margin:65px 0 30px}
.home-pledge-story{padding-left:25px;border-left:2px solid #cfb779}
.home-pledge-story p+p{margin-top:22px}
.home-pledge-story strong{color:#f5f3ee;font-weight:500}
@media(max-width:760px){.home-pledge .company-kicker{font-size:10px}.home-pledge .company-kicker>span:last-child{text-align:right}.home-pledge-content{grid-template-columns:1fr;gap:30px;margin:40px 0 15px}.home-pledge-story{padding-left:18px}}
