@font-face{font-family:Poppins;src:url('/brand/poppins-regular.ttf');font-weight:400;font-display:swap}@font-face{font-family:Poppins;src:url('/brand/poppins-semibold.ttf');font-weight:600;font-display:swap}@font-face{font-family:Inter;src:url('/brand/inter-regular.ttf');font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url('/brand/inter-semibold.ttf');font-weight:600;font-display:swap}
@font-face{font-family:Archivo;src:url('/fonts/archivo.ttf')}@font-face{font-family:Inter;src:url('/fonts/inter.ttf')}
:root{color-scheme:light;--bg:#e7edf3;--surface:#fff;--ink:#0d1620;--muted:#41525f;--line:#d2dde7;--accent:#0079a0;--wash:#e0f0f6;--night:#0b1017;--on-night:#eaf1f7;--radius:14px;--brand-cyan:#00b4e0;--brand-carbon:#1e1e1e;--grid:rgba(0,100,127,.045)}
:root[data-theme=dark]{color-scheme:dark;--bg:#0b1017;--surface:#131b24;--ink:#eaf1f7;--muted:#a7bacb;--line:#25313d;--accent:#00b4e0;--wash:#162c3a;--night:#0b1017;--on-night:#eaf1f7;--grid:rgba(125,212,240,.035)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,select{cursor:pointer}button{color:inherit}button:disabled{cursor:wait;opacity:.65}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Poppins,Inter,sans-serif;line-height:1.07;font-weight:600;letter-spacing:-.035em}h1{font-size:clamp(38px,5.4vw,78px)}h2{font-size:clamp(28px,3vw,42px)}h3{font-size:24px}.skip{position:fixed;top:-100px;left:20px;background:var(--surface);padding:12px;z-index:99}.skip:focus{top:10px}.topbar{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px max(24px,calc((100vw - 1380px)/2));border-bottom:1px solid var(--line);background:var(--surface)}.wordmark{font-size:32px;font-weight:700;letter-spacing:-1.8px;display:flex;align-items:center;gap:18px}.wordmark span{font-size:10px;letter-spacing:2px;font-weight:600;padding-left:18px;border-left:1px solid var(--line);color:var(--muted)}nav{display:flex;gap:8px}nav a{padding:10px 16px;border-radius:50px;font-weight:550;color:var(--muted)}nav a.active{background:var(--wash);color:var(--accent)}.tools{display:flex;gap:8px;align-items:center}.icon{width:44px;height:44px;flex:none;border:1px solid var(--line);background:var(--surface);border-radius:50%;font-size:21px;display:inline-grid;place-items:center}.subtle{border:0;background:transparent;color:var(--muted);padding:10px}.wrap{max-width:1380px;margin:auto;padding:0 32px}.eyebrow{font-size:11px;font-weight:650;letter-spacing:1.8px;text-transform:uppercase;color:var(--accent)}.lead{max-width:660px;color:var(--muted);font-size:18px;line-height:1.65;margin-top:20px}.hero{padding:52px 0 36px;display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:end}.hero h1{margin-top:16px;max-width:870px}.hero h1 em{font-style:normal;color:var(--accent)}.hero-aside{padding-bottom:6px}.hero-aside p{font-size:17px;color:var(--muted);max-width:330px}.hero-links{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}.button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:12px 20px;background:var(--ink);color:var(--surface);border:1px solid var(--ink);border-radius:6px;font-weight:600;font-size:14px}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.button.accent{background:var(--accent);border-color:var(--accent);color:var(--bg)}.button:hover{transform:translateY(-1px)}.feature-strip{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:20px;margin:14px 0 55px}.feature{position:relative;overflow:hidden;border-radius:var(--radius);background:var(--night);height:300px}.feature img{height:100%;width:100%;object-fit:cover;transition:transform .4s}.feature:hover img{transform:scale(1.025)}.feature:nth-child(2) img{object-fit:contain}.feature .caption{position:absolute;bottom:0;left:0;right:0;padding:18px 20px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.88));display:flex;justify-content:space-between;align-items:end;padding-top:50px}.feature .caption b{font-size:18px}.feature .caption small{font-size:11px;display:block;margin-bottom:4px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:26px}.section-heading h2{margin-top:10px}.section-heading>p{max-width:330px;color:var(--muted)}.section{padding:30px 0 55px}.section .section{padding-bottom:0}.section-link{font-size:14px;color:var(--accent);font-weight:600}.products-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.product-card{display:grid;grid-template-columns:1.1fr 1fr;min-height:270px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.product-art{position:relative;background:var(--wash);min-height:270px;overflow:hidden;display:flex;align-items:center;justify-content:center}.product-art>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:top left}.product-art .monogram{font:600 100px Poppins;color:var(--ink);opacity:.85}.product-info{padding:28px;display:flex;flex-direction:column;align-items:start}.product-info h3{margin:12px 0}.product-info p{color:var(--muted);font-size:14px;margin-bottom:22px}.product-info .open{margin-top:auto;font-size:13px;font-weight:650;color:var(--accent)}.tag{font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:var(--muted)}.brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}.brand-art{aspect-ratio:4/3;background:var(--night);overflow:hidden;border-radius:var(--radius);position:relative}.brand-art img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.brand-card:hover .brand-art img{transform:scale(1.025)}.brand-card .card-info{display:flex;justify-content:space-between;gap:15px;padding:16px 0 0}.brand-card h3{font-size:22px;margin:5px 0 9px}.brand-card p{font-size:13px;color:var(--muted);max-width:340px}.round-arrow{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;flex:none}.search-row{display:flex;align-items:center;gap:16px;margin:26px 0}.search-row input{min-width:0;flex:1;background:var(--surface);color:var(--ink);border:1px solid var(--line);padding:14px 18px;border-radius:8px}.search-row select{max-width:280px;background:var(--surface);color:var(--ink);border:1px solid var(--line);padding:14px;border-radius:8px}.result-label{font-size:12px;color:var(--muted);margin-bottom:24px}.page-head{padding:45px 0 28px}.page-head h1{margin-top:14px;font-size:clamp(36px,4vw,58px)}.crumbs{display:flex;gap:10px;font-size:12px;color:var(--muted);margin-bottom:32px}.crumbs a{color:var(--accent)}.detail-head{display:flex;align-items:end;justify-content:space-between;gap:30px}.detail-head h1{font-size:clamp(36px,4vw,58px);margin:12px 0}.detail-head p:not(.eyebrow){color:var(--muted);max-width:770px}.detail-date{font-size:12px;white-space:nowrap;color:var(--muted)}.work-note{border-left:3px solid var(--accent);padding:12px 18px;background:var(--wash);font-size:13px;color:var(--muted);margin-top:24px}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-top:28px;overflow:auto;scrollbar-width:thin;padding-bottom:0}.tabs button{border:0;border-bottom:3px solid transparent;padding:15px 19px;background:transparent;white-space:nowrap;color:var(--muted);font-weight:550}.tabs button.active{border-color:var(--accent);color:var(--accent)}.gallery-tools{display:flex;justify-content:space-between;gap:20px;align-items:end;margin:24px 0 18px}.gallery-tools label{font-size:11px;color:var(--muted);display:flex;flex-direction:column;gap:6px;min-width:220px;max-width:75%}.gallery-tools select{padding:11px 12px;max-width:100%;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:6px}.gallery-tools .counter{font:500 12px Inter;color:var(--muted)}.stage{position:relative;background:var(--surface);min-height:320px;display:flex;justify-content:center;align-items:center;border-radius:10px;overflow:hidden}.stage>img{width:100%;height:min(66vh,700px);object-fit:contain;cursor:zoom-in}.stage.blue{background:#0a2b43}.stage .expand{position:absolute;right:18px;bottom:18px;padding:9px 14px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:6px;font-size:12px}.stage .gallery-prev,.stage .gallery-next{position:absolute;top:50%;transform:translateY(-50%);z-index:1}.gallery-prev{left:16px}.gallery-next{right:16px}.image-caption{font-size:13px;color:var(--muted);padding:14px 0;display:flex;justify-content:space-between;gap:20px}.thumbs{display:flex;gap:10px;overflow:auto;padding:8px 2px 24px}.thumbs button{width:120px;min-width:120px;background:var(--surface);border:2px solid transparent;border-radius:7px;padding:5px;text-align:left}.thumbs button.active{border-color:var(--accent)}.thumbs img{height:65px;width:100%;object-fit:contain;background:var(--night);border-radius:3px}.thumbs span{display:block;font-size:10px;line-height:1.4;color:var(--muted);margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.review-card{display:grid;grid-template-columns:170px 1fr;background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden}.review-card>img{width:170px;height:100%;min-height:200px;object-fit:contain;background:var(--night)}.review-copy{padding:22px}.review-copy h3{font-size:22px;margin:5px 0 12px}.review-copy p{font-size:12px;color:var(--muted);margin:10px 0}.review-copy a{font-size:13px;color:var(--accent);font-weight:600}.status-label{display:inline-block;border:1px solid var(--line);border-radius:20px;padding:4px 9px;font-size:10px;color:var(--muted);margin-top:10px}.empty{padding:70px 24px;text-align:center;color:var(--muted)}.empty h2{color:var(--ink);margin-bottom:16px}.empty .button{margin-top:20px}.loading{padding:100px 24px;text-align:center;color:var(--muted)}.login-layout{min-height:70vh;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:80px;padding:70px 0}.login-message h1{font-size:clamp(42px,5vw,72px);margin:20px 0}.login-message>p:last-child{color:var(--muted);max-width:420px;font-size:18px}.login-form{background:var(--surface);padding:40px;border:1px solid var(--line);border-radius:14px;max-width:460px}.login-form h2{font-size:28px}.login-form p{font-size:13px;color:var(--muted);margin:12px 0 25px}.login-form label{display:block;font-size:12px;font-weight:600;margin-bottom:8px}.login-form input{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--ink);padding:15px;border-radius:6px;letter-spacing:2px}.login-form .button{width:100%;margin-top:16px}.login-form .login-error{min-height:24px;color:var(--ink);font-size:12px;margin-bottom:0}.access-expiry{font-size:11px;color:var(--muted);margin-top:20px}.mockup-toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:18px 0}.mockup-toolbar div{display:flex;gap:8px}.mockup-toolbar button{border:1px solid var(--line);padding:8px 13px;background:var(--surface);border-radius:5px}.mockup-toolbar button.active{background:var(--wash);color:var(--accent)}.mockup-area{background:var(--wash);display:flex;justify-content:center;min-height:730px}.mockup-area iframe{border:0;width:100%;min-height:780px;background:#fff}.mockup-area.mobile iframe{width:390px;max-width:100%}.preview-cover{background:var(--surface);border-radius:10px;overflow:hidden;margin-top:25px}.preview-cover img{width:100%;max-height:650px;object-fit:contain;object-position:top}.preview-cover .button{margin:20px}.product-summary{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.more-band{padding:35px;border-radius:12px;background:var(--night);color:var(--on-night);display:flex;justify-content:space-between;align-items:center;gap:35px;margin:20px 0 55px}.more-band h2{font-size:32px}.more-band p{font-size:14px;opacity:.8;margin-top:10px}.more-band a{white-space:nowrap;border:1px solid #5a7b90;border-radius:5px;padding:12px 18px;font-size:13px}footer{border-top:1px solid var(--line);padding:32px max(32px,calc((100vw - 1316px)/2));display:flex;justify-content:space-between;align-items:center;gap:30px;color:var(--muted);font-size:12px}footer .wordmark{color:var(--ink);font-size:28px}dialog{border:1px solid var(--line);border-radius:12px;width:min(1300px,96vw);max-height:96vh;padding:18px;background:var(--surface);color:var(--ink)}dialog::backdrop{background:#06111de8}.viewer-top,.viewer-bottom{display:flex;align-items:center;gap:16px;justify-content:space-between}.viewer-top h2{font-size:21px}.viewer-bottom{margin-top:12px;font-size:12px}.viewer-bottom a{margin-left:auto;color:var(--accent)}#viewer-image{width:100%;height:72vh;object-fit:contain;background:var(--night);margin-top:16px}#notice{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--surface);padding:12px 22px;border-radius:7px;max-width:90vw;z-index:20;font-size:13px}#notice:empty{display:none}
@media(min-width:1700px){.stage>img{height:700px}}@media(max-width:1050px){.product-card{grid-template-columns:1fr}.product-art{min-height:240px}.hero{gap:30px}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.review-grid{grid-template-columns:1fr}.feature-strip{gap:14px}.feature{height:240px}.login-layout{gap:40px}}
@media(max-width:650px){.topbar{padding:18px 20px;gap:12px;flex-wrap:wrap;min-height:80px}.wordmark{font-size:28px}.wordmark span{font-size:9px;gap:10px;padding-left:12px}.topbar nav{order:3;width:100%;justify-content:center;border-top:1px solid var(--line);padding-top:10px;margin-top:6px}.topbar nav a{padding:9px 20px;font-size:13px}.tools{margin-left:auto}.icon{width:38px;height:38px;font-size:18px}.wrap{padding:0 20px}.hero{display:block;padding:35px 0 28px}.hero h1{font-size:43px;max-width:450px}.hero-aside{margin-top:22px}.hero-aside p{max-width:100%;font-size:15px}.hero-links{margin-top:18px}.feature-strip{grid-template-columns:1fr 1fr;margin:0 0 30px;gap:12px}.feature:first-child{grid-column:1/-1;height:260px}.feature{height:190px}.feature .caption{padding:36px 12px 12px}.feature .caption b{font-size:14px}.feature .caption small{font-size:9px}.section{padding:25px 0 30px}.section-heading{display:block;margin-bottom:20px}.section-heading>p{margin-top:14px;font-size:14px}.products-grid,.brand-grid{grid-template-columns:1fr;gap:23px}.product-card{grid-template-columns:1fr}.product-art{min-height:225px}.product-info{padding:24px}.product-info h3{font-size:29px}.brand-art{aspect-ratio:4/3}.search-row{gap:10px;align-items:stretch;flex-direction:column}.search-row select{max-width:100%;width:100%}.page-head{padding:30px 0 20px}.page-head h1{font-size:39px}.detail-head{display:block}.detail-head h1{font-size:37px}.detail-date{display:block;margin-top:18px}.tabs{margin-top:24px;margin-left:-20px;margin-right:-20px;padding:0 20px}.tabs button{padding:13px 14px;font-size:13px}.gallery-tools{gap:12px;align-items:center}.gallery-tools label{min-width:0;max-width:80%;flex:1}.gallery-tools select{font-size:12px}.stage{min-height:230px}.stage>img{height:400px;max-height:65vh}.stage .expand{right:10px;bottom:10px;font-size:10px;padding:8px}.stage .icon{width:32px;height:32px}.gallery-prev{left:8px}.gallery-next{right:8px}.image-caption{font-size:11px}.thumbs button{width:95px;min-width:95px}.thumbs img{height:55px}.review-card{grid-template-columns:1fr}.review-card>img{width:100%;height:240px;min-height:0}.review-copy{padding:22px}.login-layout{display:block;padding:30px 0 45px;min-height:0}.login-message h1{font-size:42px;max-width:390px}.login-message>p:last-child{font-size:15px}.login-form{padding:25px;margin-top:30px}.login-form h2{font-size:26px}.more-band{display:block;padding:25px;margin-bottom:35px}.more-band h2{font-size:30px}.more-band a{display:inline-block;margin-top:22px}.mockup-toolbar{flex-wrap:wrap;font-size:12px}.mockup-toolbar a{font-size:12px}.mockup-area{margin-left:-20px;margin-right:-20px}.mockup-area iframe{min-height:760px}.crumbs{margin-bottom:24px}.lead{font-size:16px}footer{padding:28px 20px;flex-wrap:wrap;gap:20px}footer>p{width:100%;order:3}.viewer-top h2{font-size:17px}#viewer-image{height:65vh}.viewer-bottom{gap:8px}.viewer-bottom a{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;transform:none!important}}

/* Canonical Innodite identity: official mark, Poppins/Inter, cyan/carbon and institutional technical grid. */
body{background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:24px 24px}
.topbar{border-top:3px solid var(--brand-cyan)}
.wordmark{font-family:Poppins,Inter,sans-serif;font-weight:600;letter-spacing:-1px;gap:10px}
.wordmark span{margin-left:8px;font-family:Inter,sans-serif;letter-spacing:2px}
.corporate-logo{width:42px;height:42px;object-fit:contain;flex:none}
footer .corporate-logo{width:36px;height:36px}
.login-brand{display:flex;align-items:center;gap:15px;margin-bottom:24px;font:600 28px Poppins,sans-serif;letter-spacing:-1px}
.login-brand img{width:64px;height:64px}
@media(max-width:650px){.topbar .corporate-logo{width:34px;height:34px}.topbar .wordmark{font-size:24px;gap:8px}.topbar .wordmark span{font-size:8px;padding-left:10px;margin-left:2px}.topbar .subtle{padding:6px}.topbar .tools{gap:3px}.hero h1{font-size:39px}.login-brand img{width:54px;height:54px}}