.site-controls{grid-column:1/-1;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin:0 0 24px;font-size:13px}.control-pair{display:flex;align-items:center;padding:3px;border:1px solid rgba(80,80,80,.15);border-radius:12px;background:rgba(245,245,245,.8);box-shadow:0 2px 8px #00000005}.control-pair button{appearance:none;border:0;background:none;color:#686868;padding:8px 11px;font:inherit;cursor:pointer;border-radius:9px;white-space:nowrap}.control-pair button[aria-pressed=true]{background:#fff;color:#202020;box-shadow:0 1px 4px #00000016}.control-pair button:focus-visible{outline:2px solid #7a44d8;outline-offset:2px}.project-image{border-radius:14px;overflow:hidden}.project-grid{transition:gap .25s ease}.compact-projects .project-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 16px}.compact-projects .project-image{aspect-ratio:1;min-height:0!important;height:auto!important;cursor:pointer}.compact-projects .project h3{font-size:14px;line-height:1.35;margin-top:10px}.compact-projects .project>p,.compact-projects .project-meta{display:none}.compact-projects .project{margin:0;min-width:0}.compact-projects .project-image>img{width:100%;height:100%;object-fit:cover}.compact-projects .project-image::after{content:'';position:absolute;inset:0;border-radius:14px;pointer-events:none;box-shadow:inset 0 0 0 1px #00000008}
.dark-site{background:#242426;color:#f1f1f3}.dark-site .header,.dark-site .intro,.dark-site .tagline{color:#f1f1f3}.dark-site .header a,.dark-site .intro-nav a{color:inherit}.dark-site .yellow-surface,.dark-site .discipline-band,.dark-site .project-sticky-header{background:#29292c;color:#f1f1f3}.dark-site .projects,.dark-site .project h3,.dark-site .project-meta,.dark-site .project>p,.dark-site .result-count{color:#e4e4e8}.dark-site .filter-bar,.dark-site .filters button{color:#ccc;border-color:#ffffff28}.dark-site .filters button[aria-pressed=true]{color:#fff;border-color:#ffcf38}.dark-site .service-list dd,.dark-site .service-list dt{color:#eee}.dark-site .site-controls .control-pair{background:#343437;border-color:#ffffff1a}.dark-site .control-pair button{color:#c8c8cc}.dark-site .control-pair button[aria-pressed=true]{background:#505055;color:#fff}.dark-site .portfolio-logo{filter:invert(1)}.dark-site #uzklausa,.dark-site #kontaktai{background:#fff;color:#202020}.dark-site .drawing-info{color:#202020}
@media(max-width:1000px){.compact-projects .project-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.site-controls{justify-content:flex-start;gap:7px;margin:18px 0}.control-pair button{padding:8px 9px;font-size:12px}.compact-projects .project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 10px}.compact-projects .project h3{font-size:12px}.project-image{border-radius:12px}}
@media(prefers-reduced-motion:reduce){.project-grid{transition:none}}
.intro-nav .site-controls{justify-content:flex-start;margin:0 0 14px;gap:8px}.dark-site .intro-copy,.dark-site .intro h1 span{color:#c2c2c7}.dark-site .filters button[aria-pressed=true]{background:#505055}.dark-site .yellow-surface{--muted:#c2c2c7;--line:#ffffff28}.dark-site .service-list{border-color:#ffffff28}
@media(max-width:700px){.intro-nav .site-controls{grid-column:1/-1;margin:0}}
.dark-site .project-sticky-header::before{background:#29292c}.compact-projects .drawing-scroll-demo{border:0!important;padding:0!important;background:transparent!important}.dark-site .project-image{background:#343437}.dark-site .filters button:hover:not([aria-pressed=true]){background:#ffffff12}
.dark-site #kontaktai{background:var(--yellow);color:#202020}.dark-site .contact-section{color:#202020}.dark-site .inquiry-section{position:relative;isolation:isolate;color:#202020}.dark-site .inquiry-section::before{content:'';position:absolute;inset:0 calc(-1 * max(20px,(100vw - 100%)/2));z-index:-1;background:white;pointer-events:none}
.compact-projects .project-image{aspect-ratio:1!important}.compact-projects .project-grid{column-gap:16px!important;row-gap:24px!important}@media(max-width:700px){.compact-projects .project-grid{column-gap:10px!important;row-gap:20px!important}}
.compact-projects .project-image{border:0!important;padding:0!important}
.header>.site-controls{margin:0 0 0 auto;justify-content:flex-end;flex:0 1 auto;gap:8px}.header>.header-contact{flex:none}.header>.brand{flex:none}
@media(max-width:1100px){.header{flex-wrap:wrap;padding-block:24px;gap:20px}.header>.site-controls{order:3;flex-basis:100%;justify-content:flex-end}.header>.header-contact{margin-left:auto}}
@media(max-width:700px){.header>.site-controls{justify-content:flex-start;gap:7px}.header{padding-block:20px;gap:18px}}
.header{background:#fff;min-height:114px;gap:24px}.header>.site-controls{margin-left:auto}.header>.intro-nav{display:flex;gap:20px;padding:0;flex:none}.header>.intro-nav a{display:flex;gap:7px;border:0;padding:12px 0;font-size:14px;white-space:nowrap}.header>.intro-nav a>span:last-child{font-size:14px}.header .nav-triangle{width:8px;height:8px}.intro{grid-template-columns:1fr}.hero-contact{grid-column:1/-1;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px 24px;font-size:14px;margin-top:0}.hero-contact a[href^="tel:"]{font-weight:600}.dark-site .header{background:#242426}.dark-site .hero-contact{color:#d7d7dc}
@media(max-width:1100px){.header>.site-controls{order:2;flex-basis:auto}.header>.intro-nav{order:3;width:100%;justify-content:flex-end}.header{gap:14px 24px}}
@media(max-width:700px){.header>.site-controls{order:2;flex-basis:100%;justify-content:flex-start}.header>.intro-nav{justify-content:flex-start;gap:24px}.header>.intro-nav a{padding:4px 0}.header{gap:15px}.hero-contact{justify-content:flex-start;gap:8px;font-size:13px;flex-direction:column}.intro{gap:22px}}
.header>.brand{position:relative;overflow:hidden;width:190px;flex:0 0 190px;max-width:190px}.header>.brand :is(img,svg.motion-logo){width:100%!important;max-width:100%!important;height:auto!important;pointer-events:none}.header .site-controls,.header .intro-nav{position:relative;z-index:1}
@media(max-width:700px){.header>.brand{width:162px;flex-basis:162px;max-width:162px}}
/* Header uses normal flow; previous hero positioning must not reach its navigation. */
.header{height:auto!important;min-height:112px;padding-block:18px;position:relative;display:flex;align-items:center;flex-wrap:nowrap}.header>.brand{top:auto!important;left:auto!important;transform:none!important;clip-path:none}.header>.intro-nav{position:static!important;top:auto!important;right:auto!important;width:auto!important;transform:none!important;margin:0!important}.intro{display:grid!important;grid-template-columns:1fr;height:auto!important;min-height:340px;padding:64px 0 60px}.intro-main{position:relative!important;top:auto!important;left:auto!important;transform:none!important;width:auto!important}.hero-contact{margin-top:24px}
@media(max-width:1100px){.header{flex-wrap:wrap}.header>.intro-nav{flex-basis:100%}}
@media(max-width:700px){.header{min-height:0;padding-block:20px}.intro{min-height:0;padding:46px 0 40px}.hero-contact{margin-top:4px}}
/* Dark mode keeps the brand's yellow services band, with calm graphite content. */
.dark-site .discipline-band{background:var(--yellow);color:#242426}.dark-site .discipline-band .service-list :is(dt,dd){color:#242426}.dark-site .discipline-band .service-list{border-color:#24242635}
.dark-site .project-image,.dark-site .drawing-scroll-demo,.dark-site .project-start-frame{border-color:rgba(255,255,255,.10)!important;background:rgba(255,255,255,.04)!important;box-shadow:inset 0 0 0 1px #ffffff08,0 5px 20px #00000012;backdrop-filter:blur(12px)}
.dark-site .project h3{color:#c9c9ce}.dark-site .project>p{color:#b5b5bc}.dark-site .project-meta{color:#aaaab2}.dark-site .project-meta>span:first-child{color:#b0a0c8}
.dark-site #uzklausa,.dark-site .inquiry-section::before,.dark-site .contact-section,.dark-site #kontaktai{background:#29292c;color:#c9c9ce}.dark-site .inquiry-section h2,.dark-site .contact-section h2,.dark-site .contact-person{color:#c9c9ce}.dark-site .inquiry-form :is(input,textarea){background:#343438;color:#d0d0d5;border-color:#ffffff26;color-scheme:dark}.dark-site .inquiry-form :is(input,textarea)::placeholder{color:#9d9da6}.dark-site .inquiry-form label,.dark-site .inquiry-direct{color:#bebec5}.dark-site .inquiry-privacy,.dark-site .contact-section .eyebrow{color:#9f9fa8}.dark-site .company-copy-card{background:#343438;border-color:#ffffff1c;color:#c9c9ce}.dark-site .company-copy-card :is(h3,p,a),.dark-site .contact-records .legal-details,.dark-site .contact-records .legal-details :is(a,p,.legal-company){color:#c9c9ce}.dark-site .company-copy-card hr,.dark-site .contact-records .legal-details p{border-color:#ffffff1c}.dark-site .social-placeholder{border-color:#ffffff26;color:#aaaab2}.dark-site .copy-records{color:#aaaab2}.dark-site .contact-section .save-contact{color:#c5a4f4}.dark-site .contact-art{opacity:.85}.dark-site #kontaktai{border-block:1px solid #ffffff0e}
.intro-main .intro-copy{position:static!important;top:auto!important;left:auto!important;width:auto!important;margin-top:32px;padding-left:0}
.dark-site .inquiry-section :is(p,label){color:#b5b5bc}.dark-site .inquiry-section a{color:#c9c9ce}.dark-site .contact-section .social-placeholders{border-color:#ffffff26}.dark-site .company-copy-card .copy-records-status{color:#aaaab2}
.dark-site .header .brand :is(img,svg.motion-logo){filter:url(#header-dark-wordmark)}
/* Capsule switches: the active choice is written, the alternative is an icon. */
.header>.site-controls{gap:16px;align-items:center}.control-group{width:174px}.control-group:last-child{width:142px}.control-heading{display:block;margin:0 0 7px 8px;color:#77777d;font-size:10px;font-weight:500;letter-spacing:.07em;text-transform:uppercase}.site-controls .control-pair{padding:5px;border:0;border-radius:999px;background:#e8e8ea;box-shadow:none;gap:5px;height:49px;justify-content:space-between}.site-controls .control-pair button{display:flex;align-items:center;justify-content:center;flex:0 0 39px;height:39px;padding:0;border-radius:999px;background:#d4d4d7;color:#77777d;box-shadow:none;overflow:hidden;transition:flex-basis .32s cubic-bezier(.22,1,.36,1),background .25s,color .25s,transform .2s}.site-controls .control-pair button[aria-pressed=true]{flex:1 1 auto;background:#555558;color:#fff;box-shadow:0 2px 5px #0000000c}.choice-word{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;font-size:13px;font-weight:600;transition:max-width .32s,opacity .18s}.choice-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:11px;font-weight:600}.choice-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.choice-icon .filled{fill:currentColor;stroke:none}.control-pair button[aria-pressed=true] .choice-word{max-width:110px;opacity:1}.control-pair button[aria-pressed=true] .choice-icon{display:none}.control-pair button:active{transform:scale(.94)}.dark-site .control-heading{color:#9c9ca5}.dark-site .site-controls .control-pair{background:#39393e}.dark-site .site-controls .control-pair button{background:#4b4b51;color:#babac3}.dark-site .site-controls .control-pair button[aria-pressed=true]{background:#74747d;color:#fff}.theme-curtain{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:#ffca3a;pointer-events:none;animation:theme-curtain .8s cubic-bezier(.65,0,.25,1) both}.theme-curtain img{width:min(260px,58vw);animation:curtain-logo .8s ease both}@keyframes theme-curtain{0%{clip-path:inset(0 0 100%)}35%,60%{clip-path:inset(0)}100%{clip-path:inset(100% 0 0)}}@keyframes curtain-logo{0%,15%{opacity:0;transform:translateY(10px) scale(.96)}40%,65%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-8px)}}
@media(max-width:700px){.header>.site-controls{gap:12px 8px}.control-group{width:calc((100% - 16px)/3);min-width:0}.control-group:last-child{width:calc((100% - 16px)/3)}.control-heading{font-size:8px;letter-spacing:.02em;margin-left:4px;white-space:nowrap}.site-controls .control-pair{height:43px;padding:4px;gap:3px}.site-controls .control-pair button{height:35px;flex-basis:30px}.choice-word{font-size:10px}.choice-icon svg{width:18px;height:18px}.choice-icon{font-size:10px}}
@media(prefers-reduced-motion:reduce){.site-controls .control-pair button,.choice-word{transition:none}.theme-curtain{display:none}}
/* Balanced header: brand and settings above, navigation beside direct contacts below. */
.header{min-height:150px;padding-block:28px;gap:40px}.header>.site-controls{gap:24px;margin-left:auto}.control-group{width:210px}.control-group:nth-child(2){width:230px}.control-group:last-child{width:170px}.control-heading{margin:0 0 9px 12px;font-size:10px;letter-spacing:.065em;color:#77777c}.site-controls .control-pair{height:54px;padding:5px;background:#e5e5e7;gap:10px}.site-controls .control-pair button{height:44px;flex-basis:44px;background:#ceced1;color:#808085}.site-controls .control-pair button[aria-pressed=true]{background:#59595c}.choice-word{font-size:14px;letter-spacing:.01em}.control-pair button[aria-pressed=true] .choice-word{max-width:160px}.hero-links{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:36px;padding-top:22px;border-top:1px solid #00000016}.hero-links>.intro-nav{position:static!important;transform:none!important;top:auto!important;right:auto!important;left:auto!important;display:flex;align-items:center;gap:26px;width:auto!important;margin:0!important;padding:0}.hero-links .intro-nav a{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:14px;border:0;padding:6px 0}.hero-links .intro-nav a>span:last-child{font-size:14px}.hero-links .nav-triangle{width:8px;height:8px}.hero-links .hero-contact{margin:0;gap:8px 24px;align-items:center;font-size:13px}.dark-site .hero-links{border-color:#ffffff18}.dark-site .hero-links .intro-nav a{color:#c9c9ce}
@media(max-width:1100px){.header{gap:24px;min-height:130px}.header>.site-controls{gap:12px}.control-group{width:170px}.control-group:nth-child(2){width:190px}.control-group:last-child{width:140px}.hero-links .hero-contact{flex-direction:column;align-items:flex-end;gap:6px}}
@media(max-width:700px){.header{padding-block:24px;gap:26px}.header>.site-controls{gap:16px 12px;display:grid;grid-template-columns:1fr 1fr;flex-basis:100%;width:100%}.control-group,.control-group:nth-child(2),.control-group:last-child{width:auto;min-width:0}.control-group:last-child{width:calc(75% - 3px)}.control-heading{font-size:9px;margin:0 0 8px 8px;letter-spacing:.04em}.site-controls .control-pair{height:49px;padding:5px;gap:5px}.site-controls .control-pair button{height:39px;flex-basis:39px}.choice-word{font-size:12px}.choice-icon{font-size:11px}.choice-icon svg{width:21px;height:21px}.hero-links{margin-top:28px;padding-top:20px;align-items:flex-start;gap:18px;flex-direction:column}.hero-links>.intro-nav{gap:24px}.hero-links .hero-contact{align-items:flex-start;gap:7px}.intro{padding-bottom:30px}}
.intro{gap:0!important}.hero-links .intro-nav a,.hero-links .intro-nav a:first-child{height:auto!important;min-height:32px;padding:6px 0!important;line-height:1.4;flex-direction:row}.hero-links .intro-nav a::after{display:none}.hero-links .nav-triangle{position:static!important;transform:none!important;margin:0!important;flex:none}.hero-links .intro-nav a:hover{color:var(--purple)}
/* One measured switch geometry across theme, view and language. */
.header{min-height:112px;padding-block:20px;gap:32px}.header>.site-controls{gap:20px;align-items:center}.control-group,.control-group:nth-child(2),.control-group:last-child{width:152px;flex:0 0 152px}.control-heading{text-align:center;margin:0 0 8px;font-size:11px;font-weight:500;letter-spacing:.025em;color:#606068;white-space:nowrap}.site-controls .control-pair{position:relative;height:40px;padding:4px;gap:4px;border:1px solid #d9d9df99;background:linear-gradient(135deg,#f7f7f9d9,#eaeaf0b3);box-shadow:inset 0 1px 0 #ffffffcc,0 2px 7px #20203005;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.site-controls .control-pair button{height:30px;flex:0 0 30px;background:#d7d7df55;color:#71717a;transition:flex-basis .28s cubic-bezier(.22,1,.36,1),background .25s,color .25s,transform .2s}.site-controls .control-pair button[aria-pressed=true]{flex:0 0 108px;background:linear-gradient(145deg,#4d4d55,#35353d);box-shadow:0 2px 4px #2424301a,inset 0 1px 0 #ffffff16;color:#fff}.choice-word{font-size:11px;font-weight:600;letter-spacing:0}.choice-icon{font-size:10px}.choice-icon svg{width:18px;height:18px}.dark-site .control-heading{color:#b2b2ba}.dark-site .site-controls .control-pair{border-color:#ffffff16;background:linear-gradient(135deg,#45454a99,#323238cc);box-shadow:inset 0 1px 0 #ffffff08,0 2px 7px #0000000a}.dark-site .site-controls .control-pair button{background:#ffffff06;color:#b7b7c0}.dark-site .site-controls .control-pair button[aria-pressed=true]{background:linear-gradient(145deg,#74747e,#62626c);color:#fff}
@media(max-width:1100px){.header>.site-controls{gap:14px}.header{min-height:112px}}
@media(max-width:700px){.header{gap:22px;padding-block:22px}.header>.site-controls{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:16px 12px}.control-group,.control-group:nth-child(2),.control-group:last-child{width:152px;flex:0 0 152px}.control-heading{font-size:11px}.site-controls .control-pair{height:40px}.site-controls .control-pair button{height:30px;flex-basis:30px}.site-controls .control-pair button[aria-pressed=true]{flex-basis:108px}}
@media(max-width:355px){.header>.site-controls{justify-content:center}}
/* Compact label permits the same restrained width at every breakpoint. */
.header .control-group,.header .control-group:nth-child(2),.header .control-group:last-child{width:136px;flex:0 0 136px}.site-controls .control-pair button[aria-pressed=true]{flex:0 0 92px}
@media(max-width:700px){.header>.site-controls{gap:16px 8px;justify-content:flex-start}}
/* Sliding thumb follows the supplied long-track proportions. */
.header .control-group,.header .control-group:nth-child(2),.header .control-group:last-child{width:174px;flex:0 0 174px}.site-controls .control-pair{height:52px;padding:6px;gap:0;isolation:isolate;justify-content:space-between;background:#efeff3;border:1px solid #dcdce4;box-shadow:inset 0 1px 0 #ffffff80}.site-controls .control-pair::before{content:'';position:absolute;left:6px;top:6px;width:68px;height:38px;border-radius:999px;background:#595960;z-index:-1;transform:translateX(0);transition:transform .36s cubic-bezier(.2,.85,.25,1);box-shadow:0 1px 2px #2020300a}.site-controls .control-pair:has(button:last-child[aria-pressed=true])::before{transform:translateX(92px)}.site-controls .control-pair button,.site-controls .control-pair button[aria-pressed=true]{flex:0 0 68px;height:38px;padding:0;background:transparent;box-shadow:none;transition:color .22s,transform .16s;overflow:visible}.site-controls .control-pair button{color:#878790}.site-controls .control-pair button[aria-pressed=true]{color:#fff}.choice-word{font-size:12px}.choice-icon{width:38px;height:38px;border-radius:50%;background:#e5e5eb;position:absolute;transition:opacity .15s,transform .25s}.control-pair button:first-child .choice-icon{left:0}.control-pair button:last-child .choice-icon{right:0}.site-controls .control-pair button{position:relative}.choice-icon svg{width:20px;height:20px}.choice-word{transition:opacity .15s;max-width:none;opacity:0;position:relative}.control-pair button[aria-pressed=true] .choice-word{max-width:none;opacity:1}.control-pair button[aria-pressed=true] .choice-icon{display:flex;opacity:0;transform:scale(.75);pointer-events:none}.dark-site .site-controls .control-pair{background:#35353b;border-color:#ffffff16}.dark-site .site-controls .control-pair::before{background:#72727b}.dark-site .site-controls .control-pair button,.dark-site .site-controls .control-pair button[aria-pressed=true]{background:transparent;box-shadow:none}.dark-site .choice-icon{background:#414148}.dark-site .site-controls .control-pair button[aria-pressed=true]{color:#fff}
@media(max-width:700px){.header>.site-controls{gap:16px 10px}.header .control-group,.header .control-group:nth-child(2),.header .control-group:last-child{width:calc((100% - 10px)/2);flex:0 0 calc((100% - 10px)/2)}.site-controls .control-pair{height:46px;padding:5px}.site-controls .control-pair::before{left:5px;top:5px;width:60px;height:34px}.site-controls .control-pair:has(button:last-child[aria-pressed=true])::before{left:calc(100% - 65px);transform:none}.site-controls .control-pair::before{transition:left .36s cubic-bezier(.2,.85,.25,1)}.site-controls .control-pair button,.site-controls .control-pair button[aria-pressed=true]{flex-basis:60px;height:34px}.choice-icon{width:34px;height:34px}.choice-word{font-size:11px}}
@media(prefers-reduced-motion:reduce){.site-controls .control-pair::before,.choice-icon,.choice-word{transition:none}}
/* Compact, equally sized tracks with a generous whole-capsule click target. */
.header .control-group,.header .control-group:nth-child(2),.header .control-group:last-child{width:154px;flex:0 0 154px}.site-controls .control-pair{height:46px;padding:5px;cursor:pointer}.site-controls .control-pair::before{left:5px;top:5px;width:62px;height:34px;transition:transform .36s cubic-bezier(.2,.85,.25,1)}.site-controls .control-pair:has(button:last-child[aria-pressed=true])::before{left:5px;transform:translateX(80px)}.site-controls .control-pair button,.site-controls .control-pair button[aria-pressed=true]{flex:0 0 62px;height:34px}.choice-icon{width:34px;height:34px}.choice-icon svg{width:18px;height:18px}.choice-word{font-size:11px}.control-heading{font-size:10px}
@media(max-width:355px){.header .control-group,.header .control-group:nth-child(2),.header .control-group:last-child{width:135px;flex-basis:135px}.site-controls .control-pair:has(button:last-child[aria-pressed=true])::before{transform:translateX(61px)}}
@media(prefers-reduced-motion:reduce){.site-controls .control-pair::before{transition:none}}
/* Light outline treatment drawn from the original minimal toolbar. */
.site-controls .control-pair{background:transparent;border-color:#dedee2;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.site-controls .control-pair::before{background:#eeeeF1;box-shadow:none}.site-controls .control-pair button,.site-controls .control-pair button[aria-pressed=true]{color:#343438}.choice-icon{background:transparent;color:#44444a}.choice-word{font-weight:500}.control-heading{color:#77777e;font-weight:400}.dark-site .site-controls .control-pair{background:transparent;border-color:#ffffff26;box-shadow:none}.dark-site .site-controls .control-pair::before{background:#494950}.dark-site .site-controls .control-pair button,.dark-site .site-controls .control-pair button[aria-pressed=true]{color:#d0d0d6}.dark-site .choice-icon{background:transparent;color:#bdbdc5}
/* B-direction typography and lighter, tighter control tracks. */
.header{min-height:104px;padding-block:18px;border-bottom-color:rgba(24,24,24,.13)}.header>.site-controls{gap:16px;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}.header .control-group,.header .control-group:nth-child(2),.header .control-group:last-child{width:138px;flex:0 0 138px}.control-heading{font-family:inherit;font-size:10px;font-weight:400;letter-spacing:.015em;color:#777774;margin-bottom:7px}.site-controls .control-pair{height:40px;padding:2px;border-color:rgba(24,24,24,.13);background:transparent}.site-controls .control-pair::before{left:3px;top:2px;width:62px;height:34px;background:#f2f2f0;transform:translateX(0)}.site-controls .control-pair:has(button:last-child[aria-pressed=true])::before{left:3px;transform:translateX(68px)}.site-controls .control-pair button,.site-controls .control-pair button[aria-pressed=true]{height:34px;flex-basis:62px;color:#333332;font-family:inherit}.choice-word{font-size:11px;font-weight:400}.choice-icon{color:#333332;font-weight:500}.choice-icon svg{stroke-width:1.6}.dark-site .control-heading{color:#aaaab0}.dark-site .site-controls .control-pair{border-color:#ffffff22}.dark-site .site-controls .control-pair::before{background:#414147}.dark-site .site-controls .control-pair button,.dark-site .site-controls .control-pair button[aria-pressed=true]{color:#d0d0d5}
@media(max-width:700px){.header{padding-block:20px}.header>.site-controls{gap:14px 4px}}
/* Slightly slimmer active thumb with a little more definition. */
.site-controls .control-pair::before{top:4px;height:30px;background:#e5e5e3}.dark-site .site-controls .control-pair::before{background:#48484e}
/* Defaults align left; one final step down in track height and thumb brightness. */
.site-controls .control-pair{height:38px;padding:1px 2px}.site-controls .control-pair::before{top:3px;background:#d9d9d7}.dark-site .site-controls .control-pair::before{background:#434349}
/* Quiet text navigation and tactile switch motion. */
.hero-links .nav-triangle{display:none}.hero-links>.intro-nav{gap:28px}.hero-links .intro-nav a,.hero-links .intro-nav a:first-child{position:relative;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-weight:400;color:#454544;padding:7px 0!important;transition:color .2s,transform .2s}.hero-links .intro-nav a::after{display:block;content:'';position:absolute;left:0;right:0;top:auto;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .24s cubic-bezier(.2,.78,.25,1)}.hero-links .intro-nav a:hover,.hero-links .intro-nav a:focus-visible{color:#191918;transform:translateY(-1px)}.hero-links .intro-nav a:hover::after,.hero-links .intro-nav a:focus-visible::after{transform:scaleX(1)}.dark-site .hero-links .intro-nav a{color:#bdbdc4}.dark-site .hero-links .intro-nav a:hover{color:#e4e4e8}.site-controls .control-pair{transition:border-color .2s,box-shadow .2s}.site-controls .control-pair.thumb-glide::before{animation:thumb-stretch .44s cubic-bezier(.2,.78,.25,1)}@keyframes thumb-stretch{0%{scale:1 1}35%{scale:1.16 .9}72%{scale:.97 1.03}100%{scale:1 1}}@media(hover:hover) and (pointer:fine){.site-controls .control-pair:hover{border-color:#bdbdbd;box-shadow:0 2px 8px #20202007}.site-controls .control-pair:hover .choice-icon{transform:translateY(-1px)}.site-controls .control-pair:hover button[aria-pressed=true] .choice-icon{transform:scale(.75)}.dark-site .site-controls .control-pair:hover{border-color:#ffffff45}}
@media(prefers-reduced-motion:reduce){.site-controls .control-pair.thumb-glide::before{animation:none}.hero-links .intro-nav a,.hero-links .intro-nav a::after,.site-controls .control-pair{transition:none}.hero-links .intro-nav a:hover{transform:none}}
/* Slower elastic travel, consistent language lettering, and a small hover nudge. */
.site-controls .control-pair::before{transition:transform .72s cubic-bezier(.2,.85,.25,1)}.site-controls .control-pair.thumb-glide::before{animation-duration:.88s}.control-pair [data-language] .choice-icon,.control-pair [data-language] .choice-word{font-family:inherit;font-size:11px;font-weight:400;line-height:1;letter-spacing:0}.control-pair [data-language] .choice-word{transition:opacity .28s}.control-pair [data-language] .choice-icon{transition:opacity .28s;transform:none!important}.control-pair [data-language][aria-pressed=true] .choice-icon{transform:none!important}
@keyframes thumb-greet{0%,100%{translate:0 0;scale:1 1}32%{translate:3px 0;scale:1.045 .98}65%{translate:-1px 0;scale:.99 1.01}}
@media(hover:hover) and (pointer:fine){.site-controls .control-pair:hover:not(.thumb-glide)::before{animation:thumb-greet .62s cubic-bezier(.2,.78,.25,1)}}
@media(prefers-reduced-motion:reduce){.site-controls .control-pair::before{transition:none;animation:none!important}.control-pair [data-language] .choice-icon,.control-pair [data-language] .choice-word{transition:none}}
.control-pair [data-language] .choice-icon{width:62px;height:34px}.control-pair [data-language] .choice-word{min-width:62px;text-align:center}
/* Language selection gains emphasis without changing its centre or layout. */
.control-pair [data-language] .choice-word{font-size:13px;font-weight:600;line-height:1;transform:scale(.84615);transform-origin:center;transition:opacity .28s,transform .4s cubic-bezier(.2,.78,.25,1)}.control-pair [data-language][aria-pressed=true] .choice-word{transform:scale(1)}.control-pair [data-language] .choice-icon{font-size:11px;font-weight:400;line-height:1}
@media(prefers-reduced-motion:reduce){.control-pair [data-language] .choice-word{transition:none}}
/* The heading briefly echoes the thumb's hover gesture. */
.control-heading{transform-origin:center;--heading-rest:#777774;--heading-emphasis:#343432}.dark-site .control-heading{--heading-rest:#aaaab0;--heading-emphasis:#e0e0e5}
@keyframes heading-greet{0%,100%{color:var(--heading-rest);transform:scale(1)}40%{color:var(--heading-emphasis);transform:scale(1.045)}65%{color:var(--heading-emphasis);transform:scale(1.025)}}
@media(hover:hover) and (pointer:fine){.control-group:has(.control-pair:hover) .control-heading{animation:heading-greet .72s ease-in-out}}
.control-group:has(.control-pair:focus-visible) .control-heading,.control-group:has(button:focus-visible) .control-heading{color:var(--heading-emphasis)}
@media(prefers-reduced-motion:reduce){.control-group:has(.control-pair:hover) .control-heading{animation:none;color:var(--heading-emphasis)}}
/* Safari-safe wordmark: render its original alpha mask in light grey. */
.dark-site .header .brand :is(img,svg.motion-logo){filter:none!important}.dark-site .header .brand::after{content:'';position:absolute;inset:0;pointer-events:none;background:#d4d4d8;-webkit-mask:url('assets/logo-motion/spalvotas.svg') center/contain no-repeat;mask:url('assets/logo-motion/spalvotas.svg') center/contain no-repeat;clip-path:inset(0 0 0 28%);z-index:2}
/* Keep the header divider legible in both themes. */
.header{border-bottom:1px solid #d5d5d7!important}.dark-site .header{border-bottom:1px solid #505055!important}
/* Lift the masthead, enlarge the mark and balance the divider spacing. */
.header{padding-top:10px;padding-bottom:4px;min-height:0;align-items:center}.header>.brand{width:210px;flex-basis:210px;max-width:210px}.tagline{margin-top:20px!important;margin-bottom:0!important}.header>.site-controls{transform:translateY(5px)}
@media(max-width:700px){.header{padding-top:14px;padding-bottom:18px;gap:18px}.header>.brand{width:178px;flex-basis:178px;max-width:178px}.header>.site-controls{transform:none}.tagline{margin-top:18px!important}}
@media(min-width:701px){.tagline{margin-top:13px!important}}
/* Give the closing promise a little breathing room. */
.intro-copy .on-time{display:inline-block;margin-left:.17em;letter-spacing:.02em;white-space:nowrap}
/* Align the puzzle square's visible bottom with the switch tracks. */
@media(min-width:701px){.header>.brand{width:226px;flex-basis:226px;max-width:226px}.header>.site-controls{transform:translateY(2px)}}
@media(min-width:701px){.header>.site-controls{transform:none}}
/* Direct contacts lead the row; quieter navigation sits on the right. */
.hero-links .hero-contact{order:0;justify-content:flex-start;align-items:center;font-size:16px;gap:12px 26px;color:#252525}.hero-links .hero-contact a[href^="tel:"]{font-size:17px;font-weight:650}.hero-links .hero-contact a[href^="mailto:"]{font-weight:500}.hero-links>.intro-nav{order:1;gap:10px;margin-left:auto!important}.hero-links .intro-nav a,.hero-links .intro-nav a:first-child{border:1px solid #dedee0;border-radius:8px;padding:9px 14px!important;font-size:13px;color:#727274;min-height:36px}.hero-links .intro-nav a>span:last-child{font-size:13px}.hero-links .intro-nav a::after{display:none}.hero-links .intro-nav a:hover,.hero-links .intro-nav a:focus-visible{border-color:#b7b7bd;background:#f6f6f7;color:#343434}.dark-site .hero-links .hero-contact{color:#d5d5da}.dark-site .hero-links .intro-nav a{border-color:#ffffff25;color:#a8a8b0}.dark-site .hero-links .intro-nav a:hover,.dark-site .hero-links .intro-nav a:focus-visible{border-color:#ffffff42;background:#ffffff06;color:#dedee2}
@media(max-width:1100px){.hero-links .hero-contact{align-items:flex-start;gap:8px;font-size:15px}}
@media(max-width:700px){.hero-links .hero-contact{align-items:flex-start;font-size:15px}.hero-links .hero-contact a[href^="tel:"]{font-size:17px}.hero-links>.intro-nav{margin-left:0!important;gap:8px;flex-wrap:wrap}.hero-links .intro-nav a,.hero-links .intro-nav a:first-child{padding:9px 12px!important}}
/* The coloured SVG square ends at y=712 of its 960-unit canvas. */
@media(min-width:701px){.header{align-items:flex-end}.header>.site-controls{align-self:flex-end;margin-bottom:29.192px;transform:none}.header>.brand{aspect-ratio:2/1}.header>.brand :is(img,svg.motion-logo){height:100%!important;object-fit:contain}}
/* Email leads the contact stack; navigation uses only delicate underlines. */
.hero-links .hero-contact{flex-direction:column;align-items:flex-start;gap:7px}.hero-links .hero-contact a[href^="mailto:"]{order:0}.hero-links .hero-contact a[href^="tel:"]{order:1}.hero-links .intro-nav a,.hero-links .intro-nav a:first-child{border:0;border-bottom:1px solid #dcdcdc;border-radius:0;background:transparent;padding:7px 0!important;min-height:32px}.hero-links>.intro-nav{gap:25px}.hero-links .intro-nav a:hover,.hero-links .intro-nav a:focus-visible{background:transparent;border-bottom-color:#99999d}.dark-site .hero-links .intro-nav a{border-bottom-color:#ffffff28}.dark-site .hero-links .intro-nav a:hover,.dark-site .hero-links .intro-nav a:focus-visible{background:transparent;border-bottom-color:#ffffff65}
/* Unified first-screen typography: one family, a restrained functional scale. */
.header,.tagline,.intro,.discipline-band{font-family:var(--font,"DM Sans",Arial,sans-serif)}.header>.site-controls,.control-heading,.site-controls .control-pair button,.hero-links .intro-nav a{font-family:inherit}.tagline{font-size:18px!important;line-height:1.5!important;font-weight:400!important;letter-spacing:0!important;height:auto!important}.intro-main .intro-copy{font-size:18px!important;line-height:1.5!important;font-weight:400;letter-spacing:0;color:#454545}.intro-copy .on-time{font-weight:600}.hero-links .hero-contact a[href^="mailto:"]{font-size:18px;font-weight:500;letter-spacing:0}.hero-links .hero-contact a[href^="tel:"]{font-size:22px;font-weight:600;letter-spacing:0}.hero-links .intro-nav a,.hero-links .intro-nav a>span:last-child{font-size:14px;font-weight:400}.discipline-band .service-list dd{font-family:inherit;font-size:16px;line-height:1.5;font-weight:400;letter-spacing:0}.discipline-band .service-list dt{font-family:inherit;font-weight:600;letter-spacing:0}.control-heading{font-size:10px;font-weight:400;letter-spacing:.025em}.choice-word,.choice-icon{font-family:inherit;font-size:11px;font-weight:400}.dark-site .intro-main .intro-copy,.dark-site .tagline{color:#c2c2c7}
@media(max-width:700px){.tagline{font-size:15px!important;line-height:1.5!important}.intro-main .intro-copy{font-size:15px!important;line-height:1.5!important}.hero-links .hero-contact a[href^="mailto:"]{font-size:16px}.hero-links .hero-contact a[href^="tel:"]{font-size:20px}.discipline-band .service-list dd{font-size:15px;line-height:1.5}}
/* Fine vertical spacing adjustments. */
.tagline{position:relative;top:-4px}.hero-links .hero-contact{position:relative;top:6px}
/* A quiet live window into the portfolio below. */
.hero-preview{position:absolute;right:0;top:34px;width:35%;height:300px;overflow:hidden;isolation:isolate;opacity:.72;mask-image:linear-gradient(transparent,#000 14%,#000 84%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 14%,#000 84%,transparent);cursor:pointer}.hero-preview:focus-visible{outline:2px solid #9b9ba3;outline-offset:4px}.hero-preview-track{display:grid;grid-template-columns:1fr;gap:14px;will-change:transform;animation:portfolio-drift 110s linear infinite}.hero-preview img{display:block;width:100%;height:188px;object-fit:cover;border-radius:10px;filter:saturate(.38);opacity:.82;transition:height .65s cubic-bezier(.2,.78,.25,1),filter .4s,opacity .4s}.compact-projects .hero-preview-track{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;animation-duration:65s}.compact-projects .hero-preview img{height:88px;border-radius:7px}.hero-preview:hover .hero-preview-track,.hero-preview:focus-visible .hero-preview-track{animation-play-state:paused}.hero-preview:hover img{filter:saturate(.65);opacity:.94}.intro{position:relative}.hero-preview~.hero-links{position:relative;z-index:1}.dark-site .hero-preview{opacity:.62}@keyframes portfolio-drift{to{transform:translateY(-50%)}}
@media(min-width:1101px){.intro-main{max-width:64%}.intro h1{font-size:clamp(42px,4.4vw,70px)!important}}
@media(max-width:1100px){.hero-preview{width:33%;height:270px;top:40px}.intro-main{max-width:65%}.intro h1{font-size:clamp(36px,4.5vw,60px)!important}.hero-preview img{height:150px}.compact-projects .hero-preview-track{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-projects .hero-preview img{height:80px}}
@media(max-width:700px){.hero-preview{display:none}.intro-main{max-width:none}.intro h1{font-size:clamp(31px,7.8vw,42px)!important}}
@media(prefers-reduced-motion:reduce){.hero-preview-track{animation:none}.hero-preview img{transition:none}}
@media(hover:hover) and (pointer:fine){.drawing-scroll-window{overflow-y:hidden!important;overscroll-behavior:auto!important;cursor:default!important}.drawing-joystick{display:none!important}}
.hero-preview-track{animation-duration:420s}.compact-projects .hero-preview-track{animation-duration:180s}

/* Persistent controls and discipline navigation. */
.project-sticky-header .section-top{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:90px;height:auto;padding:14px 0}
.project-sticky-header .section-top>div:not(.site-controls){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.project-sticky-header .sticky-controls{margin:0;justify-content:flex-start;flex-wrap:nowrap;gap:12px}
.sticky-controls .control-heading{display:none}
.sticky-controls .control-pair{background:rgba(255,255,255,.16)!important}
.project-sticky-header .portfolio-logo{margin:0;width:180px;height:90px;object-fit:contain}
.clear-discipline{display:block;border:1px solid currentColor;border-radius:20px;background:transparent;color:inherit;font:inherit;font-size:12px;padding:7px 13px;margin:0 0 14px;cursor:pointer}
.clear-discipline[hidden],.project[hidden]{display:none!important}
.service-list>div{isolation:isolate}
.service-filter{position:absolute;inset:-8px -10px;border:1px solid transparent;border-radius:12px;background:transparent;cursor:pointer;color:#242426;transition:border-color .25s,background .25s}
.service-filter:hover,.service-filter:focus-visible{border-color:#24242655;background:#ffffff0c;outline:none}
.service-filter[aria-pressed=true]{border-color:#24242670}
.service-view{position:absolute;right:6px;bottom:-17px;padding:4px 9px;border-radius:6px;background:#242426;color:#fff;font:500 11px var(--font,Arial,sans-serif);opacity:0;transform:translateY(-3px);transition:opacity .2s,transform .2s;pointer-events:none}
.service-filter:hover .service-view,.service-filter:focus-visible .service-view{opacity:1;transform:translateY(0)}
@media(max-width:1100px){.service-list>div{position:relative}}
@media(max-width:700px){.project-sticky-header .section-top{min-height:52px;padding:9px 0;gap:0}.project-sticky-header .portfolio-logo{display:none}.project-sticky-header .sticky-controls{width:100%;gap:6px;justify-content:space-between}.sticky-controls .control-group{min-width:0}.sticky-controls .control-pair{width:calc((100vw - 52px)/3);max-width:138px}.sticky-controls .control-pair button{width:50%;padding-inline:0}.sticky-controls .control-pair::before{width:calc(50% - 6px)}.sticky-controls .control-pair:has(button:last-child[aria-pressed=true])::before{transform:translateX(calc((100vw - 52px)/6))}}
/* Company details retain the brand charcoal in either theme. */
body #kontaktai,body .contact-section{background:#29292c;color:#d9d9de}
body .contact-section :is(h2,.contact-person,.legal-details,.company-copy-card,.company-copy-card p,.company-copy-card a,.legal-company){color:#d9d9de}
body .contact-section .company-copy-card{background:#343438;border-color:#ffffff1c}
body .contact-section .legal-details p,body .contact-section .social-placeholders{border-color:#ffffff26}
body .contact-section :is(.eyebrow,.copy-records,.copy-records-status,.contact-person-icon){color:#aaaab2}
body .contact-section .save-contact{color:#c5a4f4}
body .contact-section .social-placeholders button{color:#aaaab2;border-color:#ffffff26}
.sticky-controls .control-group,.sticky-controls .control-group:nth-child(2),.sticky-controls .control-group:last-child{width:138px;flex:0 0 138px}
@media(max-width:700px){.sticky-controls .control-group,.sticky-controls .control-group:nth-child(2),.sticky-controls .control-group:last-child{width:calc((100% - 12px)/3);flex:0 0 calc((100% - 12px)/3)}.sticky-controls .control-pair{width:100%;max-width:none}.sticky-controls .control-pair button,.sticky-controls .control-pair button[aria-pressed=true]{flex:0 0 50%;width:50%}.sticky-controls .control-pair::before{width:calc(50% - 4px);left:3px}.sticky-controls .control-pair:has(button:last-child[aria-pressed=true])::before{left:3px;transform:translateX(calc((100vw - 52px)/6 - 1px))}.sticky-controls .control-pair [data-language] :is(.choice-word,.choice-icon){min-width:0;width:100%}.sticky-controls .choice-icon{left:50%!important;right:auto!important;translate:-50% 0}}

/* A single brand-colour invitation to share. */
.hero-links .intro-nav{align-items:center;flex-wrap:wrap}
.share-wrap{position:relative}
.share-site{display:inline-flex;align-items:center;gap:7px;border:1px solid #6420bd33;border-radius:18px;padding:7px 12px;background:#6420bd0b;color:#6420bd;font:500 14px var(--font,Arial,sans-serif);cursor:pointer;transition:background .2s,transform .2s}
.share-site svg{width:16px;height:16px}
.share-site:hover{background:#6420bd17;transform:translateY(-2px)}
.share-site:focus-visible{outline:2px solid #6420bd;outline-offset:3px}
.share-status{position:absolute;right:0;top:calc(100% + 7px);font-size:12px;white-space:nowrap;color:inherit}
.share-fallback{position:absolute;right:0;top:calc(100% + 28px);width:250px;padding:8px;background:#fff;color:#242426;border:1px solid #aaa;border-radius:6px;z-index:2}
.dark-site .share-site{color:#c5a4f4;border-color:#c5a4f455;background:#c5a4f40b}
.dark-site .share-site:hover{background:#c5a4f420}
@media(max-width:700px){.hero-links>.intro-nav{display:flex;gap:12px 20px;width:100%}.share-site{font-size:13px}.share-status{right:0}}
@media(prefers-reduced-motion:reduce){.share-site{transition:none}.share-site:hover{transform:none}}
/* Monochrome controls on the pinned portfolio banner. */
.project-sticky-header .sticky-controls .control-pair{background:transparent!important;border-color:rgba(36,36,38,.42);box-shadow:none}
.project-sticky-header .sticky-controls .control-pair::before{background:#242426}
.project-sticky-header .sticky-controls .control-pair button[aria-pressed=true]{color:#f4f4f4}
.project-sticky-header .sticky-controls .control-pair button[aria-pressed=false],.project-sticky-header .sticky-controls .choice-icon{color:#242426}
.dark-site .project-sticky-header .sticky-controls .control-pair{border-color:#ffffff40}
.dark-site .project-sticky-header .sticky-controls .control-pair::before{background:#171719}
.dark-site .project-sticky-header .sticky-controls .control-pair button[aria-pressed=false],.dark-site .project-sticky-header .sticky-controls .choice-icon{color:#c9c9ce}
/* Compact tiles always flow image first, title second. */
.compact-projects .project-grid .project{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;height:auto;min-width:0}
.compact-projects .project-grid .project-image{display:block;position:relative;flex:none;width:100%;height:auto!important;min-height:0!important;aspect-ratio:1;grid-area:auto;margin:0}
.compact-projects .project-grid .project h3{position:static;grid-area:auto;float:none;width:auto;height:auto;font-size:14px;line-height:1.35;letter-spacing:0;white-space:normal;overflow-wrap:anywhere;margin:10px 0 0;padding:0}
.compact-projects .project-grid .project-meta,.compact-projects .project-grid .project>p{display:none}

.service-view{white-space:nowrap}
/* Category selection follows the same monochrome pill language. */
.project-sticky-header .filters button{border:1px solid transparent;border-radius:999px;background:transparent;color:#343432;padding:8px 15px;font-weight:500;transition:background .2s,color .2s,border-color .2s}
.project-sticky-header .filters button[aria-pressed=true]{background:#242426;color:#f4f4f4;border-color:#242426}
.project-sticky-header .filters button[aria-pressed=true] span{color:#c3c3c7}
.project-sticky-header .filters button:hover:not([aria-pressed=true]){background:transparent;border-color:#24242655}
.dark-site .project-sticky-header .filters button{color:#c9c9ce}
.dark-site .project-sticky-header .filters button[aria-pressed=true]{background:#171719;border-color:#ffffff30;color:#f4f4f4}
.dark-site .project-sticky-header .filters button:hover:not([aria-pressed=true]){border-color:#ffffff40}
@media(max-width:700px){.project-sticky-header .filters button{padding:7px 10px}}
@media(prefers-reduced-motion:reduce){.project-sticky-header .filters button{transition:none}}
/* Rounded category feedback, without extra outlines. */
.project-sticky-header .filters button,.project-sticky-header .filters button:hover:not([aria-pressed=true]),.dark-site .project-sticky-header .filters button:hover:not([aria-pressed=true]){border-color:transparent}
.project-sticky-header .filters button{transition:background .28s,color .28s,transform .28s cubic-bezier(.2,.8,.25,1)}
@media(hover:hover) and (pointer:fine){.project-sticky-header .filters button:hover{animation:category-greet .65s cubic-bezier(.2,.8,.25,1)}.project-sticky-header .filters button:hover:not([aria-pressed=true]){background:#2424260c}.dark-site .project-sticky-header .filters button:hover:not([aria-pressed=true]){background:#ffffff09}}
@keyframes category-greet{0%,100%{transform:translateY(0) scale(1)}40%{transform:translateY(-2px) scale(1.025,.98)}70%{transform:translateY(0) scale(.995,1.01)}}
@media(prefers-reduced-motion:reduce){.project-sticky-header .filters button{animation:none!important;transition:none}}
/* Hover reveal: 0.95s, preserving the exit timing. */
@media(hover:hover) and (pointer:fine){.drawing-enabled .drawing-scroll-demo.is-open:not(.is-touch-input) .drawing-cover,.drawing-enabled .drawing-scroll-demo.is-open:not(.is-touch-input) .drawing-info{transition:opacity .95s ease}}
@media(prefers-reduced-motion:reduce){.drawing-enabled .drawing-scroll-demo.is-open:not(.is-touch-input) .drawing-cover,.drawing-enabled .drawing-scroll-demo.is-open:not(.is-touch-input) .drawing-info{transition:none!important}}
.hero-preview:hover .hero-preview-track{animation-play-state:running}
.hero-preview:hover img{filter:saturate(.38);opacity:.82}
.project-sticky-header .portfolio-logo,.contact-banner :is(img,svg.motion-logo){width:226px!important;height:113px!important;max-width:none;object-fit:contain}
body .contact-banner .wrap{position:relative;padding-bottom:20px}
body .contact-banner .wrap::after{content:'';display:block;height:1px;background:#ffffff29;position:absolute;bottom:0;left:0;right:0}
body .contact-section .company-copy-card .legal-company{color:#ededee!important;border-bottom:1px solid #ffcf3855;padding-bottom:16px}
body .contact-section .company-copy-card{background:#303033;border-color:#ffffff20;box-shadow:0 12px 36px #0000000a}
body .contact-section .save-contact{color:#c5a4f4!important}
@media(max-width:700px){.contact-banner :is(img,svg.motion-logo){width:178px!important;height:89px!important}}
/* Hero portfolio: a wider overview at both density settings. */
.hero-preview-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hero-preview img{height:126px}
.compact-projects .hero-preview-track{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.compact-projects .hero-preview img{height:68px}
@media(min-width:701px) and (max-width:1100px){.hero-preview-track{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-preview img{height:100px}.compact-projects .hero-preview-track{grid-template-columns:repeat(4,minmax(0,1fr))}.compact-projects .hero-preview img{height:52px}}

.share-status{white-space:pre-line;min-width:220px;line-height:1.5}

/* A taller field of independently fading portfolio tiles. */
.hero-preview{width:38%;mask-image:none;-webkit-mask-image:none}
.hero-preview-track{animation-duration:210s}
.compact-projects .hero-preview-track{grid-template-columns:repeat(5,minmax(0,1fr));animation-duration:90s}
.hero-preview img{transition:height .65s cubic-bezier(.2,.78,.25,1),filter .4s}
@media(min-width:701px) and (max-width:1100px){.hero-preview{width:36%}.compact-projects .hero-preview-track{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.hero-preview-track{animation:none}.hero-preview img{transition:none}}

/* A uniform edge fade and a measured, seamless repeat of the same rows. */
.hero-preview{mask-image:linear-gradient(transparent,#000 14%,#000 84%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 14%,#000 84%,transparent)}
.hero-preview-track{animation-name:portfolio-loop;animation-iteration-count:infinite;animation-timing-function:linear}
.hero-preview:hover .hero-preview-track,.hero-preview:focus-visible .hero-preview-track{animation-play-state:running}
@keyframes portfolio-loop{to{transform:translateY(calc(-1 * var(--portfolio-cycle,0px)))}}
/* Restore the four-column overview and its previous width. */
.hero-preview{width:35%}
.compact-projects .hero-preview-track{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(min-width:701px) and (max-width:1100px){.hero-preview{width:33%}.compact-projects .hero-preview-track{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Quiet independent breathing, with matching phases on the loop duplicates. */
.hero-preview img{animation:portfolio-breathe var(--tile-pulse-duration,9s) ease-in-out var(--tile-pulse-delay,0s) infinite}
@keyframes portfolio-breathe{0%,100%{opacity:.82;filter:saturate(.38) brightness(1)}43%{opacity:.73;filter:saturate(.38) brightness(.97)}76%{opacity:.85;filter:saturate(.38) brightness(1.02)}}
@media(prefers-reduced-motion:reduce){.hero-preview img{animation:none}}
/* Portfolio preview drift: 1.6× faster in both display modes. */
.hero-preview-track{animation-duration:131.25s}
.compact-projects .hero-preview-track{animation-duration:56.25s}

/* Short, staggered puzzle-like accents instead of slow breathing. */
.hero-preview-track{animation-duration:105s}
.compact-projects .hero-preview-track{animation-duration:45s}
.hero-preview img{animation-name:portfolio-click;animation-timing-function:linear}
@keyframes portfolio-click{
 0%,17%,30%,64%,77%,100%{opacity:.8;filter:saturate(.38) brightness(1)}
 19%,24%{opacity:.94;filter:saturate(.46) brightness(1.05)}
 26%,28%{opacity:.7;filter:saturate(.34) brightness(.98)}
 66%,71%{opacity:.91;filter:saturate(.44) brightness(1.04)}
 73%,75%{opacity:.74;filter:saturate(.36) brightness(.99)}
}
@media(prefers-reduced-motion:reduce){.hero-preview img,.hero-preview-track{animation:none}}

/* One brief accent per longer cycle; the click itself stays quick. */
@keyframes portfolio-click{
 0%,17%,22.625%,100%{opacity:.8;filter:saturate(.38) brightness(1);transform:scale(1);outline:1px solid transparent;outline-offset:-1px;box-shadow:none}
 17.75%,19.625%{opacity:.91;filter:saturate(.4) brightness(1.035);transform:scale(.968);outline:1px solid rgba(105,105,111,.82);outline-offset:-1px;box-shadow:0 1px 2px #00000012}
 20.375%,21.125%{opacity:.74;filter:saturate(.37) brightness(.995);transform:scale(.983);outline:1px solid rgba(105,105,111,.42);outline-offset:-1px;box-shadow:none}
}
/* Hover invites a switch first, then settles with a small elastic return. */
.site-controls .control-pair{--hint-step:8px;--hint-return:-1px}
.site-controls .control-pair:has(button:last-child[aria-pressed=true]){--hint-step:-8px;--hint-return:1px}
@keyframes thumb-invite{
 0%{translate:0 0;scale:1 1}
 35%,48%{translate:var(--hint-step) 0;scale:1 1}
 72%{translate:0 0;scale:1 1}
 83%{translate:var(--hint-return) 0;scale:1.025 .985}
 93%{translate:0 0;scale:.993 1.007}
 100%{translate:0 0;scale:1 1}
}
@keyframes heading-greet{0%,100%{color:var(--heading-rest)}40%,65%{color:var(--heading-emphasis)}}
@media(hover:hover) and (pointer:fine){
 .site-controls .control-pair:hover:not(.thumb-glide)::before{animation:thumb-invite 1.05s cubic-bezier(.22,.7,.3,1)}
 .control-group:has(.control-pair:hover) .control-heading{transform:none;animation:heading-greet 1.05s ease-in-out}
}
@media(prefers-reduced-motion:reduce){.site-controls .control-pair:hover:not(.thumb-glide)::before{animation:none}.control-group:has(.control-pair:hover) .control-heading{animation:none}}
/* Keep the selected label attached to the thumb during its hover invitation. */
@media(hover:hover) and (pointer:fine){
 .site-controls .control-pair:hover:not(.thumb-glide) button[aria-pressed=true] .choice-word{display:inline-block;animation:thumb-invite 1.05s cubic-bezier(.22,.7,.3,1)}
}
@media(prefers-reduced-motion:reduce){.site-controls .control-pair:hover:not(.thumb-glide) button[aria-pressed=true] .choice-word{animation:none}}

@media(hover:hover) and (pointer:fine){.hero-preview{transition:opacity .65s ease}.hero-preview:hover{opacity:.88}.dark-site .hero-preview:hover{opacity:.85}}
@media(prefers-reduced-motion:reduce){.hero-preview{transition:none}}
/* Dark portfolio keeps a yellow controls tier above the charcoal categories. */
.dark-site .project-sticky-header .section-top{position:relative;isolation:isolate;background:var(--yellow);color:#242426}
.dark-site .project-sticky-header .section-top::before{content:'';position:absolute;inset:-8px calc(-1 * max(20px,(100vw - 100%)/2)) 0;background:var(--yellow);z-index:-1;pointer-events:none}
.dark-site .project-sticky-header .section-top .portfolio-logo{filter:none}
.dark-site .project-sticky-header .sticky-controls .control-pair{background:transparent!important;border-color:rgba(36,36,38,.42)}
.dark-site .project-sticky-header .sticky-controls .control-pair::before{background:#242426}
.dark-site .project-sticky-header .sticky-controls .control-pair button[aria-pressed=true]{color:#f4f4f4}
.dark-site .project-sticky-header .sticky-controls .control-pair button[aria-pressed=false],.dark-site .project-sticky-header .sticky-controls .choice-icon{color:#242426}
.dark-site .project-sticky-header .filter-bar{background:#29292c;border-top-color:#ffffff28}

@media(hover:hover) and (pointer:fine){.hero-preview{transition:opacity 1.1s ease}.hero-preview:hover,.dark-site .hero-preview:hover{opacity:.95;transition-duration:.12s}}
@media(prefers-reduced-motion:reduce){.hero-preview{transition:none}}
/* Join the discipline band to the yellow pinned tier across the section gap. */
.dark-site .projects{position:relative}
.dark-site .projects::before{content:'';position:absolute;top:0;left:calc(-1 * max(20px,(100vw - 100%)/2));right:calc(-1 * max(20px,(100vw - 100%)/2));height:var(--portfolio-top-gap,40px);background:var(--yellow);pointer-events:none}

/* Full original colour on pointer reveal; preview drift another 1.2× faster. */
.hero-preview-track{animation-duration:87.5s}
.compact-projects .hero-preview-track{animation-duration:37.5s}
@media(hover:hover) and (pointer:fine){.hero-preview:hover,.dark-site .hero-preview:hover{opacity:1}}
/* Cinematic enquiry photograph belongs to the night theme. */
.dark-site .inquiry-section::before{background:linear-gradient(90deg,rgba(20,20,23,.4),rgba(20,20,23,.76) 57%,rgba(20,20,23,.91)),linear-gradient(0deg,rgba(20,20,23,.65),transparent 32%,rgba(20,20,23,.4)),url('assets/inquiry/engineer-speakerphone-approved.png') left center/cover no-repeat}
.dark-site .inquiry-section{background:transparent!important}
.dark-site .inquiry-form :is(input,textarea){background:rgba(38,38,42,.68);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
@media(max-width:700px){.dark-site .inquiry-section::before{background-position:38% center;background-image:linear-gradient(0deg,rgba(20,20,23,.92),rgba(20,20,23,.65)),url('assets/inquiry/engineer-speakerphone-approved.png')}}

/* Frame the photograph against the form, independently of viewport height. */
@media(min-width:701px){
 .dark-site .inquiry-section{background:#000!important}
 .dark-site .inquiry-section::before{background:linear-gradient(90deg,rgba(20,20,23,.4),rgba(20,20,23,.76) 57%,rgba(20,20,23,.91)),linear-gradient(0deg,rgba(20,20,23,.65),transparent 32%,rgba(20,20,23,.4))}
 .dark-site .inquiry-section::after{content:'';position:absolute;pointer-events:none;z-index:-2;left:var(--inquiry-photo-left,0px);top:var(--inquiry-photo-top,20px);width:var(--inquiry-photo-width,112%);height:var(--inquiry-photo-height,600px);background:linear-gradient(90deg,#000,transparent 4%,transparent 84%,#000),url('assets/inquiry/engineer-speakerphone-approved.png') left top/100% auto no-repeat;mask-image:linear-gradient(0deg,transparent,#000 12%,#000 92%,transparent);-webkit-mask-image:linear-gradient(0deg,transparent,#000 12%,#000 92%,transparent)}
}

/* A longer cinematic pause before the company details. */
@media(min-width:701px){.dark-site .inquiry-section{padding-bottom:180px}}
@media(max-width:700px){.dark-site .inquiry-section{padding-bottom:96px}}

@media(min-width:701px){
 .dark-site .inquiry-section::before{z-index:-2;background:#000}
 .dark-site .inquiry-section::after{z-index:-1;background-image:linear-gradient(90deg,rgba(20,20,23,.4),rgba(20,20,23,.76) 57%,rgba(20,20,23,.91)),linear-gradient(0deg,rgba(20,20,23,.65),transparent 32%,rgba(20,20,23,.4)),linear-gradient(90deg,#000,transparent 4%,transparent 84%,#000),url('assets/inquiry/engineer-speakerphone-approved.png');background-size:100% 100%,100% 100%,100% 100%,100% auto}
}

/* Quieter photograph and a continuous black ending. */
body #kontaktai,body .contact-section,body .site-footer{background:#000}
body #kontaktai{border:0}
body .contact-section .company-copy-card{background:#111113;border-color:#ffffff20}
.dark-site .inquiry-section{background:#000!important}
@media(min-width:701px){
 .dark-site .inquiry-section::after{opacity:.9;filter:saturate(.78) brightness(.98);background-image:radial-gradient(ellipse at 38% 48%,transparent 28%,rgba(0,0,0,.12) 66%,rgba(0,0,0,.45) 100%),linear-gradient(90deg,rgba(0,0,0,.42),rgba(0,0,0,.68) 57%,rgba(0,0,0,.88)),linear-gradient(0deg,rgba(0,0,0,.72),transparent 32%,rgba(0,0,0,.4)),linear-gradient(90deg,#000,transparent 4%,transparent 84%,#000),url('assets/inquiry/engineer-speakerphone-approved.png');background-size:100% 100%,100% 100%,100% 100%,100% 100%,100% auto}
}
@media(max-width:700px){
 .dark-site .inquiry-section::before{background-color:#000;background-image:linear-gradient(0deg,#000,rgba(0,0,0,.85) 16%,rgba(0,0,0,.68) 65%,rgba(0,0,0,.83)),url('assets/inquiry/engineer-speakerphone-approved.png');filter:saturate(.72)}
}
body .contact-section .social-placeholders button,.dark-site .inquiry-section .social-placeholders button{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.18);color:#bfc0c5;opacity:1;padding:13px 18px;min-height:46px;font-size:15px;border-radius:8px}

body.dark-site #kontaktai,body.dark-site .contact-section,body.dark-site .site-footer{background:#000}

body.dark-site #kontaktai{border:0}

/* The pointer reveals only the tile underneath, never the entire preview. */
.hero-preview,.hero-preview:hover,.dark-site .hero-preview,.dark-site .hero-preview:hover{opacity:1!important;transition:none!important;--tile-rest-opacity:.58}
.dark-site .hero-preview{--tile-rest-opacity:.5}
.hero-preview img,.hero-preview:hover img{opacity:var(--tile-rest-opacity);filter:saturate(.38)}
@keyframes portfolio-click{
 0%,17%,22.625%,100%{opacity:var(--tile-rest-opacity);filter:saturate(.38) brightness(1);transform:scale(1);outline:1px solid transparent;outline-offset:-1px;box-shadow:none}
 17.75%,19.625%{opacity:calc(var(--tile-rest-opacity) + .1);filter:saturate(.4) brightness(1.035);transform:scale(.968);outline:1px solid rgba(105,105,111,.82);outline-offset:-1px;box-shadow:0 1px 2px #00000012}
 20.375%,21.125%{opacity:calc(var(--tile-rest-opacity) - .04);filter:saturate(.37) brightness(.995);transform:scale(.983);outline:1px solid rgba(105,105,111,.42);outline-offset:-1px;box-shadow:none}
}
/* Adjacent yellow sections meet without an intervening spacer. */
.projects{padding-top:0!important}

/* Give the larger animated footer logo its full canvas and animation clearance. */
body .contact-banner>.wrap{height:auto;min-height:153px;padding-top:20px;padding-bottom:20px}
body .contact-banner a{width:226px;height:113px;overflow:visible;flex:none}
body .contact-banner :is(img,svg.motion-logo){transform:none;overflow:visible}
@media(max-width:700px){
 body .contact-banner>.wrap{min-height:125px;padding-top:18px;padding-bottom:18px}
 body .contact-banner a{width:178px;height:89px}
}

@media(min-width:701px){.intro{min-height:var(--first-screen-height,340px);align-content:stretch}}

@media(min-width:901px){
 .services-layout{height:190px!important}
 .service-list>div{top:30px}
 .service-list>div:nth-child(n+4){top:106px}
 .service-list dt{line-height:38px}
 .service-list dd{padding-top:0}
}

/* Three explicit theme choices, with Automatic as the initial preference. */
.site-controls .control-group.theme-group{width:264px;flex:0 0 264px}
.site-controls .theme-three{width:100%;gap:0;--hint-step:0px;--hint-return:0px}
.site-controls .theme-three button,.site-controls .theme-three button[aria-pressed=true]{flex:1 1 0;width:33.333%;min-width:0}
.site-controls .theme-three .choice-word{opacity:1;display:inline-block;font-size:11px;transform:none}
.site-controls .theme-three::before,.site-controls .theme-three:has(button:last-child[aria-pressed=true])::before{width:calc((100% - 6px)/3);left:3px;transform:translateX(calc(var(--theme-index,0)*100%))}
.site-controls .theme-three:hover:not(.thumb-glide)::before,.site-controls .theme-three:hover:not(.thumb-glide) button[aria-pressed=true] .choice-word{animation:none}
@media(max-width:700px){.project-sticky-header .sticky-controls{flex-wrap:wrap;justify-content:flex-start}.site-controls .control-group.theme-group{width:100%;flex-basis:100%}.site-controls .theme-three{max-width:100%}.sticky-controls .control-group:not(.theme-group){flex:1 1 0;width:auto}}
/* Project density uses visible labels for both choices. */
.site-controls [data-view-choice] .choice-icon{display:none!important}
.site-controls [data-view-choice] .choice-word{opacity:1;max-width:none;transform:none}
/* A gentle two-second change of palette, without a covering overlay. */
body.theme-fading,body.theme-fading :is(.header,.intro,.tagline,.yellow-surface,.discipline-band,.project-sticky-header,.project-sticky-header::before,.projects,.project h3,.project-meta,.project>p,.filter-bar,.result-count,.contact-banner,.contact-section,.company-copy-card,.legal-details,.legal-company,.contact-person,.eyebrow,.inquiry-section,.inquiry-section::before,.inquiry-form input,.inquiry-form textarea,.inquiry-form label,.inquiry-direct,.inquiry-privacy,.intro-copy,.intro h1,.intro h1 span,.hero-contact a,.intro-nav a,.control-heading,.control-pair,.control-pair button,.filters button,.save-contact,.copy-records,.company-copy-card p,.company-copy-card a){transition:background-color 2s ease,color 2s ease,border-color 2s ease,box-shadow 2s ease}
body.theme-fading .header .brand::after{transition:opacity 2s ease}
.header .brand::after{content:'';position:absolute;inset:0;pointer-events:none;background:#d4d4d8;-webkit-mask:url('assets/logo-motion/spalvotas.svg') center/contain no-repeat;mask:url('assets/logo-motion/spalvotas.svg') center/contain no-repeat;clip-path:inset(0 0 0 28%);z-index:2;opacity:0}
.dark-site .header .brand::after{opacity:1}
@media(prefers-reduced-motion:reduce){body.theme-fading,body.theme-fading *{transition:none!important}}

/* Mobile hero: the portfolio becomes a quiet moving backdrop. */
@media(max-width:700px){
 .intro{isolation:isolate;padding-top:90px!important}
 .intro-main{position:relative;z-index:1;min-height:360px;display:flex;flex-direction:column;justify-content:center;pointer-events:none}
 .intro-main .intro-copy{margin-top:42px}
 .hero-preview,.hero-preview:hover,.dark-site .hero-preview,.dark-site .hero-preview:hover{display:block;left:-8px;right:-8px;width:auto;z-index:-1;pointer-events:none;opacity:.24!important;mask-image:linear-gradient(transparent,#000 12%,#000 85%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 12%,#000 85%,transparent)}
 .dark-site .hero-preview{opacity:.2!important}
 .hero-preview-track{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hero-preview img{height:120px}
 .compact-projects .hero-preview-track{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
 .compact-projects .hero-preview img{height:76px}
 .intro h1,.intro-main .intro-copy{text-shadow:0 1px 10px #ffffffdd,0 0 22px #ffffffbb}
 .dark-site .intro h1,.dark-site .intro-main .intro-copy{text-shadow:0 1px 10px #242426ee,0 0 22px #242426cc}
 .hero-links{margin-top:30px!important}
}
/* Shorten the mobile portfolio backdrop by roughly one compact tile row. */
@media(max-width:700px){.intro{padding-top:66px!important}.intro-main{min-height:300px}}
/* Mobile accents regain a little colour without competing with the copy. */
@media(max-width:700px){
 .hero-preview,.hero-preview:hover,.dark-site .hero-preview,.dark-site .hero-preview:hover{opacity:.29!important}
 .hero-preview img{animation-name:portfolio-mobile-click}
}
@keyframes portfolio-mobile-click{
 0%,17%,22.625%,100%{opacity:var(--tile-rest-opacity);filter:saturate(.62) brightness(1);transform:scale(1);outline:1px solid transparent;outline-offset:-1px}
 17.75%,19.625%{opacity:.96;filter:saturate(1.05) brightness(1.045);transform:scale(.96);outline:1px solid #a0a0a8b8;outline-offset:-1px}
 20.375%,21.125%{opacity:calc(var(--tile-rest-opacity) + .06);filter:saturate(.75) brightness(1.01);transform:scale(.985);outline:1px solid #a0a0a84d;outline-offset:-1px}
}
@media(prefers-reduced-motion:reduce){.hero-preview img{animation:none}}
/* Mobile: twice the event frequency and emphasis, twice the settling time. */
@media(max-width:700px){
 .hero-preview,.hero-preview:hover,.dark-site .hero-preview,.dark-site .hero-preview:hover{opacity:.58!important;--mobile-rest:calc(var(--tile-rest-opacity) / 2)}
 .hero-preview img{animation-duration:calc(var(--tile-pulse-duration,10s) / 2)}
}
@keyframes portfolio-mobile-click{
 0%,17%,35.75%,100%{opacity:var(--mobile-rest);filter:saturate(.62) brightness(1);transform:scale(1);outline:1px solid transparent;outline-offset:-1px}
 18.5%,22.25%{opacity:calc(.96 - var(--mobile-rest));filter:saturate(1.48) brightness(1.09);transform:scale(.96);outline:1px solid #a0a0a8b8;outline-offset:-1px}
 25.25%,26.75%{opacity:calc(var(--mobile-rest) + .06);filter:saturate(.88) brightness(1.02);transform:scale(.985);outline:1px solid #a0a0a84d;outline-offset:-1px}
}
@media(prefers-reduced-motion:reduce){.hero-preview img{animation:none}}
/* Narrow headers keep all settings in one compact stack beside the logo. */
@media(max-width:1100px){
 .header{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between;height:auto!important;min-height:0!important;padding:16px 0!important;gap:14px!important}
 .header>.brand{position:relative!important;inset:auto!important;width:178px!important;max-width:178px!important;flex:0 1 178px!important;aspect-ratio:2/1}
 .header>.site-controls{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:8px!important;width:230px!important;flex:0 0 230px!important;margin:0!important;transform:none!important}
 .header .site-controls .control-group,.header .site-controls .control-group.theme-group{width:100%!important;flex:0 0 auto!important}
 .header .control-heading{margin:0 0 3px;font-size:9px}
 .header .control-pair{width:100%;height:32px}
 .header .control-pair button,.header .control-pair button[aria-pressed=true]{height:26px}
 .header .control-pair::before{height:24px;top:3px}
 .header .control-pair:not(.theme-three) button{flex:0 0 50%;width:50%}
 .header .control-pair:not(.theme-three)::before{width:calc(50% - 4px)}
 .header .control-pair:not(.theme-three):has(button:last-child[aria-pressed=true])::before{left:3px;transform:translateX(calc(100% + 2px))}
 .header .control-pair [data-language] :is(.choice-word,.choice-icon){width:100%;min-width:0}
}
@media(max-width:540px){
 .header{gap:10px!important;padding:12px 0!important}
 .header>.brand{width:clamp(96px,29vw,150px)!important;max-width:150px!important;flex-basis:29vw!important}
 .header>.site-controls{width:clamp(174px,51vw,230px)!important;flex-basis:clamp(174px,51vw,230px)!important}
 .header .theme-three .choice-word{font-size:9px}
 .header .control-heading{font-size:8px}
}
/* Tablet and phone: theme above two small icon/language controls. */
@media(max-width:1100px){
 .header>.site-controls{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}
 .header .theme-group{grid-column:1/-1}
 .header .control-group:not(.theme-group) .control-heading{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .header [data-view-choice] .choice-word{display:none!important}
 .header [data-view-choice] .choice-icon,.header [data-view-choice][aria-pressed=true] .choice-icon{display:flex!important;opacity:1!important;position:static!important;width:100%;height:26px;background:none;transform:none!important;translate:none!important}
 .header [data-view-choice] .choice-icon svg{width:16px;height:16px}
 .header .control-pair [data-language] .choice-icon{height:26px}
 .header .control-pair [data-language] .choice-word{font-size:11px}
 .header .control-pair:not(.theme-three){min-width:0}
}
/* Keep the full logo size instead of shrinking it with the viewport. */
@media(max-width:1100px){
 .header>.brand{width:226px!important;max-width:226px!important;min-width:226px!important;flex:0 0 226px!important}
}
@media(max-width:460px){
 .header{flex-wrap:wrap!important;row-gap:8px!important}
 .header>.site-controls{margin-left:auto!important}
}
@media(max-width:700px){.hero-links .intro-nav .share-wrap{margin-left:auto}}
/* Six disciplines in a compact mobile two-column overview. */
@media(max-width:700px){
 .discipline-band .services-layout{height:auto;padding:22px 0}
 .discipline-band .service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}
 .discipline-band .service-list>div{position:relative;inset:auto;display:grid;grid-template-columns:35px minmax(0,1fr);gap:8px;min-height:0;align-items:start}
 .discipline-band .service-list dt{font-size:21px;line-height:1.3;text-align:left;padding:0}
 .discipline-band .service-list dd{font-size:11px;line-height:1.4;padding:0;margin:0;overflow-wrap:normal}
 .discipline-band .service-list dd br{display:none}
 .discipline-band .service-filter{inset:-5px}
 .discipline-band .service-view{white-space:normal;max-width:170px;z-index:2}
}

/* End the opening mobile screen at the discipline band, before project controls. */
@media(max-width:700px){
 .intro{min-height:var(--first-screen-height,340px);box-sizing:border-box}
 .project-sticky-header .sticky-controls{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;width:230px;max-width:100%;margin-left:auto}
 .sticky-controls .control-group.theme-group{grid-column:1/-1;width:100%;flex-basis:auto}
 .sticky-controls .control-group:not(.theme-group){width:100%;min-width:0}
 .sticky-controls .control-pair{width:100%;height:32px}
 .sticky-controls .control-pair button,.sticky-controls .control-pair button[aria-pressed=true]{height:26px}
 .sticky-controls .control-pair::before{height:24px;top:3px}
 .sticky-controls .control-pair:not(.theme-three)::before{width:calc(50% - 4px)}
 .sticky-controls .control-pair:not(.theme-three):has(button:last-child[aria-pressed=true])::before{left:3px;transform:translateX(calc(100% + 2px))}
 .sticky-controls [data-view-choice] .choice-word{display:none!important}
 .sticky-controls [data-view-choice] .choice-icon,.sticky-controls [data-view-choice][aria-pressed=true] .choice-icon{display:flex!important;opacity:1!important;position:static!important;width:100%;height:26px;background:none;transform:none!important;translate:none!important}
 .sticky-controls [data-view-choice] .choice-icon svg{width:16px;height:16px}
 .sticky-controls .control-pair [data-language] .choice-icon{height:26px}
 .sticky-controls .control-pair [data-language] .choice-word{font-size:11px}
}
/* Explicit selected colours also apply to SVG icons on the pinned controls. */
.project-sticky-header .sticky-controls .control-pair button[aria-pressed=true],
.project-sticky-header .sticky-controls .control-pair button[aria-pressed=true] :is(.choice-word,.choice-icon){color:#f4f4f4!important}
.project-sticky-header .sticky-controls .control-pair button{z-index:1}
@media(max-width:700px){
 .project-sticky-header .section-top{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:10px}
 .project-sticky-header .sticky-controls{width:clamp(174px,51vw,210px);flex:0 0 clamp(174px,51vw,210px);margin:0!important}
 .project-sticky-header .portfolio-logo{display:block!important;width:clamp(90px,32vw,150px)!important;height:auto!important;aspect-ratio:2/1;min-width:0;flex:0 1 auto;overflow:visible}
 .sticky-controls .theme-three .choice-word{font-size:9px}
 .sticky-controls .control-pair.theme-three button,.sticky-controls .control-pair.theme-three button[aria-pressed=true]{flex:1 1 0;width:33.333%}
}
/* Consistent mobile discipline typography and explicit word-safe line breaks. */
@media(max-width:700px){
 .discipline-band .service-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 14px}
 .discipline-band .service-list>div{grid-template-columns:40px minmax(0,1fr);column-gap:9px;align-items:start;min-height:34px}
 .discipline-band .service-list dt{font-family:var(--font,"DM Sans",Arial,sans-serif);font-size:20px!important;font-weight:600;line-height:1.4;letter-spacing:0;padding:0;text-align:left}
 .discipline-band .service-list dd{font-family:var(--font,"DM Sans",Arial,sans-serif);font-size:11px!important;font-weight:400;line-height:1.45;letter-spacing:0;padding:2px 0 0;margin:0;word-break:normal;overflow-wrap:normal}
 .discipline-band .service-list dd br{display:block}
 .intro-copy br{display:block}
}
/* Equal-sized discipline badges keep short and long abbreviations balanced. */
@media(max-width:700px){
 .discipline-band .service-list>div{grid-template-columns:44px minmax(0,1fr);column-gap:10px;align-items:center;min-height:38px}
 .discipline-band .service-list dt{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:44px;height:34px;border:1px solid rgba(36,36,38,.22);border-radius:6px;background:rgba(255,255,255,.12);font-size:17px!important;line-height:1;font-weight:600;text-align:center}
 .discipline-band .service-list dd{padding:0}
}

@media(hover:none),(pointer:coarse){.drawing-enabled .drawing-scroll-window,.drawing-enabled .drawing-scroll-demo.is-touch-input .drawing-scroll-window{overflow-y:hidden!important;overscroll-behavior:auto!important;touch-action:pan-y pinch-zoom!important}.drawing-joystick{display:none!important}}
/* Expanded project metadata: disciplines/date left, category right. */
body:not(.compact-projects) .project-grid .project-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:start;column-gap:14px;row-gap:4px;margin:12px 0 8px;line-height:1.4}
.project-meta .project-parts{grid-column:1;grid-row:1;font-size:11px!important}
.project-meta .project-date{grid-column:1;grid-row:2;font-size:11px;color:var(--muted,#707074)}
.project-meta .project-category{grid-column:2;grid-row:1 / 3;text-align:right;font-size:11px}
.dark-site .project-meta .project-date{color:#a9a9b0}
@media(max-width:700px){body:not(.compact-projects) .project-grid .project-meta{column-gap:10px}.project-meta .project-category{max-width:105px}}

/* A centred frosted project summary over the moving drawings. */
.drawing-enabled .drawing-scroll-demo .drawing-info.drawing-summary{position:absolute;inset:auto!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:13px;width:80%;max-width:390px;height:auto!important;max-height:92%;box-sizing:border-box;padding:20px 22px;border:1px solid #ffffffa6;border-radius:14px;background:rgba(244,244,241,.77);backdrop-filter:blur(18px) saturate(.55);-webkit-backdrop-filter:blur(18px) saturate(.55);box-shadow:0 6px 24px #00000017;color:#242426;text-align:left;white-space:normal}
.drawing-summary-title{font-size:18px;line-height:1.25;font-weight:600}
.drawing-summary-row{display:flex;flex-direction:column;gap:3px;font-size:14px;line-height:1.4}
.drawing-summary-label{font-size:11px;letter-spacing:.02em;color:#636368}
.drawing-summary .project-caption-parts,.drawing-summary .project-caption-left{font-size:14px;text-align:left;white-space:normal}
@media(max-width:700px){.drawing-enabled .drawing-scroll-demo .drawing-info.drawing-summary{padding:14px 16px;gap:9px;width:84%}.drawing-summary-title{font-size:16px}.drawing-summary-row,.drawing-summary .project-caption-parts,.drawing-summary .project-caption-left{font-size:12px}.drawing-summary-label{font-size:10px}}
/* Smaller, clearer frosted summary with a compact label/value layout. */
.drawing-enabled .drawing-scroll-demo .drawing-info.drawing-summary{transform:translate(-50%,-50%) scale(.9);transform-origin:center;background:rgba(245,245,243,.5);backdrop-filter:blur(28px) saturate(.45);-webkit-backdrop-filter:blur(28px) saturate(.45);border-color:#ffffffa0;box-shadow:0 5px 22px #00000012,inset 0 1px 0 #ffffff80;gap:12px;padding:18px 20px}
.drawing-summary-title{font-size:17px;line-height:1.3;padding-bottom:10px;border-bottom:1px solid #24242618}
.drawing-summary-row{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;align-items:baseline}
.drawing-summary-label{font-size:10px;line-height:1.4;letter-spacing:0;color:#66666b}
.drawing-summary .project-caption-parts,.drawing-summary .project-caption-left{font-size:13px;line-height:1.4;text-align:right;font-weight:500}
.drawing-enabled .project-image.drawing-scroll-demo{border-radius:14px!important;overflow:hidden!important;isolation:isolate}
.drawing-enabled .drawing-scroll-window{border-radius:10px;overflow:hidden!important;clip-path:inset(0 round 10px)}
.drawing-enabled .drawing-cover{border-radius:10px}
@media(max-width:700px){.drawing-enabled .drawing-scroll-demo .drawing-info.drawing-summary{padding:14px 16px;gap:9px}.drawing-summary-title{font-size:16px}.drawing-summary-row{grid-template-columns:80px minmax(0,1fr);gap:10px}.drawing-summary .project-caption-parts,.drawing-summary .project-caption-left{font-size:12px}}

/* Repeated controls and logo appear only after the project bar pins. */
.sticky-reveal-marker{height:0;pointer-events:none}
.project-sticky-header .section-top{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s}
.project-sticky-header.is-pinned-visible .section-top{opacity:1;visibility:visible;pointer-events:auto}
@media(prefers-reduced-motion:reduce){.project-sticky-header .section-top{transition:none}}

/* Contextual navigation while browsing the portfolio. */
.portfolio-bottom-nav{position:fixed;z-index:40;bottom:0;left:0;right:0;background:#ffcf38;color:#242426;border-top:1px solid #24242620;padding:10px max(20px,calc((100vw - 1320px)/2)) calc(10px + env(safe-area-inset-bottom));box-shadow:0 -5px 24px #0000000a;visibility:hidden;opacity:0;transform:translateY(100%);transition:opacity .22s,transform .22s,visibility .22s}
.portfolio-bottom-nav.is-visible{visibility:visible;opacity:1;transform:translateY(0)}
.bottom-nav-links{display:flex;align-items:center;justify-content:center;gap:28px}
.portfolio-bottom-nav a,.portfolio-bottom-nav button{color:#242426;font:500 13px var(--font,Arial,sans-serif);text-decoration:none;background:transparent;border:0;padding:10px 4px;cursor:pointer;white-space:nowrap}
.portfolio-bottom-nav .parts-toggle{border:1px solid #24242650;border-radius:24px;padding:9px 15px}
.portfolio-bottom-nav a:hover{text-decoration:underline;text-underline-offset:5px}
.portfolio-bottom-nav :is(a,button):focus-visible{outline:2px solid #6420bd;outline-offset:2px}
.bottom-parts{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);display:flex;gap:5px;flex-wrap:wrap;justify-content:center;width:max-content;max-width:calc(100vw - 24px);padding:9px;background:#ffcf38;border:1px solid #24242630;border-radius:16px;box-shadow:0 5px 20px #00000018}
.bottom-parts[hidden]{display:none}
.bottom-parts button{padding:9px 13px;border-radius:20px}
.bottom-parts button[aria-pressed=true]{background:#242426;color:#fff}
@media(max-width:700px){.bottom-nav-links{justify-content:space-between;gap:4px}.portfolio-bottom-nav{padding-inline:12px}.portfolio-bottom-nav a,.portfolio-bottom-nav button{font-size:11px}.portfolio-bottom-nav .parts-toggle{padding:10px}.bottom-nav-links a{padding-block:13px}}
@media(prefers-reduced-motion:reduce){.portfolio-bottom-nav{transition:none}}
/* Mobile light theme: graphite portfolio hero between white header and contacts. */
@media(max-width:700px){
 body:not(.dark-site) .tagline{position:relative;isolation:isolate;color:#d1d1d6!important;margin-top:0!important;top:0;padding-top:16px;padding-bottom:8px}
 body:not(.dark-site) .tagline::before{content:'';position:absolute;inset:0 calc(-1 * max(20px,(100vw - 100%)/2));background:#242426;z-index:-1}
 body:not(.dark-site) .intro::before{content:'';position:absolute;inset:0 calc(-1 * max(20px,(100vw - 100%)/2));background:#242426;z-index:-2}
 body:not(.dark-site) .intro{padding-bottom:0!important}
 body:not(.dark-site) .intro h1{color:#f1f1f3}
 body:not(.dark-site) .intro h1 span,body:not(.dark-site) .intro-main .intro-copy{color:#c2c2c7}
 body:not(.dark-site) .intro h1,body:not(.dark-site) .intro-main .intro-copy{text-shadow:0 1px 10px #242426ee,0 0 22px #242426cc}
 body:not(.dark-site) .hero-preview{--tile-rest-opacity:.5}
 body:not(.dark-site) .hero-links{isolation:isolate;border-top:0;padding-top:24px!important;padding-bottom:28px!important;color:#242426}
 body:not(.dark-site) .hero-links::before{content:'';position:absolute;inset:0 calc(-1 * max(20px,(100vw - 100%)/2));background:#fff;z-index:-1}
 body:not(.dark-site) .hero-contact a{color:#242426}
}
/* Softer graphite and clearer imagery within the mobile light theme. */
@media(max-width:700px){
 body:not(.dark-site) .tagline::before,body:not(.dark-site) .intro::before{background:#39393c}
 body:not(.dark-site) .hero-preview,body:not(.dark-site) .hero-preview:hover{opacity:.68!important;--tile-rest-opacity:.62;--mobile-rest:.31}
 body:not(.dark-site) .intro h1,body:not(.dark-site) .intro-main .intro-copy{text-shadow:0 1px 10px #39393cee,0 0 22px #39393ccc}
 body:not(.dark-site) .intro h1 span,body:not(.dark-site) .intro-main .intro-copy,body:not(.dark-site) .tagline{color:#dedee2!important}
}

@media(max-width:700px){body:not(.dark-site) .intro::before{background:linear-gradient(to bottom,#39393c 0 var(--contact-zone-top,70%),#fff var(--contact-zone-top,70%) 100%)}}

/* Frosted project summary: paired information and restrained signature. */
.drawing-enabled .drawing-scroll-demo .drawing-info.drawing-summary{background:rgba(245,245,243,.26);gap:13px}
.drawing-summary-details{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.drawing-summary-details .drawing-summary-row{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.drawing-summary-details .drawing-summary-row:last-child{align-items:flex-end;text-align:right}
.drawing-summary-details .project-caption-parts{text-align:left}
.drawing-summary-details .project-caption-left{text-align:right}
.drawing-summary-logo{display:block;align-self:flex-start;width:116px;height:42px;background:#343436;-webkit-mask:url('assets/logo-motion/juodas.svg') center/contain no-repeat;mask:url('assets/logo-motion/juodas.svg') center/contain no-repeat;margin-top:2px}
@media(max-width:700px){.drawing-summary-details{gap:12px}.drawing-summary-logo{width:104px;height:38px}}

/* Project stage and date share the summary heading. */
.drawing-summary-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:10px;border-bottom:1px solid #24242618}
.drawing-summary-heading .drawing-summary-title{padding:0;border:0;flex:1;min-width:0}
.drawing-summary-heading .drawing-summary-date{flex:0 1 45%;font-size:12px;line-height:1.4;text-align:right;font-weight:500}
.drawing-summary-details{grid-template-columns:1fr}
.drawing-summary-details .drawing-summary-row:last-child{align-items:flex-start;text-align:left}
@media(max-width:700px){.drawing-summary-heading{gap:12px}.drawing-summary-heading .drawing-summary-date{font-size:11px}}

/* Bottom navigation: links left, discipline filter right. */
.bottom-nav-links{justify-content:flex-start}
.bottom-nav-links .parts-toggle{margin-left:auto}
.bottom-parts{left:auto;right:max(20px,calc((100vw - 1320px)/2));transform:none}
body:not(.dark-site) .portfolio-bottom-nav{background:#242426;color:#f1f1f3;border-top-color:#ffffff20}
body:not(.dark-site) .portfolio-bottom-nav :is(a,button){color:#f1f1f3}
body:not(.dark-site) .portfolio-bottom-nav .parts-toggle{border-color:#ffffff50}
body:not(.dark-site) .bottom-parts{background:#242426;border-color:#ffffff30}
body:not(.dark-site) .bottom-parts button[aria-pressed=true]{background:#ffcf38;color:#242426}
@media(max-width:700px){.bottom-nav-links{justify-content:flex-start;gap:10px}.bottom-parts{right:12px}}

/* Align project disciplines and muted brand signature on the lower row. */
.drawing-enabled .drawing-scroll-demo .drawing-info.drawing-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 16px}
.drawing-summary-heading{grid-column:1/-1}
.drawing-summary-heading .drawing-summary-title{font-size:18px;font-weight:650}
.drawing-summary-heading .drawing-summary-date{font-size:13px;font-weight:600}
.drawing-summary-details{align-self:center}
.drawing-summary-details .project-caption-parts{font-size:15px;font-weight:600;line-height:1.5}
.drawing-summary-logo{align-self:center;width:128px;height:46px;background:#66666b;opacity:.72;margin:0}
@media(max-width:700px){.drawing-enabled .drawing-scroll-demo .drawing-info.drawing-summary{gap:14px 12px}.drawing-summary-heading .drawing-summary-title{font-size:17px}.drawing-summary-heading .drawing-summary-date{font-size:12px}.drawing-summary-details .project-caption-parts{font-size:14px}.drawing-summary-logo{width:112px;height:40px}}

/* More transparent fill with stronger frosted-glass diffusion. */
.drawing-enabled .drawing-scroll-demo .drawing-info.drawing-summary{background:rgba(245,245,243,.13);backdrop-filter:blur(40px) saturate(.65);-webkit-backdrop-filter:blur(40px) saturate(.65);border-color:rgba(255,255,255,.58);box-shadow:0 5px 22px #00000010,inset 0 1px 0 #ffffff80,inset 0 -1px 0 #ffffff20}

/* Immediately available discipline filters beside the navigation. */
.portfolio-bottom-nav{display:flex;align-items:center;justify-content:space-between;gap:16px}
.portfolio-bottom-nav .bottom-parts{position:static;transform:none;width:auto;max-width:none;margin-left:auto;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;flex-wrap:nowrap;gap:4px}
@media(max-width:700px){.portfolio-bottom-nav{flex-wrap:wrap;gap:6px}.portfolio-bottom-nav .bottom-parts{margin-left:auto;gap:3px}.portfolio-bottom-nav .bottom-parts button{padding:8px 10px}.portfolio-bottom-nav .bottom-nav-links{gap:16px}}

.compact-press-hint{display:none;position:absolute;right:12px;bottom:12px;width:36px;height:36px;z-index:8;pointer-events:none;filter:drop-shadow(0 2px 4px #0009)}
.compact-press-hint svg{width:100%;height:100%;overflow:visible}
.compact-projects .compact-press-hint{display:block;opacity:.8}
.compact-projects .press-hint-visible .compact-press-hint{animation:compact-press-click 6s ease-in-out var(--press-delay) infinite}

@keyframes compact-press-click{0%,38%,100%{opacity:.25;transform:translateY(2px) scale(.94)}45%,64%{opacity:1;transform:translateY(0) scale(1)}50%,57%{opacity:1;transform:translateY(3px) scale(.86)}60%{transform:translateY(-1px) scale(1.04)}}
@media(max-width:700px){.compact-press-hint{width:30px;height:30px;right:9px;bottom:9px}}
@media(prefers-reduced-motion:reduce){.compact-projects .press-hint-visible .compact-press-hint{animation:none;opacity:.85}}

/* Separate, initially open discipline toolbar above the navigation. */
.portfolio-bottom-nav{display:block;background:#242426;color:#f1f1f3;border-top-color:#ffffff20}
.portfolio-bottom-nav :is(a,button){color:#f1f1f3}
.portfolio-bottom-nav .parts-toggle{border-color:#ffffff50;margin-left:auto}
.portfolio-bottom-nav .parts-toggle[aria-expanded=true]{background:#ffffff12}
.portfolio-bottom-nav .bottom-parts{position:absolute;bottom:calc(100% + 8px);right:max(20px,calc((100vw - 1320px)/2));left:auto;transform:none;width:max-content;max-width:calc(100vw - 24px);padding:9px;border:1px solid #ffffff30;border-radius:16px;box-shadow:0 5px 20px #00000025;background:#242426;gap:5px;flex-wrap:wrap}
.portfolio-bottom-nav .bottom-parts[hidden]{display:none}
.portfolio-bottom-nav .bottom-parts button[aria-pressed=true]{background:#ffcf38;color:#242426}
@media(max-width:700px){.portfolio-bottom-nav .bottom-parts{right:12px;gap:3px}.portfolio-bottom-nav .bottom-nav-links{gap:10px}}

/* Compact cards retain the same drawing reveal in a square viewport. */
.compact-projects .project-image{cursor:default}
.compact-projects .drawing-scroll-track{width:100%}
.compact-projects .drawing-scroll-group{width:88%;margin-inline:auto}
.compact-projects .drawing-enabled .drawing-scroll-demo .drawing-info.drawing-summary{width:94%;padding:10px;gap:10px 6px;border-radius:10px}
.compact-projects .drawing-summary-heading{gap:6px;padding-bottom:6px;flex-wrap:wrap}
.compact-projects .drawing-summary-heading .drawing-summary-title{font-size:12px;flex-basis:100%}
.compact-projects .drawing-summary-heading .drawing-summary-date{font-size:10px;flex-basis:100%;text-align:left}
.compact-projects .drawing-summary-label{font-size:9px}
.compact-projects .drawing-summary-details .project-caption-parts{font-size:10px}
.compact-projects .drawing-summary-logo{width:62px;height:26px}

/* Smaller, clearer glass summary only in compact project view. */
.compact-projects .drawing-enabled .drawing-scroll-demo .drawing-info.drawing-summary{width:76%;max-width:220px;padding:8px 9px;grid-template-columns:minmax(0,1fr);gap:7px;background:rgba(245,245,243,.06);backdrop-filter:blur(12px) saturate(.85);-webkit-backdrop-filter:blur(12px) saturate(.85);border-color:#ffffff60;box-shadow:0 3px 12px #0000000c,inset 0 1px 0 #ffffff60}
.compact-projects .drawing-summary-logo{display:none}
.compact-projects .drawing-summary-heading{gap:3px;padding-bottom:5px}
.compact-projects .drawing-summary-heading .drawing-summary-title{font-size:11px;line-height:1.25}
.compact-projects .drawing-summary-heading .drawing-summary-date{font-size:9px;line-height:1.3}
.compact-projects .drawing-summary-details .drawing-summary-row{gap:2px}
.compact-projects .drawing-summary-label{font-size:8px;line-height:1.3}
.compact-projects .drawing-summary-details .project-caption-parts{font-size:10px;line-height:1.3}

.compact-projects .project-image,.compact-projects .project-image .drawing-scroll-window{cursor:pointer}
.compact-projects .project-image:focus-within{outline:2px solid #8b63c5;outline-offset:3px}

/* Consistent one-second return after mouse or touch preview. */
@media(prefers-reduced-motion:no-preference){
.drawing-enabled .drawing-scroll-demo:not(.is-open) .drawing-cover,
.drawing-enabled .drawing-scroll-demo:not(.is-open) .drawing-info{transition:opacity 1s ease!important}
}

/* Compact summaries use stage codes and wrapping discipline abbreviations. */
.compact-projects .drawing-summary-label{display:none}
.compact-projects .drawing-summary-heading .drawing-summary-title[data-compact-title]{font-size:0}
.compact-projects .drawing-summary-title[data-compact-title]::after{content:attr(data-compact-title);font-size:12px;font-weight:650;line-height:1.25}
.compact-projects .drawing-summary-details,.compact-projects .drawing-summary-details .drawing-summary-row{min-width:0;width:100%}
.compact-projects .drawing-summary-details .project-caption-parts{display:block;max-width:100%;min-width:0;white-space:normal!important;overflow-wrap:anywhere;word-break:normal;line-height:1.45}

/* Each touch preview keeps its own one-second hold and slower return. */
@media(prefers-reduced-motion:no-preference){
.drawing-enabled .drawing-scroll-demo.is-touch-input:not(.is-open) .drawing-cover,
.drawing-enabled .drawing-scroll-demo.is-touch-input:not(.is-open) .drawing-info{transition:opacity 1.5s ease!important}
}


/* Brief decorative image shuffle; actual covers and project data stay intact. */
.project-image>img.filter-shuffle-preview{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;z-index:12;pointer-events:none;border-radius:inherit;opacity:1;filter:none!important;transform:none!important;transition:opacity .1s ease!important}

.portfolio-bottom-nav .quick-contact-toggle{margin-left:auto;border:1px solid #b695e480;border-radius:24px;padding:9px 15px;background:#b695e414;color:#cfb1ef}
.portfolio-bottom-nav .parts-toggle{margin-left:0}
.quick-contact-panel{position:absolute;right:max(20px,calc((100vw - 1320px)/2));bottom:calc(100% + 8px);width:min(420px,calc(100vw - 24px));max-height:70dvh;overflow:auto;box-sizing:border-box;padding:18px;background:#242426;color:#f1f1f3;border:1px solid #ffffff30;border-radius:16px;box-shadow:0 8px 28px #0004}
.quick-contact-panel[hidden]{display:none}
.quick-contact-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.quick-contact-panel .inquiry-fields{display:block}
.quick-contact-panel label{display:block;font-size:12px;color:#dedee2}
.quick-contact-panel :is(input,textarea){box-sizing:border-box;width:100%;background:#ffffff08;color:#f1f1f3;border:1px solid #ffffff35;border-radius:8px;padding:10px;font:inherit;margin:5px 0 12px}
.quick-contact-panel textarea{height:100px;min-height:80px}
.quick-contact-panel .inquiry-note,.quick-contact-panel .inquiry-email,.quick-contact-panel .inquiry-status{font-size:11px;line-height:1.5;margin:8px 0}
.quick-contact-panel .inquiry-email a{font-size:11px;white-space:normal;padding:0}
.quick-contact-panel button[type=submit]{border-radius:22px;padding:10px 16px;background:#7843b7;color:white}
@media(max-width:700px){.bottom-nav-links{flex-wrap:wrap}.portfolio-bottom-nav .quick-contact-toggle{padding:9px 10px}.quick-contact-panel{right:12px;padding:14px}.portfolio-bottom-nav .bottom-nav-links{gap:6px}}

/* Clear close action and compact mobile form controls. */
.portfolio-bottom-nav .quick-contact-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:50%;background:#ffcf38;color:#242426;font-size:27px;line-height:1;flex-shrink:0}
.quick-contact-heading{gap:10px}
.quick-contact-heading strong{margin-right:auto}
.quick-contact-panel input::placeholder,.quick-contact-panel textarea::placeholder{color:#aaaab0;opacity:1}
.quick-contact-panel .inquiry-form>button[type=submit]{display:block;margin-left:auto}
@media(max-width:700px){
.quick-contact-panel .quick-field-caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.quick-contact-heading button[type=submit]{padding:9px 12px;font-size:12px;white-space:nowrap}
.portfolio-bottom-nav .quick-contact-close{width:30px;height:30px;font-size:24px}
}

/* The enquiry is outside the transformed bottom bar, so fixed positioning follows the viewport. */
body>.quick-contact-panel{position:fixed;z-index:60;bottom:calc(76px + env(safe-area-inset-bottom))}
.quick-contact-panel .quick-contact-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#ffcf38;color:#242426;font:27px/1 Arial,sans-serif;cursor:pointer;flex-shrink:0}
.quick-contact-panel button[type=submit]{border:0;cursor:pointer}
@media(max-width:700px){
body>.quick-contact-panel{top:calc(var(--quick-visible-top,0px) + 8px);bottom:auto;left:12px;right:12px;width:auto;max-height:calc(var(--quick-visible-height,100dvh) - 16px);overflow-y:auto;overscroll-behavior:contain;scroll-padding-top:64px;-webkit-overflow-scrolling:touch}
.quick-contact-panel .quick-contact-heading{position:sticky;top:-14px;z-index:2;background:#242426;margin-top:-14px;padding-top:14px;padding-bottom:8px}
.quick-contact-panel :is(input,textarea){font-size:16px}
.quick-contact-panel .quick-contact-close{width:30px;height:30px;font-size:24px}
}

/* Smoked glass enquiry panel, including Safari backdrop support. */
body>.quick-contact-panel{background:rgba(30,30,34,.66);backdrop-filter:blur(30px) saturate(.75);-webkit-backdrop-filter:blur(30px) saturate(.75);border:1px solid rgba(255,255,255,.25);box-shadow:0 12px 38px #00000035,inset 0 1px 0 #ffffff24}
.quick-contact-panel :is(input,textarea){background:rgba(12,12,16,.25);border-color:#ffffff45;color:#f5f5f7}
.quick-contact-panel input::placeholder,.quick-contact-panel textarea::placeholder{color:#c0c0c6}
@media(max-width:700px){.quick-contact-panel .quick-contact-heading{background:rgba(30,30,34,.38);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:10px}}

/* One enquiry layout across screen sizes; sending is the primary action. */
.quick-contact-panel .quick-field-caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.quick-contact-panel .quick-contact-heading button[type=submit]{padding:12px 17px;font-size:14px;font-weight:600;line-height:1.25;background:#8b4ed0;color:#fff;border:1px solid #c99af04d;box-shadow:0 3px 12px #00000020;white-space:nowrap}
.quick-contact-panel .quick-contact-heading button[type=submit]:hover{background:#995bdd}
.quick-contact-panel .quick-contact-heading button[type=submit]:disabled{opacity:.6;cursor:wait}
.quick-contact-panel .quick-contact-close{background:transparent;color:#c3c3cb;font-size:24px;box-shadow:none}
.quick-contact-panel .quick-contact-close:hover{color:#fff;background:#ffffff0d}
.quick-contact-panel .quick-contact-close:focus-visible{outline:2px solid #cfb1ef;outline-offset:2px}
@media(max-width:380px){.quick-contact-panel .quick-contact-heading{gap:6px}.quick-contact-panel .quick-contact-heading button[type=submit]{padding:11px 12px;font-size:13px}}

/* Match the discipline popover to the enquiry's smoked glass. */
body .portfolio-bottom-nav .bottom-parts{background:rgba(30,30,34,.66);backdrop-filter:blur(30px) saturate(.75);-webkit-backdrop-filter:blur(30px) saturate(.75);border-color:rgba(255,255,255,.25);box-shadow:0 12px 38px #00000035,inset 0 1px 0 #ffffff24}

.quick-contact-channels{border-top:1px solid #ffffff24;margin-top:14px;padding-top:12px;font-size:12px;color:#c9c9cf}
.quick-contact-channels>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}
.quick-contact-channels a{display:inline-flex;align-items:center;padding:8px 16px;border:1px solid #cba3ef60;border-radius:22px;background:#b695e40d;color:#dcc5f5;text-decoration:none;font-size:13px}
.quick-contact-channels a:hover{background:#b695e424;border-color:#cba3ef}
.quick-contact-channels a:focus-visible{outline:2px solid #cfb1ef;outline-offset:3px}
/* Active profile links retain the contact buttons' visual treatment. */
.social-placeholders a{display:inline-flex;align-items:center;gap:9px;font:inherit;font-size:13px;letter-spacing:.01em;padding:10px 15px;border:1px solid #aaa;background:transparent;color:#666;text-decoration:none}
body .contact-section .social-placeholders a,.dark-site .inquiry-section .social-placeholders a{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.18);color:#bfc0c5;padding:13px 18px;min-height:46px;box-sizing:border-box;font-size:15px;border-radius:8px}
.social-placeholders a:hover{border-color:#9866ce;color:#9866ce}
.social-placeholders a:focus-visible{outline:2px solid #9866ce;outline-offset:3px}

/* Shared contact choices in every contact area. */
.contact-methods{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.contact-methods a,.contact-methods button{display:inline-flex;align-items:center;justify-content:center;font:500 12px/1.3 inherit;font-family:inherit;font-size:12px!important;font-weight:500!important;letter-spacing:0;padding:8px 12px;border:1px solid #8885;border-radius:22px;background:transparent;color:inherit;text-decoration:none;cursor:pointer;white-space:nowrap}
.contact-methods a:hover,.contact-methods button:hover{background:#9866ce18;border-color:#9866ce}
.contact-methods :focus-visible{outline:2px solid #9866ce;outline-offset:3px}
.hero-contact .contact-methods{order:3}
.contact-methods button{color:#9b69cd;border-color:#9b69cd80}

/* Lead with direct contact methods, then compose and send below. */
.quick-contact-panel .quick-contact-channels{margin:0 0 16px;padding:0 0 16px;border-top:0;border-bottom:1px solid #ffffff24}
.quick-contact-channels .quick-phone-group{display:block;margin:0}
.quick-phone-group>span{display:block;margin-bottom:8px;font-size:12px;color:#dedee4}
.quick-phone-group>div{display:flex;flex-wrap:wrap;gap:8px}
.quick-contact-channels .quick-other-methods{margin-top:8px}
.quick-contact-channels a.primary-contact-method{background:#8b4ed0;color:#fff;border-color:#c99af080;font-weight:600}
.quick-contact-panel .quick-contact-heading{position:static;margin:0 0 10px;padding:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.quick-contact-panel .inquiry-form>button[type=submit]{display:block;margin:14px 0 0 auto;padding:12px 17px;font-size:14px;font-weight:600;background:#8b4ed0;color:#fff;border:1px solid #c99af04d;box-shadow:0 3px 12px #00000020}
.quick-contact-panel .inquiry-form>button[type=submit]:hover{background:#995bdd}
.quick-contact-panel .inquiry-form>button[type=submit]:disabled{opacity:.6;cursor:wait}

.quick-contact-channels>.quick-channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;margin:0}
.quick-channel-option{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0}
.quick-channel-option>span{font-size:12px;color:#dedee4}
.quick-channel-option>a{box-sizing:border-box;max-width:100%;white-space:normal}

/* Compact, icon-led contact sheet. */
.quick-contact-panel .quick-contact-heading{margin-bottom:14px}
.quick-contact-channels .quick-channel-grid{gap:8px}
.quick-channel-grid>a{gap:8px;justify-content:flex-start;padding:9px 12px;font-size:12px;white-space:nowrap}
.quick-channel-grid svg{width:18px;height:18px;flex-shrink:0}
.quick-contact-panel .inquiry-form{display:flex;flex-direction:column;gap:0}
.quick-contact-panel .inquiry-fields{margin:0;gap:0}
.quick-contact-panel .inquiry-fields input{margin:0}
.quick-contact-panel .inquiry-note{margin:7px 0 12px;color:#bcbcc3;font-size:10px;line-height:1.4}
.quick-contact-panel textarea{height:150px;min-height:120px;margin:0 0 12px}
.quick-contact-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}
.quick-contact-signature{display:flex;flex-direction:column;gap:4px;font-size:11px;line-height:1.5;color:#dedee4}
.quick-contact-signature a{color:inherit;text-decoration:none}
.quick-contact-footer button[type=submit]{margin:0;padding:12px 20px;font-size:14px;font-weight:600;background:#8b4ed0;color:white;flex-shrink:0}
.quick-contact-panel .inquiry-status:empty{display:none}
@media(max-width:700px){.quick-contact-panel textarea{height:140px}.quick-contact-signature{font-size:10px}}

.quick-contact-signature .quick-save-contact{color:#cfb1ef;text-decoration:underline;text-underline-offset:3px;margin-top:3px}
.quick-contact-signature .quick-save-contact:hover{color:#eadbfa}

/* Understated send pill, aligned with the site's compact controls. */
.quick-contact-panel .quick-contact-footer button[type=submit]{padding:6px 17px;min-height:30px;height:auto;font-size:12px;line-height:1.3;font-weight:500;border-radius:999px;background:rgba(155,105,205,.18);color:#ddc7f2;border:1px solid #b695e45c;box-shadow:none}
.quick-contact-panel .quick-contact-footer button[type=submit]:hover{background:rgba(155,105,205,.3);border-color:#b695e48c}
.quick-contact-panel .quick-contact-footer button[type=submit]:focus-visible{outline:2px solid #cfb1ef;outline-offset:3px}

/* Annotated spacing: send directly below the message, details beneath. */
.quick-contact-panel .inquiry-fields label{margin:0;padding:0}
.quick-contact-panel .inquiry-note{margin:4px 0 7px!important;line-height:1.35}
.quick-contact-panel textarea{height:172px;margin-bottom:7px}
.quick-contact-panel .quick-contact-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:start}
.quick-contact-footer>button[type=submit]{grid-column:2;grid-row:1;justify-self:end}
.quick-contact-footer .quick-contact-signature{grid-column:1/-1;grid-row:2;overflow-wrap:anywhere}
.quick-contact-signature .quick-save-contact{display:inline-flex;align-items:center;gap:7px;align-self:flex-start}
.quick-save-contact svg{width:16px;height:16px;flex-shrink:0}
@media(max-width:700px){.quick-contact-panel textarea{height:162px}}

/* Service descriptions replace the duplicate standalone form. */
.inquiry-section.design-services{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.4fr);gap:64px;padding-top:72px;padding-bottom:80px}
.design-services-intro h2{font-size:clamp(28px,3.2vw,44px);line-height:1.15;margin:0 0 22px}
.design-services-intro>p{font-size:16px;line-height:1.6;max-width:340px;color:#777}
.design-services-list{display:grid;grid-template-columns:1fr 1fr;gap:28px 30px}
.design-services-list article{display:flex;gap:14px;border-top:1px solid #8884;padding-top:18px}
.design-service-code{font-size:16px;font-weight:600;min-width:38px;color:#8e62bc}
.design-services-list h3{font-size:16px;line-height:1.4;margin:0 0 8px;font-weight:600}
.design-services-list p{font-size:14px;line-height:1.6;margin:0;color:#777}
.dark-site .design-services-intro>p,.dark-site .design-services-list p{color:#bbb}
.portfolio-bottom-nav [hidden]{display:none!important}
body{padding-bottom:80px}
@media(max-width:700px){.inquiry-section.design-services{grid-template-columns:1fr;gap:28px;padding-top:40px;padding-bottom:48px}.design-services-list{grid-template-columns:1fr;gap:22px}.design-services-intro>p{max-width:none}body{padding-bottom:120px}}
/* Reserve the desktop right rail for the persistent contact panel. */
@media(min-width:701px){
.inquiry-section.design-services{grid-template-columns:minmax(0,1fr) 440px;column-gap:44px;row-gap:64px;padding-top:72px;padding-bottom:110px;min-height:860px;box-sizing:border-box}
.design-services-intro{grid-column:1;grid-row:1}
.design-services-intro>p{max-width:460px}
.design-services-list{grid-column:1;grid-row:2;grid-template-columns:1fr;gap:28px;max-width:720px}
.design-services-list article{padding-top:20px}
}
@media(min-width:1400px){.design-services-list{grid-template-columns:1fr 1fr;gap:34px 28px}}

/* Live company age and portfolio totals, independent of active filters. */
.company-milestones{grid-column:1;grid-row:3;border-top:1px solid #8884;padding-top:32px;margin-top:10px;max-width:720px}
.milestone-eyebrow{font-size:12px;color:#777;margin:0 0 12px}
.company-milestones h3{font-size:24px;font-weight:500;margin:0 0 24px}
.company-age{display:flex;gap:32px;margin-bottom:30px}
.company-age>div{display:flex;flex-direction:column;gap:5px}
.company-age strong{font-size:42px;line-height:1;font-weight:500;font-variant-numeric:tabular-nums}
.company-age span,.company-project-total span{font-size:13px;color:#777}
.company-project-total{display:flex;align-items:baseline;gap:12px;margin-bottom:24px}
.company-project-total strong{font-size:36px;font-weight:500}
.company-part-counts{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.company-part-counts>div{border-top:1px solid #8884;padding-top:12px;display:flex;flex-direction:column;gap:8px}
.company-part-counts span{font-size:12px;color:#9368be}.company-part-counts strong{font-size:24px;font-weight:500}
.milestone-note{font-size:11px;line-height:1.5;color:#888;margin-top:18px}
@media(max-width:700px){.company-age{gap:26px}.company-age strong{font-size:36px}.company-part-counts{grid-template-columns:repeat(3,1fr)}}

.design-experience{margin-top:34px;padding-top:28px;border-top:1px solid #8884}
.design-experience .company-age{margin-bottom:0}

/* A dark statistics chapter with labelled time cells and side captions. */
.company-milestones{position:relative;isolation:isolate;background:#161618;color:#eeeef1;border:0;margin-top:16px;padding:48px 0 52px;max-width:none}
.company-milestones::before{content:'';position:absolute;z-index:-1;inset:0;background:#161618;left:calc((min(100vw,1320px) - 100vw)/2 - 60px);width:200vw;pointer-events:none}
.inquiry-section.design-services{overflow:clip}
.milestone-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:center;padding:0 0 30px;margin-bottom:30px;border-bottom:1px solid #ffffff20}
.milestone-clock{display:flex;gap:8px}
.milestone-clock>div{display:flex;flex-direction:column;align-items:center;gap:9px;min-width:62px;padding:11px 9px;border:1px solid #ffffff26;border-radius:10px;background:#ffffff04}
.milestone-clock span{font-size:10px;color:#a9a9b1}
.milestone-clock strong{font-size:32px;font-weight:500;line-height:1;font-variant-numeric:tabular-nums}
.company-milestones .milestone-caption h3{font-size:19px;line-height:1.35;margin:0 0 7px}
.milestone-caption p{font-size:11px;color:#a9a9b1;line-height:1.5;margin:0}
.company-milestones .company-project-total span{color:#b8b8c0}
.company-milestones .company-part-counts{gap:8px}
.company-milestones .company-part-counts>div{border:1px solid #ffffff24;border-radius:9px;background:#ffffff04;padding:12px;gap:10px}
.company-milestones .company-part-counts span{color:#c4a4e3;font-weight:500}
@media(max-width:1000px){.milestone-row{grid-template-columns:1fr;gap:16px}.milestone-clock{justify-content:flex-start}}
@media(max-width:700px){.company-milestones{padding:32px 0}.milestone-row{grid-template-columns:auto minmax(0,1fr);gap:12px}.milestone-clock{gap:5px}.milestone-clock>div{min-width:43px;padding:9px 5px}.milestone-clock strong{font-size:26px}.milestone-clock span{font-size:9px}.company-milestones .milestone-caption h3{font-size:14px}.milestone-caption p{font-size:10px}}
.inquiry-section.design-services{overflow:visible;padding-bottom:0}
.company-milestones::before{display:none}
.company-milestones{box-shadow:0 0 0 100vmax #161618;clip-path:inset(0 -100vmax)}

/* One anthracite chapter, with understated company records. */
body .contact-banner,body .contact-section,body .site-footer{background:#161618!important;color:#dedee4}
body .contact-banner{height:0;min-height:0;padding:0;border:0}
body .contact-banner>.wrap{display:none}
body .contact-section .contact-records{display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding-top:56px;padding-bottom:70px}
body .contact-section .contact-visual{width:auto;text-align:left}
body .contact-section .eyebrow{display:none}
body .contact-section #contact-title{font-size:28px;text-align:left;margin:0;color:#dedee4}
body .contact-section .legal-details{width:calc(100% - 484px);max-width:720px}
body .contact-section .company-copy-card{background:transparent;border:0;box-shadow:none;border-radius:0;padding:0 0 10px}
body .contact-section .company-copy-content{padding-top:38px}
body .contact-section .legal-details p{font-size:15px;line-height:1.7;border:0;padding:0;margin:0 0 18px;color:#bfbfc7}
body .contact-section .legal-details .legal-company{font-size:19px;font-weight:500;color:#eeeef1}
body .contact-section .contact-methods{display:none}
body .contact-section .personal-contact{border:0}
.anthracite-brand{position:fixed;right:max(20px,calc((100vw - 1320px)/2));z-index:42;display:block;width:226px;pointer-events:auto}
.anthracite-brand[hidden]{display:none}
.anthracite-brand :is(img,svg){width:226px!important;height:113px!important;object-fit:contain}
body.in-anthracite .portfolio-bottom-nav{background:#000!important}
@media(max-width:700px){body .contact-section .legal-details{width:100%}.anthracite-brand{right:16px;width:110px}.anthracite-brand :is(img,svg){width:110px!important;height:55px!important}}

/* Separate project totals from delivered discipline files. */
.company-milestones .company-project-total{margin-bottom:34px}
.company-milestones .company-files-title{font-size:19px;margin:0 0 18px}
.company-milestones .company-part-counts{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.company-milestones .company-part-counts>div{padding:22px 20px;gap:12px}
.company-milestones .company-part-counts span{font-size:16px}
.company-milestones .company-part-counts strong{font-size:34px}
.company-part-counts small{font-size:11px;color:#a9a9b1}
@media(max-width:700px){.company-milestones .company-part-counts{gap:10px}.company-milestones .company-part-counts>div{padding:16px 12px}.company-milestones .company-part-counts strong{font-size:28px}}
/* Narrower service copy with more prominent discipline initials. */
.design-services-list{max-width:640px;width:100%;justify-self:start}
.design-services-list article{gap:18px}
.design-services-list article>div{min-width:0;max-width:440px}
.design-services-list .design-service-code{font-size:28px;line-height:1.2;font-weight:600;min-width:66px;flex-shrink:0}
@media(min-width:1400px){.design-services-list{grid-template-columns:1fr;max-width:600px}}
@media(max-width:700px){.design-services-list{max-width:100%}.design-services-list article{gap:14px}.design-services-list .design-service-code{font-size:25px;min-width:60px}.design-services-list article>div{max-width:400px}}
/* Company details keep the contact-panel rail clear. */
body .contact-section .legal-details{align-self:flex-start;margin-left:0;margin-right:auto;border:0;border-left:0!important;padding-left:0!important}
body .contact-section .personal-contact{display:block;border:0!important;background:none!important;padding:0;margin-top:22px}
.contact-save-icon{display:inline-flex;position:relative;align-items:center;justify-content:center;width:44px;height:44px;color:#bfc0c8;text-decoration:none;border:1px solid #ffffff25;border-radius:50%}
.contact-save-icon>svg{width:27px;height:27px}
.contact-save-icon:hover,.contact-save-icon:focus-visible{color:#dcc5f5;border-color:#b695e480}
.contact-save-tip{position:absolute;left:calc(100% + 10px);bottom:0;width:220px;padding:10px 13px;border-radius:10px;background:#29292eeF;border:1px solid #ffffff26;color:#e3e3e8;font-size:12px;line-height:1.5;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(4px);transition:opacity .18s,transform .18s;z-index:3}
.contact-save-icon:hover .contact-save-tip,.contact-save-icon:focus-visible .contact-save-tip{opacity:1;visibility:visible;transform:none}
@media(min-width:701px){body .contact-section .legal-details{width:calc(100% - 484px);max-width:600px}}

/* Matching popover widths and a right-aligned reset choice. */
body .portfolio-bottom-nav .bottom-parts{width:min(420px,calc(100vw - 24px));max-width:calc(100vw - 24px);box-sizing:border-box;justify-content:space-between;gap:4px}
body .portfolio-bottom-nav .bottom-parts button{padding:9px 11px}
body .portfolio-bottom-nav .bottom-parts button[data-bottom-part=""]{margin-left:auto}
@media(max-width:700px){body .portfolio-bottom-nav .bottom-parts{width:calc(100vw - 24px)}body .portfolio-bottom-nav .bottom-parts button{padding:9px 8px}}

/* Clear chapter hierarchy, denser services and restrained file counters. */
.inquiry-section.design-services{min-height:0;row-gap:36px;padding-top:56px}
.design-services-list{max-width:700px;gap:20px}
.design-services-list article{padding-top:15px;gap:16px}
.design-services-list article>div{max-width:530px}
.design-services-list p{line-height:1.5}
.company-milestones{padding-top:76px;padding-bottom:64px;margin-top:12px}
.company-milestones .milestones-title,body .contact-section #contact-title{font-size:clamp(28px,3.2vw,44px);line-height:1.15;font-weight:600;letter-spacing:normal}
.company-milestones .milestones-title{margin:0 0 44px}
body .contact-section,body .contact-banner,body .site-footer{background:#000!important}
body .contact-section .contact-records{padding-top:86px;padding-bottom:80px;gap:32px}
.company-milestones .company-part-counts{grid-template-columns:repeat(3,82px);gap:12px}
.company-milestones .company-part-counts>div{padding:11px 9px;min-width:62px;gap:9px;align-items:center;border-radius:10px}
.company-milestones .company-part-counts span{font-size:10px;color:#a9a9b1;font-weight:400}
.company-milestones .company-part-counts strong{font-size:32px;line-height:1;font-weight:500;font-variant-numeric:tabular-nums}
.company-milestones .company-project-total strong{font-size:32px}
@media(min-width:1400px){.design-services-list{max-width:700px}}
@media(max-width:700px){.inquiry-section.design-services{padding-top:36px;row-gap:26px}.company-milestones{padding-top:48px;padding-bottom:44px}.company-milestones .milestones-title{margin-bottom:30px}body .contact-section .contact-records{padding-top:54px}.company-milestones .company-part-counts{grid-template-columns:repeat(3,55px);gap:8px}.company-milestones .company-part-counts>div{min-width:0;padding:9px 5px}.company-milestones .company-part-counts strong{font-size:26px}}

/* Prominent save actions, echoing the time counter cells. */
.save-actions{display:flex;flex-direction:column;gap:18px}
body .contact-section .save-action{position:relative;display:flex;align-items:center;gap:16px;width:fit-content;height:auto;border:0;border-radius:0;background:none;color:#dedee6;text-decoration:none;padding:0;font:500 15px/1.4 Arial,sans-serif;cursor:pointer;text-align:left}
.save-action-symbol{display:flex;align-items:center;justify-content:center;width:80px;height:80px;box-sizing:border-box;border:1px solid #c7a4ed80;border-radius:12px;background:#b695e419;color:#dec5fa;flex-shrink:0}
.save-action-symbol svg{width:36px;height:36px}
.save-action:hover .save-action-symbol,.save-action:focus-visible .save-action-symbol{background:#b695e42e;border-color:#dec5fa}
.save-action:focus-visible{outline:2px solid #b695e4;outline-offset:5px}
.contact-save-icon .contact-save-tip{left:0;bottom:calc(100% + 10px);width:250px}
.bookmark-help{font-size:13px!important;line-height:1.6!important;color:#bfc0c8!important;max-width:410px;margin-top:16px!important}
@media(max-width:700px){.save-action-symbol{width:62px;height:62px}.save-action-symbol svg{width:30px;height:30px}}

/* Project total uses a double-width time cell; discipline counts stay plain. */
.company-milestones .company-project-total{display:flex;align-items:center;gap:24px;margin-bottom:32px}
.company-milestones .company-project-total>strong{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:172px;min-height:78px;flex-shrink:0;padding:11px 9px;border:1px solid #ffffff26;border-radius:10px;background:#ffffff04;font-size:32px;line-height:1;font-weight:500}
.company-milestones .company-project-total>span{font-size:19px;line-height:1.35;font-weight:500;color:#eeeef1}
.company-milestones .company-part-counts>div{border-color:transparent;background:transparent}
@media(max-width:700px){.company-milestones .company-project-total{gap:12px}.company-milestones .company-project-total>strong{width:115px;min-height:65px;font-size:26px}.company-milestones .company-project-total>span{font-size:14px}}

/* Save actions share the contact channel pills and contextual hints. */
body .contact-section .save-action{gap:9px;padding:9px 15px;border:1px solid #cba3ef60;border-radius:999px;background:#b695e40d;color:#dcc5f5;font-size:13px;line-height:1.4}
body .contact-section .save-action-symbol{width:20px;height:20px;border:0;border-radius:0;background:none;color:inherit}
body .contact-section .save-action-symbol svg{width:20px;height:20px}
body .contact-section .save-action:hover,body .contact-section .save-action:focus-visible{background:#b695e424;border-color:#cba3ef}
body .contact-section .save-action:hover .save-action-symbol,body .contact-section .save-action:focus-visible .save-action-symbol{background:none}
.save-actions{gap:12px}
.bookmark-tip{position:absolute;top:calc(100% + 10px);left:0;box-sizing:border-box;width:290px;max-width:calc(100vw - 48px);padding:10px 13px;border-radius:10px;background:#29292ef2;border:1px solid #ffffff26;color:#e3e3e8;font-size:12px;line-height:1.5;font-weight:400;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-4px);transition:opacity .18s,transform .18s;z-index:4}
.bookmark-help-toggle:hover .bookmark-tip,.bookmark-help-toggle:focus-visible .bookmark-tip,.bookmark-help-toggle[aria-expanded=true] .bookmark-tip{opacity:1;visibility:visible;transform:none}
/* Put fixed-navigation clearance inside the black footer, not the white body. */
body{padding-bottom:0!important}
body .site-footer{padding-bottom:100px!important}
@media(max-width:700px){body .site-footer{padding-bottom:140px!important}}

/* A shared time-cell measure and a quieter, readable file list. */
.company-milestones{--time-cell-width:62px;--time-cell-gap:8px;--project-total-width:calc(var(--time-cell-width)*2 + var(--time-cell-gap))}
.milestone-clock>div{box-sizing:border-box;width:var(--time-cell-width);min-width:var(--time-cell-width)}
.company-milestones .company-project-total>strong{width:var(--project-total-width)}
.company-milestones .company-project-total{margin-bottom:18px}
.company-milestones .company-part-counts{display:flex;flex-direction:column;gap:0;margin-left:calc(var(--project-total-width) + 24px);max-width:300px}
.company-milestones .company-part-counts>div{display:grid;grid-template-columns:30px 40px 1fr;align-items:baseline;gap:10px;padding:10px 0;border:0;border-bottom:1px solid #ffffff12;border-radius:0;background:none;min-width:0}
.company-milestones .company-part-counts strong{font-size:20px;line-height:1.3;font-weight:400;color:#c5c5cc}
.company-milestones .company-part-counts span{font-size:15px;font-weight:600;color:#d4b5ed}
.company-milestones .company-part-counts small{font-size:12px;color:#a9a9b1}
@media(max-width:700px){.company-milestones{--time-cell-width:43px;--time-cell-gap:5px}.company-milestones .company-project-total>strong{width:var(--project-total-width)}.company-milestones .company-part-counts{margin-left:calc(var(--project-total-width) + 12px)}.company-milestones .company-part-counts>div{grid-template-columns:25px 34px 1fr;gap:7px;padding:9px 0}.company-milestones .company-part-counts strong{font-size:18px}.company-milestones .company-part-counts span{font-size:13px}.company-milestones .company-part-counts small{font-size:11px}}
/* Logo-magenta marks the final chapter; company details form a simple utility panel. */
body .contact-section{border-top:3px solid #d70a8b}
body .contact-section .company-copy-card{position:relative;padding:18px 20px 8px;border:1px solid #ffffff30;border-radius:8px;background:#ffffff03;box-shadow:none}
body .contact-section .company-copy-card .legal-company{border-bottom:0;padding-bottom:0}
body .contact-section .company-copy-content{padding-top:44px}
body .contact-section .copy-records{position:absolute;top:14px;right:16px;display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #ffffff3d;border-radius:5px;background:#242426;color:#dedee5;font:500 12px/1.3 Arial,sans-serif;box-shadow:inset 0 1px 0 #ffffff0d;cursor:pointer}
body .contact-section .copy-records:hover{background:#333337;border-color:#c4a4e3}
body .contact-section .copy-records svg{width:16px;height:16px}
body .contact-section .save-actions{gap:24px;margin-top:28px}
body .contact-section .save-action{gap:18px;padding:0;border:0;background:none;border-radius:0;color:#dedee6}
body .contact-section .save-action-symbol{width:62px;height:38px;border:1px solid #cba3ef60;border-radius:999px;background:#b695e40d;color:#dcc5f5}
body .contact-section .save-action:hover,body .contact-section .save-action:focus-visible{background:none;border:0}
body .contact-section .save-action:hover .save-action-symbol,body .contact-section .save-action:focus-visible .save-action-symbol{background:#b695e424;border-color:#cba3ef}

/* Distinguish personal professional experience from the company's own work. */
.company-work-heading{margin:44px 0 28px}
.company-work-heading h2{font-size:clamp(28px,3.2vw,44px);line-height:1.15;font-weight:600;margin:0 0 12px;color:#eeeef1}
.company-work-heading p{font-size:13px;line-height:1.5;color:#a9a9b1;margin:0}

/* Consistent chapter spacing and quiet file-count badges. */
.company-milestones{--chapter-space:76px;padding-top:var(--chapter-space);padding-bottom:96px}
.company-work-heading{border-top:1px solid #ffffff20;margin:0 0 32px;padding-top:var(--chapter-space)}
.company-milestones .milestone-row:has(+ .company-work-heading){border-bottom:0;margin-bottom:0;padding-bottom:40px}
.company-milestones .company-files-label{margin:44px 0 22px;font-size:14px;font-weight:400;color:#a9a9b1}
.company-milestones .company-part-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 32px;margin-left:0;max-width:430px}
.company-milestones .company-part-counts>div{display:flex;flex-direction:row;align-items:center;gap:12px;padding:0;border:0;background:none}
.company-milestones .company-part-counts strong{display:flex;align-items:center;justify-content:center;min-width:44px;height:42px;border:1px solid #ffffff1c;border-radius:8px;background:#ffffff03;font-size:20px;font-weight:400}
.company-milestones .company-part-counts span{font-size:14px;font-weight:600;color:#c9b3dc}
body .contact-section{border-top:1px solid #ffffff20!important}
body .contact-section .contact-records{padding-top:76px;padding-bottom:100px;gap:46px}
body .contact-section .legal-details{width:min(460px,calc(100% - 484px));max-width:460px;margin-top:0}
body .contact-section .company-copy-card{padding:24px 24px 20px}
body .contact-section .company-copy-content{padding-top:48px}
body .contact-section .legal-details p{margin-bottom:24px;line-height:1.85;overflow-wrap:anywhere}
body .contact-section .personal-contact{margin-top:86px}
body .contact-section .save-actions{gap:30px;margin-top:0}
body .contact-section .save-action{color:#929299;transition:color .2s}
body .contact-section .save-action:hover,body .contact-section .save-action:focus-visible{color:#fff}
body .site-footer{padding-top:80px!important;color:#77777f}
body .site-footer .footer-inner{color:#77777f}
@media(max-width:700px){
.company-milestones{--chapter-space:48px;padding-bottom:64px}
.company-milestones .company-part-counts{gap:24px 18px;max-width:100%}
.company-milestones .company-part-counts>div{gap:8px}
.company-milestones .company-part-counts strong{min-width:36px;height:36px;font-size:18px}
.company-milestones .company-part-counts span{font-size:12px}
body .contact-section .contact-records{padding-top:48px;padding-bottom:64px;gap:34px}
body .contact-section .legal-details{width:100%;max-width:460px}
body .contact-section .company-copy-card{padding:20px 18px 16px}
body .contact-section .personal-contact{margin-top:64px}
body .site-footer{padding-top:48px!important}
}

/* Project stages use the same quiet numerical badges as discipline files. */
.company-stage-counts{margin:28px 0 0;display:grid;gap:14px;max-width:430px}
.company-stage-counts>p{margin:0 0 2px;color:#a9a9b1;font-size:13px}
.company-stage-counts>div{display:flex;align-items:center;gap:16px}
.company-stage-counts strong{display:flex;align-items:center;justify-content:center;min-width:44px;height:42px;border:1px solid #ffffff1c;border-radius:8px;background:#ffffff03;font-size:20px;font-weight:400;color:#c5c5cc;font-variant-numeric:tabular-nums}
.company-stage-counts span{font-size:14px;color:#c5c5cc;line-height:1.4}
@media(max-width:700px){.company-stage-counts strong{min-width:36px;height:36px;font-size:18px}.company-stage-counts span{font-size:13px}}

/* Coloured chapter brand and an editorial project-stage overview. */
.anthracite-brand::after{content:'';position:absolute;inset:0;pointer-events:none;background:#eeeef1;-webkit-mask:url('assets/logo-motion/spalvotas.svg') center/contain no-repeat;mask:url('assets/logo-motion/spalvotas.svg') center/contain no-repeat;clip-path:inset(0 0 0 28%)}
.company-milestones .milestone-caption p,.company-work-heading p{color:#ba99db}
.company-milestones .company-project-total{padding-bottom:26px;margin-bottom:0;border-bottom:1px solid #ffffff20}
.company-milestones .company-stage-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:620px;margin:28px 0 0}
.company-stage-counts>div{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:0 0 20px;border-bottom:2px solid #9368be70}
.company-stage-counts>div:nth-child(2){border-color:#ffca3a70}
.company-stage-counts>div:nth-child(3){border-color:#d70a8b70}
.company-stage-counts strong{border:0;background:none;border-radius:0;min-width:0;height:auto;font-size:28px;line-height:1.15;color:#eeeef1}
.company-stage-counts span{font-size:13px;line-height:1.5;max-width:160px;color:#bcbcc4}
.company-milestones .company-files-label{margin-top:36px;color:#ba99db}
@media(max-width:700px){.company-milestones .company-stage-counts{gap:16px}.company-stage-counts strong{font-size:26px}.company-stage-counts span{font-size:12px}}

/* A restrained digital-clock tick on the actual day value. */
@keyframes milestone-day-tick{0%,74%,100%{opacity:1}79%,86%{opacity:.48}90%{opacity:.92}}
.company-milestones .milestone-clock>div:last-child strong{animation:milestone-day-tick 1.25s linear infinite;animation-delay:.65s}
.company-milestones .milestone-row:nth-of-type(2) .milestone-clock>div:last-child strong{animation-delay:.85s}
@media(prefers-reduced-motion:reduce){.company-milestones .milestone-clock>div:last-child strong{animation:none}}

/* Statistics are direct links into the portfolio. */

.company-part-counts>a{border-top:1px solid #8884;padding-top:12px;display:flex;flex-direction:column;gap:8px}
.company-milestones .company-part-counts>a{border:1px solid #ffffff24;border-radius:9px;background:#ffffff04;padding:12px;gap:10px}
.company-milestones .company-part-counts>a{padding:22px 20px;gap:12px}
.company-milestones .company-part-counts>a{padding:16px 12px}
.company-milestones .company-part-counts>a{padding:11px 9px;min-width:62px;gap:9px;align-items:center;border-radius:10px}
.company-milestones .company-part-counts>a{min-width:0;padding:9px 5px}
.company-milestones .company-part-counts>a{border-color:transparent;background:transparent}
.company-milestones .company-part-counts>a{display:grid;grid-template-columns:30px 40px 1fr;align-items:baseline;gap:10px;padding:10px 0;border:0;border-bottom:1px solid #ffffff12;border-radius:0;background:none;min-width:0}
.company-milestones .company-part-counts>a{grid-template-columns:25px 34px 1fr;gap:7px;padding:9px 0}
.company-milestones .company-part-counts>a{display:flex;flex-direction:row;align-items:center;gap:12px;padding:0;border:0;background:none}
.company-milestones .company-part-counts>a{gap:8px}
.company-stage-counts>a{display:flex;align-items:center;gap:16px}
.company-stage-counts>a{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:0 0 20px;border-bottom:2px solid #9368be70}
.company-stage-counts>a:nth-child(2){border-color:#ffca3a70}
.company-stage-counts>a:nth-child(3){border-color:#d70a8b70}
.company-stage-counts>a,.company-part-counts>a{text-decoration:none;color:inherit;cursor:pointer;transition:background .2s,color .2s}
.company-stage-counts>a:hover span,.company-part-counts>a:hover span{color:#fff}
.company-stage-counts>a:focus-visible,.company-part-counts>a:focus-visible{outline:2px solid #ba99db;outline-offset:6px;border-radius:4px}

/* Anthracite company-details card against the black closing section. */
body .contact-section .company-copy-card{background:#202023;border-color:#ffffff26}

.footer-share{max-width:100%}.footer-share-options{display:flex;flex-wrap:wrap;gap:10px;max-width:400px;margin-top:18px;padding:16px;border:1px solid #ffffff26;border-radius:12px;background:#202023}
.footer-share-options[hidden]{display:none}
body .contact-section .footer-share-options :is(a,button){display:inline-flex;align-items:center;min-height:36px;padding:7px 13px;border:1px solid #cba3ef60;border-radius:999px;background:transparent;color:#dcc5f5;text-decoration:none;font:400 13px/1.4 Arial,sans-serif;cursor:pointer}
body .contact-section .footer-share-options :is(a,button):hover{background:#b695e424;color:#fff}
.footer-share-options [role=status]{width:100%;font-size:12px;color:#b8b8c0;overflow-wrap:anywhere}.footer-share-options [role=status]:empty{display:none}

/* Clear filtering affordances and an open, spacious sharing palette. */
.company-stage-counts>a,.company-stage-counts>a *,.company-part-counts>a,.company-part-counts>a *{cursor:pointer!important}
.stat-link-tip{position:fixed;z-index:1001;pointer-events:none;padding:9px 13px;border:1px solid #ffffff26;border-radius:9px;background:#29292ef2;color:#e3e3e8;font:400 12px/1.4 Arial,sans-serif;box-shadow:0 6px 20px #0003}
.stat-link-tip[hidden]{display:none}
body .contact-section .personal-contact,body .contact-section .save-actions{width:100%;min-width:0}
.footer-share{width:100%}
.footer-share-options{box-sizing:border-box;width:100%;max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:24px 20px 30px;margin-top:22px}
body .contact-section .footer-share-options :is(a,button){gap:10px;min-height:44px;padding:10px 13px;justify-content:flex-start;box-sizing:border-box}
.footer-share-options svg{width:19px;height:19px;flex-shrink:0}
.footer-share-options [role=status]{grid-column:1/-1}
@media(max-width:700px){.footer-share-options{gap:12px;padding:20px 14px 26px}body .contact-section .footer-share-options :is(a,button){font-size:12px;padding:10px;gap:8px}}

.quick-contact-panel .quick-contact-heading strong{font-size:26px;font-weight:600;line-height:1.2;letter-spacing:-.02em;color:#f1f1f3}
@media(max-width:700px){.quick-contact-panel .quick-contact-heading strong{font-size:24px}}

/* Sharing is a permanent closing section, with grouped channel choices. */
.footer-share{margin-top:46px}
body .contact-section .footer-share-title{font-size:clamp(28px,3.2vw,44px);font-weight:600;line-height:1.15;letter-spacing:normal;color:#dedee4;margin:0 0 34px}
.footer-share-options{margin-top:0;padding:32px 20px 38px;gap:28px 16px}
@media(max-width:700px){.footer-share{margin-top:32px}body .contact-section .footer-share-title{margin-bottom:28px}.footer-share-options{padding:28px 14px 32px;gap:24px 12px}}

/* Sharing matches the smoked-glass contact panel, with more breathing room. */
.footer-share-options{background:rgba(30,30,34,.66);backdrop-filter:blur(30px) saturate(.75);-webkit-backdrop-filter:blur(30px) saturate(.75);border:1px solid rgba(255,255,255,.25);border-radius:16px;box-shadow:0 12px 38px #00000035,inset 0 1px 0 #ffffff24;min-height:350px;padding:38px 20px 44px;row-gap:38px;align-content:space-between;align-items:center}
@media(max-width:700px){.footer-share-options{min-height:320px;padding:30px 14px 36px;row-gap:30px}}

/* Stable discipline rows replace inherited absolute offsets at intermediate widths. */
body .discipline-band .services-layout{width:min(1440px,calc(100% - 112px));max-width:none;margin-inline:auto;height:auto;min-height:0;padding:30px 0}
body .discipline-band .service-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 34px}
body .discipline-band .service-list>div{position:relative;inset:auto!important;display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;align-items:center;min-height:48px;transform:none}
body .discipline-band .service-list dt{padding:0;line-height:1.25;font-size:27px;text-align:center}
body .discipline-band .service-list dd{padding:0;margin:0;font-size:15px;line-height:1.5}
@media(max-width:1000px){body .discipline-band .services-layout{width:calc(100% - 48px)}body .discipline-band .service-list{gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){body .discipline-band .services-layout{width:calc(100% - 40px);padding:24px 0}body .discipline-band .service-list{gap:16px 14px}body .discipline-band .service-list>div{grid-template-columns:44px minmax(0,1fr);gap:10px;min-height:38px}body .discipline-band .service-list dt{font-size:17px!important;line-height:1}body .discipline-band .service-list dd{font-size:11px!important;line-height:1.45}}
/* Primary navigation sits beneath quieter ways to get in touch. */
body .hero-links{display:flex!important;flex-direction:column;align-items:stretch;gap:30px}
body .hero-links .hero-contact .contact-methods{gap:16px;margin-top:16px}
body .hero-links .contact-methods :is(a,button){padding:3px 0;border:0;border-bottom:1px solid #8885;border-radius:0;background:none;box-shadow:none;color:#777;font-size:12px;font-weight:400}
body.dark-site .hero-links .contact-methods :is(a,button){color:#a9a9b1}
body .hero-links .contact-methods :is(a,button):hover{color:var(--purple);border-bottom-color:currentColor}
body .hero-links .intro-nav{align-self:flex-end;display:flex;flex-wrap:wrap;gap:12px;padding:0;margin:0!important}
body .hero-links .intro-nav a,body .hero-links .intro-nav .share-page{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 19px!important;border:1px solid #8885!important;border-radius:999px;background:#88808;font-size:15px!important;line-height:1.3;height:auto;width:auto;color:inherit}
body .hero-links .intro-nav a::after{display:none}
body .hero-links .intro-nav a:hover,body .hero-links .intro-nav .share-page:hover{border-color:#b695e4!important;background:#b695e418}
@media(max-width:700px){body .hero-links{gap:24px}body .hero-links .intro-nav{align-self:stretch;gap:8px}body .hero-links .intro-nav a,body .hero-links .intro-nav .share-page{padding:9px 13px!important;font-size:13px!important}body .hero-links .hero-contact .contact-methods{gap:13px}}
body .hero-links .hero-contact{order:0}
body .hero-links .intro-nav{order:1}
body .hero-links .intro-nav a:first-child{border-radius:999px;background:#88808;padding:11px 19px!important}
body .hero-links .intro-nav .share-site{padding:11px 19px!important;font-size:15px;min-height:43px}
@media(max-width:1100px){body .contact-section .legal-details{width:100%;max-width:460px}}
@media(max-width:700px){body .hero-links .intro-nav a:first-child,body .hero-links .intro-nav .share-site{padding:9px 13px!important;font-size:13px;min-height:36px}}

/* Keep tablet controls and the portfolio mark inside the available row. */
@media(min-width:701px) and (max-width:1000px){
 .project-sticky-header .section-top{display:flex;align-items:center;gap:24px;min-width:0}
 .project-sticky-header .sticky-controls{display:flex;flex-wrap:wrap;flex:1 1 0;min-width:0;gap:8px}
 .project-sticky-header .portfolio-logo{width:180px!important;max-width:28%;flex:0 0 180px;height:auto!important}
}
@media(max-width:700px){
 body .hero-links .intro-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 body .hero-links .intro-nav :is(a,.share-site){box-sizing:border-box;width:100%;margin:0!important;justify-content:center}
}

/* Compact, softly revealed portfolio settings. */
body .project-sticky-header .section-top{box-sizing:border-box;min-height:72px;height:72px;padding:6px 0;transform:translateY(-12px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1),visibility .6s}
body .project-sticky-header.is-pinned-visible .section-top{transform:translateY(0)}
body .project-sticky-header .portfolio-logo{width:156px!important;height:60px!important;flex-basis:156px;object-fit:contain}
body .project-sticky-header .filter-bar{margin-top:0}
body .portfolio-bottom-nav .bottom-parts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr)) 1.9fr;gap:5px;width:min(420px,calc(100vw - 24px));padding:9px}
body .portfolio-bottom-nav .bottom-parts[hidden]{display:none}
body .portfolio-bottom-nav .bottom-parts button{box-sizing:border-box;min-width:0;padding:9px 0;margin:0!important;border:1px solid #b695e450;border-radius:999px;background:#b695e40d;color:#e0d0ef;font-size:12px;white-space:nowrap}
body .portfolio-bottom-nav .bottom-parts button[aria-pressed=true]{background:#ffcf38;color:#242426;border-color:#ffcf38}
body .portfolio-bottom-nav .bottom-parts button:hover{border-color:#ddc6f2}
/* The service chapter uses a plain surface; the former portrait is retired. */
body .inquiry-section.design-services::before,body .inquiry-section.design-services::after{display:none!important;background-image:none!important}
body .inquiry-section.design-services{background-image:none!important}
@media(max-width:1000px) and (min-width:701px){body .project-sticky-header .section-top{height:100px}}
@media(max-width:700px){body .project-sticky-header .section-top{height:82px;min-height:82px}body .project-sticky-header .portfolio-logo{width:110px!important;height:55px!important;flex-basis:110px}body .portfolio-bottom-nav .bottom-parts{gap:4px;padding:8px}body .portfolio-bottom-nav .bottom-parts button{font-size:11px}}
@media(prefers-reduced-motion:reduce){body .project-sticky-header .section-top{transition:none;transform:none}}
/* Floating yellow glass, with a gentle settling motion on entry. */
body .project-sticky-header .section-top{position:relative;isolation:isolate;overflow:visible;transform:translateY(-28px);transition:opacity .42s ease,transform .78s cubic-bezier(.22,1.2,.36,1),visibility .78s}
body .project-sticky-header .section-top::before{content:'';position:absolute;inset:-8px calc(-1 * max(20px,(100vw - 100%)/2)) 0;z-index:-1;pointer-events:none;background:rgba(255,207,56,.82);backdrop-filter:blur(24px) saturate(1.15);-webkit-backdrop-filter:blur(24px) saturate(1.15);border-bottom:1px solid #fff5;box-shadow:0 5px 20px #00000012,inset 0 1px 0 #ffffff35}
body .project-sticky-header.is-pinned-visible .section-top{transform:translateY(0)}
@media(prefers-reduced-motion:reduce){body .project-sticky-header .section-top{transition:none;transform:none}}
/* Leave the backdrop visible behind the glass; categories retain their solid surface. */
body .project-sticky-header{background:transparent}
body .project-sticky-header::before{background:transparent}
body .project-sticky-header .filter-bar{position:relative;isolation:isolate;background:var(--yellow)}
body .project-sticky-header .filter-bar::before{content:'';position:absolute;inset:0 calc(-1 * max(20px,(100vw - 100%)/2));z-index:-1;background:var(--yellow);pointer-events:none}
body.dark-site .project-sticky-header .filter-bar,body.dark-site .project-sticky-header .filter-bar::before{background:#29292c}
body.dark-site .project-sticky-header .section-top::before{background:rgba(255,207,56,.82)}

/* One continuous glass header carries the brand through every chapter. */
.sticky-top-spacer,.continuing-logo{display:none}
body .project-sticky-header.is-pinned-visible .sticky-top-spacer{display:block;height:72px}
body .project-sticky-header.is-pinned-visible .section-top{position:fixed;top:0;left:max(20px,calc((100vw - 1320px)/2));right:max(20px,calc((100vw - 1320px)/2));width:auto;z-index:45}
body .project-sticky-header .section-top::before{inset:0 -14px;border-radius:0 0 18px 18px}
body .project-sticky-header .portfolio-logo{width:210px!important;height:72px!important;flex-basis:210px}
body .project-sticky-header .sticky-controls{transform:scale(.9);transform-origin:left center}
body .project-sticky-header .section-top.is-after-projects::before{background:rgba(30,30,34,.84);border-color:#ffffff30}
body .project-sticky-header .section-top.is-after-projects .portfolio-logo{display:none!important}
body .project-sticky-header .section-top.is-after-projects .continuing-logo{display:block;position:relative;width:210px;height:72px;flex:0 0 210px}
.continuing-logo img{width:100%;height:100%;object-fit:contain}
.continuing-logo::after{content:'';position:absolute;inset:0;background:#f1f1f3;mask:url('assets/logo-motion/spalvotas.svg') center/contain no-repeat;-webkit-mask:url('assets/logo-motion/spalvotas.svg') center/contain no-repeat;clip-path:inset(0 0 0 28%);pointer-events:none}
body .section-top.is-after-projects .sticky-controls .control-pair{border-color:#ffffff40}
body .section-top.is-after-projects .sticky-controls .control-pair::before{background:#ffffff25}
body .section-top.is-after-projects .sticky-controls .control-pair button,body .section-top.is-after-projects .sticky-controls .choice-icon{color:#eee!important}
body .anthracite-brand{display:none!important}
@media(min-width:701px) and (max-width:1000px){body .project-sticky-header.is-pinned-visible .sticky-top-spacer{height:100px}}
@media(max-width:700px){body .project-sticky-header.is-pinned-visible .sticky-top-spacer{height:82px}body .project-sticky-header .portfolio-logo{width:136px!important;height:64px!important;flex-basis:136px}body .project-sticky-header .section-top.is-after-projects .continuing-logo{width:136px;height:64px;flex-basis:136px}body .project-sticky-header .sticky-controls{transform:scale(.88);flex-basis:190px;width:190px}}
body .project-sticky-header{transform:none!important}
body.dark-site .project-sticky-header .section-top{background:transparent}
body.dark-site .project-sticky-header .section-top::before{inset:0 -14px}
.continuing-logo::after{clip-path:inset(0 0 0 calc(50% - 31.68px))}
@media(max-width:700px){.continuing-logo::after{clip-path:inset(0 0 0 calc(50% - 28.16px))}}
/* Full-width chapter bands, rather than floating submenu cards. */
body .project-sticky-header.is-pinned-visible .section-top{left:0;right:0;width:100%;padding-inline:max(20px,calc((100vw - 1320px)/2));background:transparent}
body .project-sticky-header .section-top::before,body.dark-site .project-sticky-header .section-top::before{inset:0;border-radius:0 0 16px 16px;background:#ffcf38;backdrop-filter:none;-webkit-backdrop-filter:none;border:0;box-shadow:none}
body .project-sticky-header .section-top.is-after-projects::before,body.dark-site .project-sticky-header .section-top.is-after-projects::before{background:#242426}
body .project-sticky-header{margin-top:0;padding-top:0}
body.dark-site .projects::before{display:none}
body.dark-site .inquiry-section.design-services::before{display:block!important;content:'';position:absolute;inset:0 calc((100% - 100vw)/2);background:#000!important;z-index:-2;pointer-events:none}
body.dark-site .inquiry-section.design-services{position:relative;isolation:isolate}

/* A restrained glass finish keeps the original yellow visually continuous. */
body .project-sticky-header .section-top::before,body.dark-site .project-sticky-header .section-top::before{background:rgba(255,207,56,.96);backdrop-filter:blur(24px) saturate(.7);-webkit-backdrop-filter:blur(24px) saturate(.7);box-shadow:inset 0 -1px 0 #ffffff24}
body .project-sticky-header .section-top.is-after-projects::before,body.dark-site .project-sticky-header .section-top.is-after-projects::before{background:rgba(36,36,38,.96)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){body .project-sticky-header .section-top::before{background:#ffcf38}body .project-sticky-header .section-top.is-after-projects::before{background:#242426}}

/* Closed project cards never expose unloaded plans behind the photo. */
.drawing-enabled .drawing-scroll-demo:not(.is-open) .drawing-scroll-window{visibility:hidden}