/* Dank Logic studio — cinematic, precise, a little playful. */
:root{--bg:#0a1110;--surface:#121e19;--text:#eff1e5;--muted:#a9b8ac;--lime:#c3e98c;--violet:#b8a4dd;--line:#354c3e;--studio-header:#0a1110ee;--studio-grid:#7297602e;--studio-ink:#91bb61;--studio-soft:#17251c}
html[data-theme=light]{color-scheme:light;--bg:#e9ede2;--surface:#f0f2e8;--text:#193025;--muted:#4e6353;--lime:#3c6428;--violet:#694a91;--line:#9dad95;--studio-header:#e9ede2ee;--studio-grid:#34573065;--studio-ink:#345730;--studio-soft:#dce4d5;--tour-border:#9dad95;--tour-bg:#e9ede2;--tour-surface:#e0e8d8;--tour-control:#e9ede2;--tour-control-hover:#cfdbc3;--tour-hover:#cfdbc3;--tour-selected:#cfdbc3;--tour-text:#193025;--tour-muted:#4e6353;--tour-accent:#3c6428;--tour-caption-surface:#e0e8d8}
body{background:var(--bg);color:var(--text)}h1,h2{font-weight:600;letter-spacing:-.055em}h1{line-height:1.04}p{color:var(--muted)}.container{width:min(1280px,calc(100% - 96px))}.site-header{background:var(--studio-header);border-color:var(--line);height:96px}.site-header nav{gap:26px}.site-header nav>a:not(.button){color:var(--muted);font-size:12px}.site-header nav>a[aria-current=page]{color:var(--lime)}.studio-theme,.studio-motion{border:1px solid var(--line);border-radius:5px;padding:9px 13px;min-height:44px;background:var(--surface);color:var(--text);font-size:11px}.studio-theme:hover,.studio-motion:hover{border-color:var(--lime)}.button{background:#203b2b;border-color:#9ab77a;color:#f0f3df;border-radius:6px}.quiet-link,.text-button{color:var(--text)}.section{padding-block:105px}.hero-description{font-size:15px;line-height:1.9}.hero-lead{color:var(--text);font-size:18px}.services-home{position:relative;isolation:isolate;min-height:720px;display:block;padding-top:115px;overflow:visible}.services-home .hero-copy{max-width:540px;position:relative;z-index:2}.services-home h1{font-size:clamp(54px,6.1vw,86px);max-width:650px}.services-home .hero-copy .eyebrow{font-size:10px}.north-film{position:absolute;width:68%;right:-3%;top:0;bottom:0;z-index:-1;margin:0;overflow:hidden}.north-film img,.north-film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.north-film video{opacity:0}.north-film video.ready{opacity:1}.north-film:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 0%,transparent 48%),linear-gradient(0deg,var(--bg),transparent 16%)}.north-film figcaption{position:absolute;bottom:32px;right:25px;z-index:2;color:var(--muted);font-size:8px;letter-spacing:.16em}.header-motion-control{margin:22px 0}.studio-motion{font-size:10px;padding:6px 10px;min-height:36px;background:transparent}.services-home .header-motion-control{position:absolute;top:575px;left:0}.home-services{border-top:1px solid var(--line)}.service-card-grid{display:block}.service-card-grid article{display:grid;grid-template-columns:180px 1fr 1fr 160px;align-items:center;gap:30px;border-radius:0;border:0;border-top:1px solid var(--line);padding:30px 0;transition:background .2s}.service-card-grid article:hover{background:var(--studio-soft)}.service-card-grid article p{font-size:13px}.service-card-grid article .eyebrow{font-size:9px;margin:0}.service-card-grid h3{font-size:26px;margin:0}.service-card-grid article>.quiet-link{margin:0;padding:0}.service-card-grid article:last-child{border-bottom:1px solid var(--line)}
[data-studio-header]{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--line);padding-block:86px 70px}[data-studio-header]:before{content:'';position:absolute;inset:0 -20% 0 30%;z-index:-1;pointer-events:none;background:repeating-radial-gradient(ellipse at 92% 95%,transparent 0 38px,var(--studio-grid) 39px 40px,transparent 41px 65px);mask-image:linear-gradient(90deg,transparent,#000);transform-origin:90% 80%;animation:studio-contour 24s ease-in-out infinite alternate}[data-studio-header]:after{content:'';pointer-events:none;position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 85% 40%,#94bd5820,transparent 55%)}[data-studio-home]:before{display:none}.page-intro .lede{max-width:760px}.page-intro h1{max-width:1000px}.service-next{background:var(--surface);border-color:var(--line);position:sticky;top:120px}.service-next .button{margin-top:24px}.service-content h2{font-size:36px}.service-content section{margin-top:36px}.service-content p{font-size:15px}.studio-showcase{border-block:1px solid var(--line);background:linear-gradient(160deg,var(--surface),var(--bg));overflow:hidden}.studio-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:55px 0 65px}.studio-numbers>div{border-top:1px solid var(--line);padding-top:25px}.studio-numbers strong{display:block;font:600 clamp(52px,6vw,88px)/1.1 Montserrat,Arial;letter-spacing:-.06em;color:var(--lime)}.studio-numbers span{font-size:12px;color:var(--muted);display:block;margin-top:18px}.studio-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.studio-project{min-width:0;display:block;transition:transform .3s}.studio-project:hover{transform:translateY(-7px)}.studio-project>div{aspect-ratio:4/3;overflow:hidden;border-radius:12px;background:var(--studio-soft);border:1px solid var(--line)}.studio-project img{width:100%;height:100%;object-fit:contain;animation:studio-float 10s ease-in-out infinite}.studio-project:nth-child(2) img{animation-delay:-3s;object-fit:cover}.studio-project:nth-child(3) img{animation-delay:-6s}.studio-project .eyebrow{font-size:8px;margin:22px 0 10px}.studio-project h3{font-size:23px;display:flex;align-items:center;justify-content:space-between}.studio-project h3 span{color:var(--lime)}.studio-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:35px}.studio-bottom p{font-size:11px;max-width:600px}.studio-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.studio-process-grid article{border-top:1px solid var(--line);padding-top:24px}.studio-process-grid span{font-size:10px;letter-spacing:.12em;color:var(--lime)}.studio-process-grid h3{font-size:24px;margin:22px 0 18px}.studio-process-grid p{font-size:13px}.studio-service-visual{margin-top:60px;margin-bottom:0;border-radius:14px;overflow:hidden;background:var(--studio-soft);border:1px solid var(--line)}.studio-service-visual img{width:100%;max-height:620px;object-fit:contain}.studio-service-visual figcaption{font-size:10px;padding:18px 24px;color:var(--muted)}.studio-paused *{animation-play-state:paused!important}.service-row,.service-card-grid article,.service-start,.doctor-development{border-color:var(--line)}.service-jumps a{color:var(--text);border-color:var(--line)}footer{border-top:1px solid var(--line);background:var(--surface)}.footer-bottom div{flex-wrap:wrap}.footer-top strong{color:var(--text)}
html[data-theme=light] .site-header .brand img,html[data-theme=light] .footer-top img{filter:brightness(.38) saturate(.75)}html[data-theme=light] .service-card-grid article,html[data-theme=light] .service-next,html[data-theme=light] .contact-note,html[data-theme=light] form,html[data-theme=light] details,html[data-theme=light] .product-outline,html[data-theme=light] .feature-band,html[data-theme=light] .about-statement,html[data-theme=light] .principle-grid article,html[data-theme=light] .guide-feature{background:var(--surface);color:var(--text);border-color:var(--line)}html[data-theme=light] input,html[data-theme=light] select,html[data-theme=light] textarea,html[data-theme=light] dialog{background:var(--surface);color:var(--text);border-color:var(--line)}html[data-theme=light] label,html[data-theme=light] summary,html[data-theme=light] .lede,html[data-theme=light] .large-copy,html[data-theme=light] .contact-copy h2,html[data-theme=light] .service-identity p,html[data-theme=light] .service-detail li,html[data-theme=light] .footer-top p,html[data-theme=light] .form-note,html[data-theme=light] .crumb{color:var(--text)}html[data-theme=light] .status-label{background:var(--studio-soft);color:var(--lime);border-color:var(--line)}html[data-theme=light] .menu-toggle,html[data-theme=light] .site-header nav.nav-open{background:var(--surface);color:var(--text)}
@keyframes studio-contour{to{transform:rotate(-9deg) scale(1.1) translateY(-15px)}}@keyframes studio-float{50%{transform:translateY(-6px) scale(1.015)}}
@media(min-width:1101px){.site-header nav{display:flex!important}.menu-toggle{display:none!important}}
@media(max-width:1100px){.container{width:calc(100% - 60px)}.services-home .hero-copy{max-width:48%}.services-home h1{font-size:62px}.service-card-grid article{grid-template-columns:110px 1fr 1fr;gap:25px}.service-card-grid article>.quiet-link{grid-column:2/-1}.studio-process-grid{grid-template-columns:1fr 1fr}.studio-gallery{gap:18px}.studio-project h3{font-size:19px}.site-header nav.nav-open{background:var(--bg)}}
@media(max-width:760px){.container{width:calc(100% - 40px)}.site-header{height:80px}.section{padding-block:65px}.services-home{padding-top:55px;padding-bottom:0;min-height:0}.services-home .hero-copy{max-width:none}.services-home h1{font-size:clamp(48px,10vw,72px)}.services-home .header-motion-control{position:static;margin:25px 0}.north-film{position:relative;width:100%;right:auto;top:auto;bottom:auto;aspect-ratio:4/3;z-index:0;margin:10px 0 0}.north-film:after{background:linear-gradient(0deg,var(--bg),transparent 15%)}.north-film figcaption{bottom:15px;right:10px;font-size:7px}.studio-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:24px}.studio-project{flex:0 0 82%;scroll-snap-align:start}.studio-project img{animation:none}.studio-numbers{gap:18px;margin:35px 0 42px}.studio-numbers strong{font-size:50px}.studio-numbers span{font-size:10px}.studio-bottom{align-items:flex-start;flex-direction:column;gap:12px}.service-card-grid article{grid-template-columns:1fr;gap:16px;padding:25px 0}.service-card-grid article>.quiet-link{grid-column:auto}.service-card-grid h3{font-size:27px}.studio-process-grid{gap:25px}.studio-process-grid h3{font-size:21px}[data-studio-header]{padding-block:52px 40px}.service-next{position:static}.studio-service-visual{margin-top:35px}.studio-service-visual figcaption{padding:15px;font-size:9px}}
@media(max-width:440px){.studio-process-grid{grid-template-columns:1fr}.studio-numbers strong{font-size:42px}.button-row{gap:15px}.studio-theme{width:100%;text-align:left}.hero-lead{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.north-film video{display:none}.studio-project:hover{transform:none}}
html[data-theme=light] .service-detail li,html[data-theme=light] .feature-rows li,html[data-theme=light] .outline-foot,html[data-theme=light] .mission-pillars strong,html[data-theme=light] .form-heading h2,html[data-theme=light] .contact-note span,html[data-theme=light] .faq-list p,html[data-theme=light] .footer-bottom,html[data-theme=light] .footer-bottom a,html[data-theme=light] .scope-lead,html[data-theme=light] .about-statement p{color:var(--text)}html[data-theme=light] .service-example,html[data-theme=light] .scope-note{background:var(--studio-soft);border-color:var(--line);color:var(--text)}
.service-landing-depth{border-top:1px solid var(--line)}.service-example-block{margin-top:55px;padding:32px;border:1px solid var(--line);border-radius:12px;background:var(--surface);max-width:920px}.service-example-block h3{margin-bottom:18px;font-size:27px}.service-example-block p:last-child{font-size:14px}.service-landing-depth .studio-process-grid h3{font-size:23px}.service-identity h2 a:hover{color:var(--lime)}
.service-value-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-value-grid h3{margin-top:0}.customer-path{border-top:1px solid var(--line)}@media(max-width:760px){.service-value-grid{grid-template-columns:1fr}}
/* True transparent vector marks; no raster background, filter or interpolation. */
.dank-logo-set{display:inline-block;line-height:0;background:transparent}.dank-logo-set img{background:transparent!important;border-radius:0!important;filter:none!important;object-fit:contain;image-rendering:auto}.dank-logo-light{display:none!important}html[data-theme=light] .dank-logo-set .dank-logo-dark{display:none!important}html[data-theme=light] .dank-logo-set .dank-logo-light{display:block!important}.site-header .brand,.footer-top>a:first-child{background:transparent!important}.site-header .brand img,html[data-theme=light] .site-header .brand img,.footer-top img,html[data-theme=light] .footer-top img{filter:none!important}
/* The theme switch is visible outside the collapsed mobile navigation. */
.site-header .brand{order:0}.site-header #navigation{order:1}.theme-discovery{position:relative;display:inline-flex;align-items:center;flex:0 0 auto;order:2}.site-header .menu-toggle{order:3}.theme-control{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;min-width:44px;min-height:44px}.theme-control:before{content:'◐';font-size:19px;line-height:1;display:inline-block}.theme-discovery-note{position:absolute;top:calc(100% + 13px);right:0;width:230px;padding:15px 18px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);box-shadow:0 10px 30px #0002;pointer-events:none;z-index:45;animation:theme-hint-arrive .35s ease-out both,theme-hint-exit .25s ease-in 6.2s forwards;text-align:left}.theme-discovery-note:before{content:'';position:absolute;right:22px;top:-5px;width:8px;height:8px;background:var(--surface);border-left:1px solid var(--line);border-top:1px solid var(--line);transform:rotate(45deg)}.theme-discovery-note strong{display:block;font:600 12px/1.5 Montserrat,Arial,sans-serif}.theme-discovery-note>span{display:block;font-size:11px;line-height:1.6;color:var(--muted);margin-top:5px}.theme-discovery-note[hidden]{display:none!important}@keyframes theme-hint-arrive{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1100px){.site-header .header-inner{gap:12px}.site-header .brand{margin-right:auto}.theme-discovery{order:1}.site-header .menu-toggle{order:2}.theme-control{font-size:0!important;width:44px;padding:10px}.theme-control:before{font-size:22px}.theme-discovery-note{right:-60px;width:225px}.theme-discovery-note:before{right:76px}}@media(prefers-reduced-motion:reduce){.theme-discovery-note{animation:none}}

@keyframes theme-hint-exit{from{opacity:1}to{opacity:0}}
