/* OVAN × Edigital: one accent, deliberate scale, a consistent grid. */
.skip{color:var(--ink)}
:root{--ink:#141414;--paper:#fafafa;--lime:#a8ef50;--muted:#626262;--line:#dedede;--forest:#171717;--surface:#f0f0f0;--radius:12px}
body{font-family:Manrope,Arial,sans-serif}.wrap{max-width:1280px;width:calc(100% - 112px)}
h1,h2,h3{letter-spacing:-.055em}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #709e35;outline-offset:5px}
.home-page{background:#0d0d0d;color:#f5f5f5}.home-page .site-header{height:104px;background:#0d0d0d;max-width:1392px;border-color:#ffffff1f;padding:0 56px}.site-header nav>a:not(.button):hover{color:var(--lime)}
.site-header .button{background:transparent;color:inherit;border-color:#666}.site-header .button:hover{background:var(--lime);color:#141414;border-color:var(--lime)}
.button{border-radius:50px;box-shadow:none;padding:17px 28px;font-size:14px;min-height:54px}.button:hover{box-shadow:none;transform:translateY(-2px)}
.hero{background:#0d0d0d;width:100%;max-width:none;margin:0;padding:54px 0 0;position:relative;overflow:hidden;color:#f5f5f5;isolation:isolate}.hero::before{background:linear-gradient(90deg,#0d0d0d11,#0d0d0d22),url('/assets/edigital/hero-bg.jpg') center/cover;opacity:.55;z-index:-1}
.hero-top{position:relative;display:flex;justify-content:space-between;gap:30px;align-items:center}.hero .eyebrow{font-size:12px;letter-spacing:.15em;color:#c5c5c5}.hero .location{font-size:12px;color:#b0b0b0;letter-spacing:.07em;max-width:none}
.hero-heading{display:flex;align-items:center;justify-content:space-between;gap:60px;padding:56px 0 44px}.hero h1{font-size:clamp(4rem,8.4vw,8rem);text-transform:uppercase;line-height:1.02;letter-spacing:-.065em;font-weight:500;margin:0;max-width:1000px}.hero-line{display:block}.hero h1 em{font-style:normal;color:var(--lime);padding:0;background:transparent;margin:0;line-height:inherit}.hero h1 em::before{display:none}
.hero-object{flex:0 0 220px;display:flex;align-items:center;flex-direction:column;gap:26px;margin:0 24px 0 0}.hero-object img{width:220px;height:220px;object-fit:contain}.hero-object span{font-size:11px;letter-spacing:.23em;color:#b0b0b0}.motion-active .hero-object img{animation:object-turn 18s ease-in-out infinite}
.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:70px;padding-bottom:52px}.hero-bottom>p{max-width:500px;font-size:17px;line-height:1.8;color:#b8b8b8}.hero-actions{display:flex;flex-direction:row;align-items:center;gap:30px;margin:0;flex-wrap:wrap}.hero .button{font-size:14px;background:var(--lime);border-color:var(--lime);color:#141414;padding:18px 28px}.hero .text-link{color:#eee;font-size:14px}
.hero-bottomline{margin:0;padding:22px 0;border-top:1px solid #ffffff25;color:#a5a5a5;font-size:11px;letter-spacing:.13em;align-items:center}.motion-toggle,.hero .motion-toggle{background:transparent;color:#bdbdbd;border:1px solid #555;min-height:36px;font-size:12px;padding:7px 12px}.hero-bottomline span:last-child{color:inherit}
@keyframes object-turn{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-12px) rotate(8deg)}}
html[data-motion=paused] .hero-object img{animation:none}.page-hidden .hero-object img{animation-play-state:paused!important}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.home-page .site-header{padding:0 32px}.hero-object{flex-basis:160px;margin-right:0}.hero-object img{width:160px;height:160px}.hero-heading{gap:35px}.hero h1{font-size:8.4vw}.hero-bottom{gap:35px}.hero-actions{gap:18px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.home-page .site-header{height:82px;padding:0 20px}.hero{padding:30px 0 0}.hero-top{align-items:flex-start;gap:18px}.hero .eyebrow{font-size:11px;line-height:1.6;max-width:180px}.hero .location{font-size:10px;max-width:135px;line-height:1.6;padding:0}.hero-heading{padding:45px 0 30px;display:block;position:relative}.hero h1{font-size:clamp(2.8rem,10.5vw,5rem);line-height:1.06;letter-spacing:-.06em}.hero-object{display:none}.hero-bottom{display:block;padding-bottom:34px}.hero-bottom>p{font-size:16px;max-width:490px}.hero-actions{margin-top:26px;gap:20px}.hero .button{padding:16px 22px;font-size:14px}.hero-bottomline{font-size:10px;gap:20px;letter-spacing:.06em}.hero-bottomline>span{max-width:180px;line-height:1.6}.hero .motion-toggle{font-size:11px;flex:none}.home-page .site-header nav{background:#111;border-color:#333}.site-header nav.is-open{z-index:30}}
@media(prefers-reduced-motion:reduce){.hero-object img{animation:none!important}}

/* Home: continuous dark surfaces, quiet dividers, no competing project palettes. */
.home-page{--muted:#a3a3a3;--line:#303030;--surface:#171717}.section{padding-top:110px;padding-bottom:110px}.section-heading{margin-bottom:54px;align-items:flex-end}.section-heading .eyebrow{color:var(--muted);font-size:12px;letter-spacing:.13em;margin-bottom:24px}.section-heading h2{font-size:clamp(2.4rem,4vw,3.7rem);line-height:1.14}.section-heading h2 span,.studio h2 span,.process h2 span{color:#8e8e8e}.section-heading>p,.portfolio-intro{font-size:16px;color:var(--muted);max-width:350px;line-height:1.8}
.portfolio{padding-bottom:110px;border-top:1px solid #242424}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 40px}.portfolio-card{min-width:0;scroll-margin-top:35px}.portfolio-media{padding:30px;background:#202020;border:1px solid #303030;border-radius:14px;overflow:hidden}.portfolio-media .gallery-view{height:auto;aspect-ratio:16/9;background:#e5e5e5;border-radius:5px;overflow:hidden}.portfolio-media img{filter:grayscale(1);width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .7s cubic-bezier(.2,.7,.2,1);opacity:.87}.portfolio-media .gallery-view:hover img,.portfolio-media .gallery-view:focus-visible img{transform:scale(1.025);filter:grayscale(1);opacity:1}.portfolio-media .expand-view{font-size:12px;opacity:1;transform:none;padding:9px 15px;background:#141414;color:#fff;bottom:14px;right:14px;border-color:#777}.portfolio-card-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:26px}.work-kind{font-size:12px;color:#aaa;letter-spacing:.06em;line-height:1.6;margin-bottom:10px}.portfolio-card h3{font-size:28px;line-height:1.2;letter-spacing:-.045em}.portfolio-card h3 a:hover{color:var(--lime)}.work-number{font-size:16px;color:#888}.work-summary{font-size:16px;color:#aaa;line-height:1.8;margin-top:19px;max-width:560px}.portfolio-card-links{display:flex;gap:30px;margin-top:22px}.portfolio-card-links .text-link{font-size:14px;color:#eee}.portfolio-card-links .text-link:last-child{color:#aaa}.portfolio-card-links .text-link:hover{color:var(--lime)}
.home-page .services{background:#151515;border-block:1px solid #242424}.home-page .service-row{grid-template-columns:50px 1fr 1.05fr 28px;padding:35px 0;gap:30px;border-color:#363636}.home-page .service-row h3{font-size:28px;line-height:1.2;max-width:330px}.home-page .service-row p{font-size:16px;line-height:1.8;color:#aaa}.home-page .service-row .small{font-size:12px;color:#999;line-height:1.7}.home-page .service-number{font-size:13px;color:#929292}.home-page .service-row .plus{color:var(--lime);font-size:25px}.home-page .service-row::before{background:#ffffff04;border-radius:0}.home-page .service-row:hover h3{color:#f5f5f5;transform:translateX(4px)}
.studio{grid-template-columns:1fr 1fr;gap:90px}.studio h2{font-size:clamp(2.6rem,4.3vw,4rem);line-height:1.16}.studio .eyebrow{font-size:12px;color:#999;margin-bottom:25px}.studio-copy{padding:0}.studio-copy .lead{font-size:23px;line-height:1.6;color:#e3e3e3}.studio-copy p:not(.lead){font-size:16px;line-height:1.8;color:#a3a3a3;margin-top:25px}.home-page .studio-copy .text-link{color:#eee}.home-page .studio-copy .text-link:hover{color:var(--lime)}
.process{background:#151515;border-block:1px solid #242424}.process .eyebrow{color:#999}.process-grid{gap:38px;margin-top:50px}.process-grid article{padding-top:25px;border-color:#414141}.process-grid article>span{font-size:14px;color:#999}.process-grid h3{font-size:25px;margin:25px 0 17px}.process-grid p{font-size:16px;line-height:1.75;color:#a7a7a7}.process-grid article::before{background:var(--lime)}
.home-page .blog-card,.home-page .blog-card:first-child{background:#171717;color:#f5f5f5;border-color:#343434;box-shadow:none;border-radius:12px}.home-page .blog-card:hover{border-color:#888;box-shadow:none;transform:translateY(-4px)}.home-page .blog-card:first-child p,.home-page .blog-card p,.home-page .blog-card:first-child .blog-index{color:#a9a9a9}.home-page .blog-card .blog-topic,.home-page .blog-card:first-child .blog-topic{background:transparent;color:#bbb;border:0;padding:0;border-radius:0;font-size:12px;letter-spacing:.04em}.home-page .blog-card-bottom,.home-page .blog-card:first-child .blog-card-bottom{border-color:#343434;font-size:12px}.home-page .blog-card h3{font-size:23px;line-height:1.3}.home-page .blog-card-link{padding:30px}.home-page .blog-card-top{margin-bottom:30px}.home-page .blog-home .button-outline{background:transparent;border-color:#777;color:#eee}.home-page .blog-home .button-outline:hover{background:#eee;color:#141414}
.faq-section{max-width:1000px;border-top:1px solid #303030}.home-page .faq details,.home-page .faq details:last-child{border-color:#363636}.home-page .faq summary{font-size:19px;font-weight:500;padding:28px 0}.home-page .faq details[open]{background:transparent;border-radius:0;margin:0;padding:0}.home-page .faq details p{color:#aaa;font-size:16px;line-height:1.8}.faq summary span{color:var(--lime)}
.closing{background:#101010 url('/assets/edigital/footer-line.png') center/cover;color:#f5f5f5;border-top:1px solid #303030;padding-top:85px}.closing .eyebrow{font-size:12px;color:#999}.closing h2{font-size:clamp(3rem,6.7vw,6.5rem);font-weight:500;line-height:1.04;letter-spacing:-.065em}.closing-row{margin:35px 0 60px;align-items:flex-end}.closing .button{background:var(--lime);border-color:var(--lime);color:#141414;flex:none}.closing .button:hover{background:#fff;border-color:#fff}.closing-bottom{border-color:#3e3e3e;padding:25px 0;color:#b0b0b0;font-size:14px}.closing-bottom a:hover{color:#fff}.footer{background:#101010;color:#f5f5f5;width:100%;max-width:none;margin:0;padding:32px max(56px,calc((100% - 1280px)/2));border-top:1px solid #242424;gap:25px}.footer>span{color:#999;font-size:12px}.footer>div{font-size:12px;gap:22px}.footer a:hover{color:#fff}

/* Inner routes retain a light reading canvas and the same neutral system. */
.inner-page{background:#fafafa;color:#141414}.inner-page .site-header{background:#fafafa;border-color:#dedede;max-width:1392px}.inner-page .site-header nav>a:not(.button):hover{color:#444}.inner-page .site-header nav .button{color:#141414}.text-link:hover{color:#444}.breadcrumb{font-size:13px;flex-wrap:wrap}.page-hero .eyebrow,.case-hero .eyebrow{font-size:12px;color:#626262}.page-hero h1{font-size:clamp(2.6rem,5.5vw,5.4rem);line-height:1.12;letter-spacing:-.05em}.prose p,.prose ul,.prose li{color:#555}.prose .note{border-color:#999;background:#f0f0f0}.project-aside,.resource-card,.resource-card:nth-child(2),.english-cases article,.english-cases article:nth-child(2),.english-cases article:nth-child(3){background:#f0f0f0;border-color:#ddd}.project-aside{border-radius:12px}.project-aside .eyebrow{font-size:12px}.project-aside .text-link{font-size:14px}.related-links a{font-size:16px}.resource-number{color:#777}.article-date{font-size:13px}.contact-form-panel{box-shadow:none;border:1px solid #d4d4d4;border-radius:14px}.field input,.field select,.field textarea{background:#fff;border-color:#aaa;border-radius:7px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#555;outline-color:#777}.field label span{color:#555}.field small,.form-note{font-size:13px}.check input{accent-color:#333}#prepared-message{background:#f0f0f0}.policy-card{border-radius:12px;border-color:#d9d9d9}.policy-card:hover{border-color:#777}.policy-summary{background:#f0f0f0;border-color:#555;border-radius:12px}.policy-card p{font-size:16px}.policy-card .text-link{font-size:14px}
.case-hero{padding-top:55px;padding-bottom:65px}.case-hero h1{font-size:clamp(3rem,6vw,6rem)}.case-showcase.theme-cobalt,.case-showcase.theme-sky,.case-showcase.theme-violet,.case-showcase.theme-sand{background:#e8e8e8;color:#141414;--project-ink:#141414;--project-bg:#e8e8e8}.browser-frame{transform:none;border:1px solid #bbb;box-shadow:none;border-radius:10px}.browser-bar{background:#f4f4f4;color:#606060;border-color:#ddd;font-size:12px}.browser-dots i,.browser-dots i:first-child{background:#aaa}.case-showcase .gallery-view img{filter:grayscale(1)}.case-showcase .gallery-view .expand-view{opacity:1;transform:none;font-size:12px}.case-showcase .gallery-controls{color:#555}.gallery-selector{border-color:#999;font-size:13px}.gallery-selector[aria-pressed=true]{background:#141414;border-color:#141414;color:#fff}.gallery-selector:hover{background:#e5e5e5;color:#141414}.case-showcase .capture-label,.case-showcase .gallery-static-label{font-size:12px}.case-note{border-color:#999}.case-step h3{font-size:25px}.case-story{gap:85px}.case-facts dt{font-size:12px}.case-facts dd{font-size:16px}.case-actions .motion-toggle{color:#555;border-color:#aaa}.project-gallery:hover .browser-frame,.project-gallery:focus-within .browser-frame{transform:none;box-shadow:none}.next-project>a:hover{color:#555}.project-dialog{background:#fafafa;color:#141414;border-radius:12px}.project-dialog::backdrop{background:#000d}.project-dialog img{filter:none}.project-dialog-header{border-bottom:1px solid #ddd}.project-dialog-close{background:#141414;color:#fff;min-height:44px}.project-dialog-title{font-size:14px}.project-dialog .project-dialog-close:hover{background:#333}
.inner-page .blog-card,.inner-page .blog-card:first-child{background:#fff;color:#141414;border-color:#ddd;border-radius:12px;box-shadow:none}.inner-page .blog-card:first-child .blog-topic,.inner-page .blog-topic{background:transparent;border-color:#ccc;color:#555}.inner-page .blog-card:first-child p,.inner-page .blog-card:first-child .blog-index{color:#626262}.inner-page .blog-card:first-child .blog-card-bottom{border-color:#ddd}.inner-page .blog-card:hover{border-color:#888;box-shadow:none}.blog-hero h1 em{color:#141414}.blog-card:focus-within{outline-color:#777}.blog-card-link:focus-visible{outline:none}.blog-search{border-radius:12px}.blog-search input,.blog-search select{border-color:#aaa;border-radius:7px}.blog-search input:focus-visible,.blog-search select:focus-visible{outline-color:#777}.blog-hero-note .text-link{font-size:14px}.blog-topics a{font-size:14px}.reading-body .reading-intro{color:#444}.reading-toc>a:hover,.reading-toc>a[aria-current=location]{border-color:#555}.reading-help{background:#eaeaea;border-radius:10px}.reading-help:hover{background:#dedede}.article-example{background:#f0f0f0;border-color:#ddd;border-radius:12px}.article-example .eyebrow{color:#555}.article-takeaways{background:#171717;border-radius:12px}.article-takeaways li{color:#eee}.article-takeaways .eyebrow,.article-takeaways li::marker{color:#bbb}.article-sources a:hover{color:#333}.article-editorial p{font-size:13px}.scroll-progress{height:2px;background:var(--lime)}::selection{background:#d7efb9;color:#141414}
@media(max-width:1050px){.section{padding-top:85px;padding-bottom:85px}.portfolio-grid{gap:48px 28px}.portfolio-media{padding:22px}.portfolio-card h3{font-size:24px}.home-page .service-row{grid-template-columns:35px 1fr 1fr 22px;gap:20px}.home-page .service-row h3{font-size:25px}.studio{gap:55px}.process-grid{gap:25px}.process-grid h3{font-size:23px}.footer{padding-inline:32px}.case-story{gap:45px}}
@media(max-width:760px){.section{padding-top:65px;padding-bottom:65px}.section-heading{display:block;margin-bottom:35px}.section-heading h2{font-size:clamp(2rem,7.8vw,3rem);line-height:1.16}.section-heading .eyebrow{font-size:11px;margin-bottom:20px}.section-heading>p,.portfolio-intro{margin-top:22px;max-width:none;font-size:16px}.section-heading>p br{display:none}.portfolio-grid{grid-template-columns:1fr;gap:45px}.portfolio-media{padding:20px;border-radius:12px}.portfolio-media .gallery-view{aspect-ratio:16/9}.portfolio-card-heading{padding-top:22px;gap:15px}.portfolio-card h3{font-size:26px}.work-kind{font-size:12px;margin-bottom:9px}.work-summary{font-size:16px;margin-top:17px}.portfolio-card-links{margin-top:19px;gap:26px}.portfolio-media .expand-view{font-size:11px;padding:7px 10px;right:10px;bottom:10px}.home-page .service-row{grid-template-columns:25px 1fr 20px;gap:14px;padding:28px 0}.home-page .service-row h3{font-size:25px;max-width:none}.home-page .service-row>div{grid-column:2;grid-row:2}.home-page .service-row .plus{grid-column:3;grid-row:1}.studio{grid-template-columns:1fr;gap:35px}.studio h2{font-size:clamp(2.4rem,8.2vw,3.5rem)}.studio-copy .lead{font-size:21px}.process-grid{grid-template-columns:1fr 1fr;gap:35px 25px;margin-top:35px}.process-grid p{font-size:16px}.process-grid h3{font-size:23px}.home-page .blog-home .button-outline{margin-top:26px}.home-page .blog-card h3{font-size:24px}.home-page .blog-card p{font-size:16px}.faq-section{width:calc(100% - 40px)}.home-page .faq summary{font-size:18px;padding:24px 0}.closing{padding-top:55px}.closing .eyebrow{font-size:11px;line-height:1.7}.closing-row{display:block;margin:30px 0 40px}.closing h2{font-size:clamp(2.7rem,10vw,4.4rem);line-height:1.08}.closing .button{margin-top:30px}.closing-bottom{font-size:14px;display:flex;flex-direction:column;align-items:flex-start;gap:15px}.footer{padding:30px 20px;flex-wrap:wrap}.footer>div{gap:15px 22px;font-size:13px}.inner-page .site-header{padding-inline:20px}.case-hero h1{font-size:clamp(2.5rem,9vw,4rem)}.case-hero{padding:35px 0 40px}.case-story{grid-template-columns:1fr;gap:32px}.case-showcase .gallery-controls{gap:13px}.case-showcase .capture-label{font-size:11px}.case-showcase .browser-bar{font-size:10px}.project-dialog-title{font-size:12px}.project-dialog-close{font-size:13px}.contact-grid{gap:40px}.page-hero h1{font-size:clamp(2.3rem,8.5vw,4rem)}.reading-hero h1{font-size:clamp(2rem,7.7vw,3.8rem)}.blog-hero h1{font-size:clamp(2.6rem,9.3vw,4.5rem)}.blog-topics a{font-size:13px}.reading-toc>a{font-size:14px}}
@media(max-width:380px){.hero h1{font-size:10.3vw}.hero-actions{gap:18px}.hero .button{padding-inline:18px}.portfolio-media{padding:14px}.process-grid{grid-template-columns:1fr}.portfolio-card h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){.portfolio-media img{transition:none}.portfolio-media .gallery-view:hover img{transform:none}}
@media(max-width:760px){.home-page .site-header:not(.navigation-ready){height:auto;padding-top:20px;padding-bottom:20px}}