@font-face{font-family:Inter;src:url('/assets/Inter-Variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--navy:#061b50;--ink:#061b50;--paper:#fff;--surface:#f3f5f8;--line:#d7dce5;--muted:#52617f;--gutter:clamp(24px,4vw,104px);--header:88px;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;min-height:100svh;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}body>main{flex:1 0 auto;min-width:0}body>header,body>footer{flex-shrink:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:6px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}p{line-height:1.65}h1,h2,h3{font-weight:600;letter-spacing:-.055em}h1{font-size:clamp(48px,6.2vw,120px);line-height:1.02}h2{font-size:clamp(40px,4.5vw,86px);line-height:1.07}h3{font-size:28px;line-height:1.15}.wrap{width:calc(100% - var(--gutter)*2);max-width:2200px;margin-inline:auto}.section{padding-block:clamp(80px,8vw,160px)}.eyebrow,.project-category{font-size:11px;font-weight:500;line-height:1.5;letter-spacing:.13em;text-transform:uppercase;margin-bottom:28px}.muted,.lead{color:var(--muted)}.lead{font-size:clamp(16px,1.2vw,21px);line-height:1.7}.skip{position:fixed;top:-100px;left:20px;background:white;padding:16px;z-index:200}.skip:focus{top:10px}.reading-progress{position:fixed;top:0;left:0;width:100%;height:2px;background:var(--brand,var(--navy));transform-origin:left;transform:scaleX(0);z-index:100}
/* A quiet, precise navigation with a distinct current-page marker. */
header{height:var(--header);padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:32px;position:sticky;top:0;z-index:50;background:#fffffff2;border-bottom:1px solid #061b5010;backdrop-filter:blur(20px);transition:box-shadow .3s}.scrolled header{box-shadow:0 5px 30px #061b5007}.logo img{width:164px;height:47px;object-fit:contain}.header-phone{display:none}.header-actions{display:flex;align-items:center;gap:clamp(24px,3vw,70px)}#nav{display:flex;gap:clamp(20px,2vw,42px);align-items:center}#nav a{font-size:13px;position:relative;padding:32px 0;color:var(--muted);white-space:nowrap}#nav a:after{content:'';position:absolute;bottom:22px;left:0;right:0;height:2px;background:var(--navy);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}#nav a:hover,#nav a[aria-current]{color:var(--navy)}#nav a:hover:after,#nav a[aria-current]:after{transform:scaleX(1)}.menu{display:none}.language-picker{position:relative}.language-picker summary{list-style:none;display:flex;align-items:center;gap:9px;cursor:pointer;border:1px solid var(--line);border-radius:30px;padding:11px 13px;font-size:12px;font-weight:500;background:white}.language-picker summary::-webkit-details-marker{display:none}.language-flag{font-size:20px;line-height:1}.language-chevron{transition:transform .25s}.language-picker[open] .language-chevron{transform:rotate(180deg)}.language-options{position:absolute;right:0;top:calc(100% + 14px);width:210px;padding:8px;background:white;border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 45px #061b5016;animation:dropdown .2s var(--ease)}.language-options a{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:9px;font-size:13px}.language-options a>span{display:flex;align-items:center;gap:10px}.language-options small{color:var(--muted);font-size:10px}.language-options a:hover,.language-options a[aria-current]{background:var(--surface)}
/* The brand symbol is the hero artwork. Geometry is taken from the brand master. */
.corporate-hero.wrap{width:100%;max-width:none;display:grid;grid-template-columns:1.06fr 1fr;position:relative;min-height:min(850px,calc(100svh - var(--header)));background:var(--surface);overflow:clip}.hero-copy{padding:clamp(58px,7vw,140px) clamp(28px,4vw,100px) 110px var(--gutter);align-self:center;z-index:2}.hero-copy .eyebrow{margin-bottom:40px;display:flex;align-items:center;gap:12px}.dot{width:7px;height:7px;background:var(--navy);border-radius:50%;box-shadow:0 0 0 5px #061b5009}.hero-copy h1{font-size:clamp(48px,5.1vw,108px);line-height:1.02;letter-spacing:-.065em;max-width:850px}.headline-line{display:block}.headline-line:last-child{color:#7b879e}.hero-copy .lead{max-width:590px;margin-top:32px;font-size:clamp(15px,1.1vw,19px)}.hero-buttons{display:flex;align-items:center;gap:26px;margin-top:35px;flex-wrap:wrap}.button,.card-link,.external-link{display:inline-flex;gap:30px;align-items:center;justify-content:space-between;padding:18px 24px;border-radius:4px;font-size:13px;font-weight:500;transition:background .3s,transform .3s}.primary{background:var(--navy);color:white}.primary:hover{background:#18366f;transform:translateY(-3px)}.button span,.card-link span{display:inline-block;font-size:21px;transition:transform .35s}.button:hover span,.card-link:hover span{transform:translate(3px,-3px)}.text-link{font-size:12px;border-bottom:1px solid #061b5030;padding-bottom:5px}.signature-art{position:relative;background:var(--navy);min-height:650px;overflow:clip;color:white;isolation:isolate}.signature-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(145deg,#000,transparent)}.signature-mark{position:absolute;width:77%;height:auto;top:50%;left:50%;transform:translate(-50%,-50%);fill:white;filter:drop-shadow(0 24px 25px #0002)}.signature-echo{position:absolute;width:100%;height:auto;top:12%;left:17%;fill:none;stroke:#ffffff14;stroke-width:.65;transform:translateY(calc(var(--hero-p,0)*-60px))}.signature-piece{transform-box:fill-box;transform-origin:center;transition:fill .4s}.signature-caption,.signature-coordinate{position:absolute;bottom:34px;font-size:9px;letter-spacing:.1em;opacity:.6}.signature-caption{left:36px}.signature-coordinate{right:36px}.signature-rule{position:absolute;width:1px;height:50px;top:30px;left:50%;background:#ffffff30}.hero-baseline{position:absolute;left:var(--gutter);bottom:30px;width:calc(51.45% - var(--gutter)*2);display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:.12em;color:var(--muted)}.hero-baseline span:last-child{white-space:nowrap}.portfolio-index{display:grid;grid-template-columns:repeat(4,1fr);padding-block:32px;border-bottom:1px solid var(--line)}.portfolio-index a{display:flex;align-items:center;gap:15px;padding:12px 24px;border-right:1px solid var(--line);transition:background .3s}.portfolio-index a:first-child{padding-left:0}.portfolio-index a:last-child{border:0}.portfolio-index a>span{font-size:10px;color:var(--muted)}.portfolio-index img{width:34px;height:34px;object-fit:contain}.portfolio-index strong{font-size:14px;font-weight:500}.portfolio-index b{margin-left:auto;font-size:18px;font-weight:400;transition:transform .3s}.portfolio-index a:hover b{transform:translate(3px,-3px)}.competencies{display:grid;grid-template-columns:repeat(4,1fr);padding-block:32px;gap:30px}.competencies>div{display:flex;gap:18px;align-items:baseline}.competencies span{font-size:10px;color:#8c99af}.competencies p{font-size:12px;max-width:220px;color:var(--muted)}
/* Full-width, scroll-linked product chapters. */
.section-heading{display:grid;grid-template-columns:1.4fr .6fr;gap:50px;align-items:end;margin-bottom:65px}.section-heading h1,.section-heading h2{max-width:1100px}.section-heading>p{max-width:360px;font-size:16px;color:var(--muted);justify-self:end}.landing-catalog.wrap{width:100%;max-width:none;padding-bottom:0}.landing-catalog>.section-heading{padding-inline:var(--gutter)}.product-catalog{display:grid;gap:24px}.project-0,[data-page=umraos]{--brand:#075443;--brand-deep:#063b31;--brand-soft:#eef5ef;--accent:#cba64c}.project-1,[data-page=umramarket]{--brand:#8b6e2f;--brand-deep:#143f33;--brand-soft:#f6f2e8;--accent:#cba64c}.project-2,[data-page=salomat]{--brand:#217e83;--brand-deep:#153f43;--brand-soft:#eaf4f2;--accent:#bd9b50}.project-3,[data-page=dentalgo]{--brand:#1763cf;--brand-deep:#143c77;--brand-soft:#edf3fc;--accent:#6eabec}.project-card{display:grid;grid-template-columns:1fr 1fr;background:var(--brand-soft);position:relative;overflow:clip;min-height:650px;color:var(--brand-deep)}.project-visual{position:relative;min-height:560px;overflow:clip;display:flex;align-items:center;justify-content:center;order:2;background:var(--brand-soft);isolation:isolate}.project-content{display:flex;align-items:flex-start;flex-direction:column;justify-content:center;padding:65px clamp(28px,5vw,130px);z-index:2}.project-category{color:var(--brand);margin-bottom:24px}.project-heading h3{font-size:clamp(44px,4.8vw,98px);letter-spacing:-.055em;overflow-wrap:anywhere}.project-arrow{display:none}.project-content>p:not(.project-category){max-width:580px;font-size:clamp(16px,1.3vw,23px);line-height:1.65;margin-top:28px}.project-content .project-summary{display:none}.project-tags{list-style:none;display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:24px 0 32px}.project-tags li{font-size:10px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--brand) 20%,transparent);border-radius:3px}.card-link{border:1px solid var(--brand-deep);color:var(--brand-deep);margin-top:12px}.card-link:hover{background:var(--brand-deep);color:white}.brand-display{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:14px;width:72%;max-width:600px}.brand-display>img{width:100%;height:auto;max-height:220px;object-fit:contain}.brand-3>img{width:150px;height:150px}.brand-display>strong{font-size:32px;letter-spacing:-1.4px;font-weight:600}.salomat-lockup{display:flex;flex-direction:column;align-items:center;gap:25px}.salomat-lockup img{width:170px;height:170px;object-fit:contain}.salomat-lockup strong{font-size:46px;letter-spacing:-2px;color:#153f43}.salomat-lockup span{color:#bd9b50}.salomat-lockup em{font-style:normal;color:#217e83}.visual-index,.visual-category{position:absolute;left:36px;font-size:10px;letter-spacing:.08em;color:var(--brand)}.visual-index{top:36px}.visual-category{bottom:36px}.visual-orbit{position:absolute;width:70%;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--brand) 14%,transparent);border-radius:50%;z-index:0}.orbit-b{width:95%}.project-watermark{position:absolute;right:-10px;bottom:-60px;font-size:clamp(160px,23vw,440px);letter-spacing:-.1em;font-weight:600;line-height:1;color:color-mix(in srgb,var(--brand) 5%,transparent);z-index:-1}.landing .product-catalog{gap:0}.chapter{height:165vh;min-height:1000px;position:relative;background:var(--brand-soft)}.chapter .project-card{position:sticky;top:var(--header);min-height:0;height:calc(100svh - var(--header));}.chapter .project-visual{height:100%;min-height:0}.chapter .project-content{padding-left:var(--gutter)}.chapter-progress{position:absolute;left:var(--gutter);bottom:32px;width:100px;height:2px;background:color-mix(in srgb,var(--brand) 15%,transparent);overflow:hidden}.chapter-progress:after{content:'';display:block;height:100%;background:var(--brand);transform:scaleX(var(--chapter-p,0));transform-origin:left}.section-route{padding-block:36px}.section-route>a{display:flex;align-items:center;justify-content:space-between;padding-block:20px;border-bottom:1px solid currentColor;font-size:15px}.section-route span{font-size:24px;transition:transform .3s}.section-route a:hover span{transform:translate(5px,-5px)}
/* The company story uses the signature pattern as a dedicated graphic field. */
.about{background:var(--navy);color:white;padding:110px 0 0;overflow:clip;position:relative}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,8vw,200px)}.about h1,.about h2{max-width:800px;font-size:clamp(48px,4.7vw,94px)}.about .eyebrow{color:#9aaac8}.about-grid>div:first-child{position:relative}.about-signature{height:160px;overflow:hidden;margin-top:55px;position:relative}.about-signature:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--navy));pointer-events:none}.about-signature img{width:190px;height:142px;object-fit:contain;opacity:.18}.about-note{font-size:12px;color:#a2b1cb;margin-top:24px}.about-lead{font-size:clamp(26px,2.5vw,44px);line-height:1.25;letter-spacing:-.035em;margin-bottom:30px;max-width:720px}.about .muted{color:#b6c3dc;font-size:16px;line-height:1.85;max-width:720px}.values{margin-top:40px}.values>div{display:grid;grid-template-columns:40px 1fr;gap:8px 18px;padding:22px 0;border-top:1px solid #ffffff24}.values span{font-size:11px;color:#9aaac8}.values h3{font-size:23px;letter-spacing:-.035em}.values p{grid-column:2;color:#9aaac8;font-size:13px}.company-facts{margin-top:70px;border-top:1px solid #ffffff24;padding-block:36px}.company-facts dl{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:0}.company-facts dt{font-size:11px;color:#9aaac8;margin-bottom:12px}.company-facts dd{margin:0;font-size:20px;letter-spacing:-.025em}.company-facts .eyebrow{margin-bottom:30px}.about .section-route{color:white}.section-page .about{margin-top:30px}.section-page .about:after{content:'';display:block;height:145px;margin-top:30px;background:url('/assets/trimetra-pattern-dark.svg') center/360px;opacity:.12}
/* Human faces, editorial spacing, no duplicated card chrome. */
.team{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,64px)}.team article{min-width:0}.portrait{aspect-ratio:1/1.05;position:relative;background:#e2e9f2;overflow:hidden}.portrait img{height:100%;width:100%;object-fit:cover;object-position:center 35%;transition:transform .8s var(--ease)}.portrait small{position:absolute;bottom:0;left:0;right:0;padding:24px;font-size:10px;letter-spacing:.1em;color:white;background:linear-gradient(transparent,#061b5080)}.team article:hover .portrait img{transform:scale(1.035)}.team-info{position:relative;padding:27px 0;border-top:3px solid var(--navy)}.team-index{position:absolute;right:0;top:32px;font-size:10px;color:#8792a7}.team h3{font-size:clamp(21px,1.8vw,35px);padding-right:26px}.team .role{font-size:12px;color:var(--muted);margin-top:12px}.team-info>p:last-child{font-size:14px;line-height:1.8;color:var(--muted);margin-top:23px;max-width:530px}.team-photo-1,.team-photo-2{object-position:center 25%!important}.team-section>.section-heading{max-width:none}
/* Contact and footer are always visible in normal document flow. */
.contact{background:var(--surface);padding:90px 0;position:relative;overflow:clip}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,180px);align-items:start}.contact h1,.contact h2{font-size:clamp(48px,4.8vw,94px);max-width:900px}.contact-grid>div>p:not(.eyebrow){max-width:450px;color:var(--muted);font-size:15px;margin-top:28px}.contact-links{padding-top:10px}.contact-links a{display:block;border-top:1px solid var(--line);padding:30px 0;position:relative;transition:padding .4s var(--ease)}.contact-links a:last-of-type{border-bottom:1px solid var(--line)}.contact-links small{display:block;font-size:10px;letter-spacing:.14em;margin-bottom:18px;color:var(--muted)}.contact-links span{font-size:clamp(22px,2.5vw,46px);letter-spacing:-.04em;display:flex;justify-content:space-between;align-items:center;gap:20px}.contact-links b{font-size:32px;font-weight:300;transition:transform .4s}.contact-links a:hover{padding-left:16px}.contact-links a:hover b{transform:translate(4px,-4px)}.contact-links p{margin-top:30px;font-size:13px;color:var(--muted)}.section-page>.contact{margin-top:28px;min-height:65svh;display:flex;align-items:center}.site-footer{background:var(--navy);color:white;padding:70px var(--gutter) 25px;position:relative;overflow:hidden}.footer-main{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}.footer-main img{width:180px;height:auto}.footer-main p{font-size:10px;letter-spacing:.12em;color:#acb9d3;margin-top:24px}.site-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-content:start}.site-footer nav a{font-size:13px}.footer-contact{display:flex;flex-direction:column;align-items:flex-end;gap:20px;font-size:17px}.site-footer a{transition:opacity .2s}.site-footer a:hover{opacity:.65}.footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #ffffff26;padding-top:25px;margin-top:65px;color:#acb9d3;font-size:11px}.page-breadcrumb{padding-block:32px;font-size:11px;display:flex;gap:16px;color:var(--muted)}.page-breadcrumb a{color:var(--navy)}.section-page>.section{padding-top:40px}.section-page .product-catalog{grid-template-columns:1fr 1fr;gap:30px}.section-page .project-card{display:flex;flex-direction:column;min-height:0}.section-page .project-visual{order:0;min-height:350px}.section-page .project-content{padding:40px;flex:1;justify-content:flex-start}.section-page .project-heading h3{font-size:clamp(36px,3vw,58px)}.section-page .project-content>p:not(.project-category){font-size:16px;max-width:650px}.section-page .card-link{margin-top:auto}.section-page .project-tags{margin-bottom:30px}.section-page .brand-display{max-width:380px}.section-page .project-watermark{font-size:220px;bottom:-30px}
/* Product pages inherit a distinct identity through the entire narrative. */
body:has(.product-detail){background:var(--brand-soft);--ink:var(--brand-deep)}.product-detail{padding-top:45px;padding-bottom:100px}.back-link{display:inline-block;font-size:12px;color:var(--brand);margin-bottom:48px}.product-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,6vw,140px);align-items:center}.product-detail-grid>div:first-child{padding-block:25px}.product-detail h1{font-size:clamp(50px,6vw,112px);overflow-wrap:anywhere}.product-detail .lead{margin-top:30px;max-width:700px;color:color-mix(in srgb,var(--brand-deep) 72%,white);font-size:clamp(18px,1.5vw,26px)}.product-detail .eyebrow{color:var(--brand)}.badge{display:inline-flex;align-items:center;gap:10px;font-size:9px;letter-spacing:.09em;border:1px solid color-mix(in srgb,var(--brand) 30%,transparent);padding:9px 12px;margin-top:30px}.badge:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--brand)}.product-features{list-style:none;padding:0;margin:35px 0 0}.product-features li{display:flex;align-items:baseline;gap:22px;padding:16px 0;border-top:1px solid color-mix(in srgb,var(--brand) 15%,transparent);font-size:14px;line-height:1.5}.product-features span{font-size:10px;color:var(--brand)}.detail-note{margin-top:20px;font-size:12px;max-width:600px;color:var(--muted)}.product-actions{display:flex;flex-wrap:wrap;gap:25px;align-items:center;margin-top:30px}.external-link{background:var(--brand-deep);color:white;order:-1}.external-link:hover{background:var(--brand)}.product-contact{color:var(--brand)}.product-cover{position:relative;min-height:clamp(500px,40vw,820px);display:flex;align-items:center;justify-content:center;background:var(--brand-deep);overflow:hidden;isolation:isolate}.product-cover:before,.product-cover:after{content:'';position:absolute;width:100%;aspect-ratio:1;border:1px solid #ffffff18;border-radius:50%;z-index:-1}.product-cover:after{width:70%}.product-cover .brand-display{background:white;padding:50px 35px;min-height:250px;justify-content:center;width:70%;max-width:530px;box-shadow:0 30px 70px #0002;transform:translateY(var(--cover-y,0px));border-bottom:4px solid var(--accent)}.product-cover .brand-display img{max-height:160px}.product-cover>p,.product-cover>strong,.product-cover>div:not(.brand-display){display:none}.product-cover>span{position:absolute;bottom:30px;left:30px;color:#ffffff80;font-size:11px;letter-spacing:.1em}.product-story{display:grid;grid-template-columns:repeat(3,1fr);margin-top:100px;gap:40px}.product-story article{border-top:1px solid color-mix(in srgb,var(--brand) 25%,transparent);padding-top:30px}.product-story article:first-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.3fr;gap:0 80px;padding:60px;background:var(--brand-deep);color:white;border:0}.product-story article:first-child .eyebrow{color:var(--accent);grid-column:1}.product-story article:first-child h2{grid-column:1;font-size:clamp(35px,3vw,58px)}.product-story article:first-child p:last-child{grid-column:2;grid-row:1/3;align-self:center;color:#ffffffbd;font-size:20px;max-width:900px}.product-story h2{font-size:28px;margin-bottom:22px;letter-spacing:-.04em}.product-story p{font-size:15px;line-height:1.85;color:color-mix(in srgb,var(--brand-deep) 72%,white)}body:has(.product-detail) .contact{background:white}body:has(.product-detail) .site-footer{background:var(--brand-deep)}
/* Motion: native scrolling drives presentation in both directions. */
.motion-toggle{position:fixed;bottom:20px;right:20px;z-index:45;background:#ffffffed;color:var(--navy);border:1px solid var(--line);border-radius:50%;width:36px;height:36px;font-size:12px;box-shadow:0 4px 20px #061b500b}.motion-ready [data-reveal]{opacity:calc(.2 + var(--reveal,1)*.8);transform:translateY(calc((1 - var(--reveal,1))*55px));transition:none}.motion-ready .portrait img{transform:scale(calc(1.08 - var(--reveal,1)*.08))}.motion-ready .chapter .brand-display{transform:translateY(calc((.5 - var(--chapter-p,0))*70px)) scale(calc(.88 + var(--chapter-p,0)*.2))}.motion-ready .chapter .orbit-a{transform:scale(calc(.8 + var(--chapter-p,0)*.35))}.motion-ready .chapter .orbit-b{transform:scale(calc(1.1 - var(--chapter-p,0)*.2))}.motion-ready .chapter .project-content{transform:translateY(calc((.5 - var(--chapter-p,0))*30px))}.motion-ready .signature-mark .piece-0,.motion-ready .signature-mark .piece-1{transform:translateX(calc(var(--hero-p,0)*-90px))}.motion-ready .signature-mark .piece-4,.motion-ready .signature-mark .piece-5{transform:translateX(calc(var(--hero-p,0)*90px))}.signature-mark{animation:signature-entry 1.4s var(--ease) both}.hero-copy{animation:copy-entry 1s var(--ease) both}.signature-art:after{content:'';position:absolute;top:0;bottom:0;left:-40%;width:30%;background:linear-gradient(90deg,transparent,#ffffff05,transparent);animation:signature-light 8s ease-in-out infinite;pointer-events:none}.motion-paused *{animation:none!important}.motion-paused [data-reveal]{opacity:1;transform:none}.motion-paused .chapter .brand-display,.motion-paused .chapter .project-content,.motion-paused .signature-piece{transform:none!important}
@keyframes signature-entry{from{opacity:0;transform:translate(-50%,-40%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes copy-entry{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes signature-light{0%,25%{left:-40%}80%,100%{left:120%}}@keyframes dropdown{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(min-width:1900px){header #nav a{font-size:15px}.hero-copy .lead{font-size:21px}.project-content>p:not(.project-category){font-size:25px}.portfolio-index strong{font-size:18px}.portfolio-index img{width:44px;height:44px}.competencies p{font-size:14px}.team-info>p:last-child{font-size:16px}.contact-grid>div>p:not(.eyebrow){font-size:18px}}
@media(max-width:1100px){:root{--header:76px}.header-actions{gap:24px}#nav{gap:20px}#nav a{font-size:12px}.logo img{width:140px}.hero-copy{padding-top:65px;padding-bottom:100px}.corporate-hero.wrap{min-height:650px}.signature-art{min-height:650px}.hero-copy h1{font-size:54px}.hero-buttons{gap:20px}.portfolio-index a{padding-inline:14px;gap:10px}.portfolio-index a>span{display:none}.portfolio-index strong{font-size:12px}.portfolio-index img{width:27px;height:27px}.about-grid{gap:50px}.project-heading h3{font-size:50px}.project-content{padding:45px 32px}.project-tags{display:none}.card-link{margin-top:30px}.section-page .project-content{padding:30px}.product-story{gap:25px}.product-story article:first-child{padding:40px}.product-cover .brand-display{padding:35px 25px;width:80%}.footer-main{grid-template-columns:1fr 1fr}.footer-contact{align-items:flex-start;grid-column:2}.footer-bottom{margin-top:40px}}
@media(max-width:800px){:root{--gutter:24px;--header:72px}header{gap:15px}.logo img{width:145px;height:42px}.header-actions{gap:15px}.menu{display:flex;flex-direction:column;justify-content:center;gap:6px;width:36px;height:38px;border:0;background:transparent;order:2}.menu span{display:block;height:1.5px;width:22px;background:var(--navy);transition:transform .25s}.menu[aria-expanded=true] span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu[aria-expanded=true] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}#nav{position:absolute;top:calc(var(--header) - 1px);left:0;right:0;display:none;padding:18px 24px 28px;background:white;border-bottom:1px solid var(--line);box-shadow:0 12px 20px #061b5008}#nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}#nav a{padding:17px 0;font-size:18px}#nav a:after{bottom:8px;right:auto;width:30px}.language-picker summary{padding:10px;font-size:11px}.language-flag{font-size:18px}.corporate-hero.wrap{display:block;min-height:0}.hero-copy{padding:55px var(--gutter) 50px}.hero-copy h1{font-size:clamp(48px,8.5vw,72px);max-width:620px}.hero-copy .eyebrow{font-size:9px;margin-bottom:28px}.hero-copy .lead{font-size:16px;max-width:550px}.hero-baseline{position:static;width:100%;padding:20px var(--gutter);font-size:8px}.signature-art{min-height:0;height:430px}.signature-mark{width:55%;max-width:440px}.signature-echo{width:65%;left:30%;top:0}.signature-caption,.signature-coordinate{bottom:24px;font-size:8px}.signature-caption{left:24px}.signature-coordinate{right:24px}.portfolio-index{grid-template-columns:1fr 1fr;padding-block:10px}.portfolio-index a{padding:20px 15px!important;border-right:0}.portfolio-index a:nth-child(odd){border-right:1px solid var(--line)}.portfolio-index a:nth-child(-n+2){border-bottom:1px solid var(--line)}.portfolio-index strong{font-size:13px}.competencies{grid-template-columns:1fr 1fr;gap:20px}.competencies p{font-size:11px}.section-heading{grid-template-columns:1fr;gap:25px;margin-bottom:40px}.section-heading>p{justify-self:start;max-width:500px;font-size:15px}.section-heading h1,.section-heading h2{font-size:clamp(42px,7vw,60px)}.section{padding-block:70px}.project-card{grid-template-columns:1fr;min-height:0}.project-visual{order:0;min-height:350px}.project-content{padding:40px var(--gutter)}.project-heading h3{font-size:clamp(40px,7vw,62px)}.project-content>p:not(.project-category){font-size:17px;margin-top:20px}.project-category{font-size:10px;margin-bottom:15px}.brand-display{max-width:340px}.brand-display>img{max-height:130px}.brand-3>img{width:100px;height:100px}.brand-display>strong{font-size:26px}.salomat-lockup img{width:110px;height:110px}.salomat-lockup strong{font-size:34px}.chapter{height:auto;min-height:0}.chapter .project-card{position:relative;top:auto;height:auto;grid-template-columns:1fr}.chapter .project-visual{height:340px}.chapter .project-content{padding:35px var(--gutter) 55px}.chapter-progress{display:none}.chapter .project-category{margin-bottom:15px}.chapter .card-link{margin-top:25px}.about{padding-top:70px}.about-grid{grid-template-columns:1fr;gap:45px}.about h1,.about h2{font-size:clamp(45px,8vw,68px)}.about-signature{height:100px;margin-top:30px}.about-signature img{width:130px;height:97px}.about-note{margin-top:20px}.about-lead{font-size:30px}.about .muted{font-size:15px}.company-facts{margin-top:45px}.company-facts dl{grid-template-columns:1fr;gap:28px}.company-facts dd{font-size:19px}.team{gap:24px;grid-template-columns:1fr}.team article{display:grid;grid-template-columns:.9fr 1fr;gap:28px}.team-info{padding-top:22px}.team h3{font-size:25px}.portrait{aspect-ratio:1/1.2}.team-info>p:last-child{font-size:13px}.team .role{font-size:11px}.team-index{top:28px}.contact{padding-block:65px}.contact-grid{grid-template-columns:1fr;gap:35px}.contact h1,.contact h2{font-size:clamp(45px,8vw,68px)}.contact-links span{font-size:clamp(23px,4.5vw,34px)}.contact-links a{padding-block:25px}.footer-main{gap:35px}.footer-main img{width:155px}.site-footer{padding-top:50px}.site-footer nav{gap:20px}.footer-contact{font-size:16px}.footer-bottom{font-size:10px}.section-page .product-catalog{gap:22px}.section-page .project-visual{min-height:260px}.section-page .project-content{padding:25px}.section-page .project-heading h3{font-size:31px}.section-page .project-content>p:not(.project-category){font-size:14px}.section-page .card-link{font-size:11px;padding:13px 16px;margin-top:25px}.section-page .brand-display{width:75%}.product-detail-grid{grid-template-columns:1fr;gap:40px}.product-detail{padding-top:30px}.product-detail h1{font-size:64px}.back-link{margin-bottom:25px}.product-cover{min-height:430px}.product-cover .brand-display{max-width:380px;min-height:220px}.product-story{grid-template-columns:1fr;gap:40px;margin-top:65px}.product-story article:first-child{display:block;padding:32px}.product-story article:first-child p:last-child{font-size:17px}.product-story h2{font-size:30px}.product-story article:first-child h2{margin-bottom:25px}.product-detail .lead{font-size:20px}.motion-toggle{right:14px;bottom:14px}}
@media(max-width:500px){:root{--gutter:20px}.signature-art{height:330px}.signature-mark{width:70%}.signature-echo{width:95%;left:20%}.signature-coordinate{display:none}.hero-copy h1{font-size:49px}.hero-buttons{align-items:flex-start;gap:25px}.hero-buttons .text-link{margin-top:10px}.hero-baseline{font-size:7px}.hero-baseline span:last-child{display:none}.portfolio-index a{gap:8px;padding:18px 8px!important}.portfolio-index strong{font-size:11px}.portfolio-index img{width:28px;height:28px}.portfolio-index b{font-size:15px}.competencies{gap:18px 12px}.competencies>div{gap:10px}.competencies p{font-size:10px}.eyebrow{font-size:10px;margin-bottom:22px}.section-heading h2 br{display:none}.section-heading h1,.section-heading h2{font-size:43px}.project-visual{min-height:300px}.chapter .project-visual{height:300px}.visual-index,.visual-category{left:20px;font-size:9px}.visual-index{top:22px}.visual-category{bottom:22px}.project-heading h3{font-size:42px}.section-page .product-catalog{grid-template-columns:1fr}.section-page .project-heading h3{font-size:38px}.section-page .project-content{padding:28px}.team article{display:block}.portrait{aspect-ratio:1/1.04}.team h3{font-size:29px}.team-info{padding:25px 0 30px}.team-info>p:last-child{font-size:14px}.team{gap:36px}.contact-links span{font-size:24px}.contact-links b{font-size:26px}.footer-main{grid-template-columns:1fr}.footer-contact{grid-column:auto;gap:15px}.footer-bottom{flex-direction:column;gap:16px;margin-top:40px}.footer-main nav{max-width:320px}.product-detail h1{font-size:52px}.product-cover{min-height:360px}.product-detail .lead{font-size:18px}.product-actions{gap:20px}.external-link{font-size:12px;padding:16px 20px}.product-story article:first-child{padding:28px}.product-detail{padding-bottom:70px}.language-options{right:-45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready [data-reveal]{opacity:1;transform:none}.motion-ready .signature-piece,.motion-ready .chapter .brand-display,.motion-ready .chapter .project-content,.motion-ready .portrait img{transform:none!important}.chapter{height:auto;min-height:0}.chapter .project-card{position:relative;top:auto;min-height:650px;height:auto}.motion-toggle{display:none}}
/* Product identity stages: each brand sits in its own colour field. */
.project-visual{background:var(--brand-deep)}.project-visual .brand-display{background:#fff;min-height:260px;padding:42px 32px;border-bottom:4px solid var(--accent);box-shadow:0 35px 80px #0002;width:70%;max-width:600px}.project-visual .brand-display>img{max-height:180px}.project-visual .brand-3>img{width:110px;height:110px}.project-visual .visual-index,.project-visual .visual-category{color:#ffffff80}.project-visual .visual-orbit{border-color:#ffffff1c}.project-watermark{color:#ffffff07}.project-visual:before{content:'';position:absolute;width:58%;height:52%;left:15%;top:22%;border:1px solid #ffffff24;transform:translate(-18px,18px);transition:transform .5s}.project-1 .project-visual:before{border-color:var(--accent)}.project-2 .project-visual .orbit-a{border-radius:30%;width:70%}.project-3 .project-visual .orbit-b{border-style:dashed;border-color:#ffffff25}.motion-ready .chapter .brand-display{transform:translateY(calc((.5 - var(--chapter-p,0))*150px)) scale(calc(.72 + var(--chapter-p,0)*.4));}.motion-ready .chapter .project-visual:before{transform:translate(calc((var(--chapter-p,0) - 1)*60px),calc((1 - var(--chapter-p,0))*60px))}.motion-ready .chapter .orbit-a{transform:scale(calc(.6 + var(--chapter-p,0)*.7))}.motion-ready .chapter .orbit-b{transform:scale(calc(1.3 - var(--chapter-p,0)*.5))}.chapter .project-visual{clip-path:inset(0 calc((1 - var(--chapter-p,0))*4%) 0 0)}.portrait{clip-path:inset(calc((1 - var(--reveal,1))*10%) 0 0 0)}.contact-links a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--navy);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}.contact-links a:hover:after{transform:scaleX(1)}.about .values>div{position:relative}.about .values>div:after{content:'';position:absolute;left:0;top:-1px;height:1px;width:100%;background:#ffffff70;transform-origin:left;transform:scaleX(var(--reveal,1))}.section-page .project-visual .brand-display{min-height:210px;padding:30px;max-width:420px}.section-page .project-visual .brand-display>img{max-height:140px}.section-page .project-visual .brand-3>img{height:85px;width:85px}.section-page .salomat-lockup img{width:100px;height:100px}.section-page .salomat-lockup{gap:15px}.section-page .salomat-lockup strong{font-size:32px}
@media(max-width:800px){.project-visual .brand-display{min-height:200px;max-width:340px;padding:30px}.project-visual .brand-display>img{max-height:125px}.project-visual .brand-3>img{width:90px;height:90px}.motion-ready .chapter .brand-display{transform:translateY(calc((.5 - var(--chapter-p,0))*35px)) scale(calc(.94 + var(--chapter-p,0)*.08))}.chapter .project-visual{clip-path:none}.section-page .project-visual .brand-display{min-height:180px;padding:25px}.section-page .project-visual{min-height:290px}}
@media(prefers-reduced-motion:reduce){.chapter .project-visual,.portrait{clip-path:none}.project-visual:before{transform:none!important}}
.motion-paused .chapter{height:auto;min-height:0}.motion-paused .chapter .project-card{position:relative;top:auto;height:auto;min-height:650px}.motion-paused .chapter .project-visual{clip-path:none}.motion-paused .portrait{clip-path:none}.motion-paused .chapter .project-visual:before{transform:none}
@media(max-width:800px){.motion-paused .chapter .project-card{min-height:0}}
.chapter .project-visual{clip-path:none}.hero-copy h1{overflow-wrap:anywhere}

/* Reserve the fixed motion controls beside the footer return link. */
@media(min-width:801px){.footer-bottom{padding-right:100px}}