@font-face{font-family:Inter;src:url('../dist/assets/inter-latin-400-normal-C38fXH4l.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('../dist/assets/inter-latin-600-normal-LgqL8muc.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url('../dist/assets/inter-latin-700-normal-Yt3aPRUw.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('../dist/assets/space-grotesk-latin-500-normal-lFbtlQH6.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('../dist/assets/space-grotesk-latin-600-normal-DjKNqYRj.woff2') format('woff2');font-weight:600;font-display:swap}

/* Shared by the two English pages in this design review. */
.dc-page{--paper:#f7f6f2;--ink:#171817;--muted:#686a65;--line:rgba(23,24,23,.15);--orange:#df5c21;--max:1220px;margin:0;min-width:320px;background:var(--paper);color:var(--ink);font:400 16px/1.65 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.dc-page *{box-sizing:border-box}
.dc-page a{color:inherit;text-decoration:none}
.dc-page button{font:inherit;cursor:pointer}
.dc-page img{display:block;max-width:100%;height:auto}
.dc-page h1,.dc-page h2,.dc-page h3,.dc-showcase h2,.dc-mini-card h3{font-family:'Space Grotesk',Inter,sans-serif;font-weight:500}
.dc-page figure{margin:0}

.dc-wrap{width:min(1220px,calc(100% - 64px));margin-inline:auto}
.dc-page [id]{scroll-margin-top:30px}
.dc-page a:focus-visible,.dc-page button:focus-visible,.dc-showcase a:focus-visible,.dc-showcase button:focus-visible,.dc-project-rail:focus-visible,.dc-navigation summary:focus-visible{outline:2px solid #c64b16;outline-offset:5px}
.dc-skip{position:absolute;left:20px;top:-100px;z-index:100;padding:12px 20px;background:white}
.dc-skip:focus{top:12px}
.dc-eyebrow{color:#b5481b;font:600 11px/1.5 Inter,sans-serif;letter-spacing:.12em;margin:0 0 20px;text-transform:uppercase}
.dc-text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;font-size:13px;font-weight:600;text-decoration:none;color:inherit;min-height:44px}
.dc-text-link:hover{color:#b5481b}
.dc-text-link>span{font-size:20px;font-weight:400}
.dc-button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:52px;padding:12px 23px;background:#df5c21;color:#fff!important;font-size:13px;font-weight:600}
.dc-button:hover{background:#bf4916}
.dc-button>span{font-size:21px}


/* Homepage: a compact, horizontally browsable shelf of five projects. */
.dc-showcase.section{padding-block:88px 92px;scroll-margin-top:80px}
.dc-showcase p{hyphens:none!important}
.dc-showcase-heading{display:grid;grid-template-columns:1.1fr 1fr;align-items:end;gap:80px;margin-bottom:35px}
.dc-showcase h2{font-size:clamp(38px,4.2vw,60px);line-height:1.03;letter-spacing:-.055em;margin:0}
.dc-showcase-intro{max-width:420px;justify-self:end}
.dc-showcase-intro>p{color:#686a65;font-size:15px;line-height:1.8;margin:0 0 12px}
.dc-showcase .eyebrow{color:#b5481b}
.dc-project-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/3.25);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#b6b5ae transparent;padding:5px 3px 14px;margin-inline:-3px;overscroll-behavior-inline:contain}
.dc-mini-card{min-width:0;scroll-snap-align:start}
.dc-mini-card>a{display:block;text-decoration:none;color:inherit}
.dc-mini-image{position:relative;padding:20px;background:#eeece6;border:1px solid rgba(23,24,23,.08);overflow:hidden;transition:background .2s}
.dc-mini-image img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;border:1px solid #17181720;background:white;transition:transform .25s}
.dc-mini-card>a:hover .dc-mini-image img{transform:translateY(-3px)}
.dc-image-arrow{position:absolute;right:9px;bottom:9px;width:29px;height:29px;display:grid;place-items:center;background:#f7f6f2;color:#171817;font-size:19px}
.dc-mini-meta{display:flex;justify-content:space-between;margin:19px 0 10px;color:#72736c;font:600 9px/1.5 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.dc-mini-card h3{font-size:22px;line-height:1.2;letter-spacing:-.035em;margin:0 0 8px}
.dc-mini-card p{font-size:13px;line-height:1.6;color:#686a65;margin:0}
.dc-showcase-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:20px}
.dc-showcase-bottom>p{font-size:11px;line-height:1.7;color:#686a65;margin:0;max-width:550px}
.dc-rail-controls{display:flex;gap:8px;flex-shrink:0}
.dc-rail-controls[hidden]{display:none}
.dc-rail-controls button{width:42px;height:42px;border:1px solid #17181730;background:transparent;color:#171817;font-size:21px;cursor:pointer}
.dc-rail-controls button:hover:not(:disabled){background:#171817;color:#fff}
.dc-rail-controls button:disabled{opacity:.25;cursor:default}
.dc-showcase-resources{display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px;border-top:1px solid #17181720;margin-top:27px;padding-top:20px;font-size:12px}
.dc-showcase-resources>span{color:#686a65;margin-right:auto}
.dc-showcase-resources a{display:inline-flex;align-items:center;gap:14px;min-height:34px;font-weight:600}
.dc-showcase-resources a:hover{color:#b5481b}


@media(max-width:1100px){.dc-project-rail{grid-auto-columns:calc((100% - 40px)/2.65)}.dc-showcase-heading{gap:40px}}
@media(max-width:700px){ .dc-showcase.section{width:calc(100% - 40px);padding-block:52px}
 .dc-showcase-heading{grid-template-columns:1fr;gap:20px;margin-bottom:26px}
 .dc-showcase h2{font-size:42px}
 .dc-showcase-intro{justify-self:start;max-width:430px}
 .dc-showcase-intro>p{font-size:14px;margin-bottom:8px}
 .dc-project-rail{grid-auto-columns:84%;gap:16px}
 .dc-mini-image{padding:18px}
 .dc-mini-card h3{font-size:23px}
 .dc-showcase-bottom{gap:18px;align-items:flex-start;margin-top:16px}
 .dc-showcase-bottom>p{font-size:10px}
 .dc-rail-controls{gap:5px}
 .dc-rail-controls button{width:36px;height:36px;font-size:18px}
 .dc-showcase-resources{gap:8px 20px;font-size:11px;margin-top:22px;padding-top:17px}
 .dc-showcase-resources>span{width:100%}
}
/* Developer collection: real photography, restrained motion, native static content.
   Design variance 7 / motion 3 / density 5. Existing ZECTRIX type and colors retained. */
.dc-page [hidden]{display:none!important}
.dc-page{--max:1280px;--orange:#bd4918}
.dc-page input,.dc-page select,.dc-page textarea{font:inherit;color:var(--ink);border-radius:0}
.dc-page input:focus-visible,.dc-page select:focus-visible,.dc-page textarea:focus-visible{outline:2px solid #b5481b;outline-offset:3px}
.dc-wrap{width:min(1280px,calc(100% - 80px));margin-inline:auto}
.dc-page [id]{scroll-margin-top:30px}
.dc-page h2{font-size:clamp(34px,3.5vw,48px);line-height:1.12;letter-spacing:-.055em;margin:0}
.dc-exhibition{padding-top:46px;padding-bottom:0}
.dc-exhibition-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:34px}
.dc-exhibition h1{font-size:clamp(54px,5.4vw,80px);line-height:.99;letter-spacing:-.065em;margin:0}
.dc-exhibition h1 span{color:#bd4918}
.dc-exhibition .dc-eyebrow{margin-bottom:17px;font-size:10px}
.dc-exhibition-intro{max-width:360px;padding-bottom:4px}
.dc-exhibition-intro p{font-size:15px;line-height:1.8;margin:0 0 22px;color:#686a65}
.dc-button{background:#bd4918;border:0;border-radius:0}
.dc-button:hover{background:#a33d12}
.dc-photo-stage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.dc-photo-stage figure{min-width:0}
.dc-photo-stage figure>a{display:block;overflow:hidden;background:#e7e4db}
.dc-photo-stage img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;transition:transform .35s}
.dc-photo-stage a:hover img{transform:scale(1.025)}
.dc-photo-side{padding-bottom:0}
.dc-photo-last{padding-bottom:0}
.dc-photo-stage figcaption{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:10px;font-size:11px;color:#55574f}
.dc-photo-stage figcaption a{font-size:20px;min-width:30px;min-height:30px;text-align:right;color:#171817}
.dc-exhibition-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:15px 0 20px;border-bottom:1px solid var(--line)}
.dc-exhibition-bottom p{font-size:11px;color:#686a65;margin:0}
.dc-exhibition-bottom .dc-text-link{font-size:12px}
.dc-library{padding-block:85px 68px}
.dc-library-heading>p{font-size:15px;color:#686a65;margin:16px 0 0}
.dc-device-guide{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:30px;margin:32px 0;background:#edeae2;padding:22px 26px}
.dc-device-guide p{margin:0;font-size:11px;line-height:1.7}
.dc-device-guide strong{display:block;font-size:12px;margin-bottom:6px}
.dc-device-guide span{color:#585b52}
.dc-library-toolbar{border-bottom:1px solid var(--line);padding-bottom:20px}
.dc-filters{display:flex;flex-wrap:wrap;gap:6px}
.dc-filters button{min-height:44px;font-size:12px;color:#56584f;background:none;border:1px solid transparent;padding:10px 17px}
.dc-filters button[aria-pressed="true"]{background:#171817;color:white}
.dc-filters button:hover:not([aria-pressed="true"]){border-color:#17181750}
.dc-catalog-search{display:flex;gap:18px;margin-top:22px}
.dc-catalog-search label{display:grid;gap:7px;font-size:10px;color:#686a65}
.dc-catalog-search label:last-child{flex:1}
.dc-catalog-search input,.dc-catalog-search select{height:44px;padding:8px 12px;background:#fcfbf8;border:1px solid #a6a79f;font-size:13px;min-width:0;width:100%}
.dc-catalog-search select{min-width:170px}
.dc-results-heading{display:flex;align-items:center;justify-content:space-between;min-height:60px}
.dc-project-count{font-size:11px;color:#686a65;margin:0}
.dc-reset{background:none;border:0;text-decoration:underline;font-size:11px!important;min-height:40px}
.dc-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px;align-items:stretch}
.dc-project-card{display:flex;flex-direction:column;background:#fcfbf8;border:1px solid #d7d6ce;min-width:0}
.dc-project-image{display:block;aspect-ratio:4/3;background:#eae7df;overflow:hidden}
.dc-project-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.dc-project-image:hover img{transform:scale(1.025)}
#official-epd-demo .dc-project-image img,#note4-gallery .dc-project-image img{object-fit:contain;padding:20px}
.dc-card-body{display:flex;flex-direction:column;padding:22px;flex:1}
.dc-card-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#65675e;font-size:10px;line-height:1.6}
.dc-device{font-size:9px;color:#3f4238;border-bottom:2px solid #74776e;padding-bottom:3px}
.dc-device-color{border-color:#bd4918}
.dc-maintainer{font-size:10px;color:#696b61;margin:20px 0 10px;line-height:1.65}
.dc-project-card h3{font-size:24px;line-height:1.15;letter-spacing:-.035em;margin:0;overflow-wrap:anywhere}
.dc-card-description{font-size:13px;line-height:1.8;color:#686a65;margin:15px 0}
.dc-requirements{font-size:10px;line-height:1.7;color:#585b52;margin:auto 0 20px;padding-top:8px}
.dc-card-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:10px;gap:12px}
.dc-card-bottom a{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:600;min-height:35px}
.dc-card-bottom a:hover{color:#bd4918}
.dc-card-bottom span{font-size:18px}
.dc-tool-card{border-top:3px solid #b9b9ae}
.dc-tool-card[data-project-type="sync"]{border-top-color:#bd4918}
.dc-project-note{font-size:11px;color:#686a65;line-height:1.9;max-width:920px;margin-top:30px}
.dc-empty{padding:65px 20px;text-align:center;background:#eeece5}
.dc-empty h3{font-size:26px;margin:0}
.dc-empty p{color:#686a65;font-size:14px}
.dc-workbench{padding-block:58px 80px;border-top:1px solid var(--line)}
.dc-workbench-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:80px;align-items:start;margin-bottom:30px}
.dc-workbench-copy h2{grid-row:span 2}
.dc-workbench-copy p{color:#686a65;font-size:14px;line-height:1.9;max-width:450px;margin:0}
.dc-workbench-copy a{justify-content:flex-start;align-self:end;margin-top:14px}
.dc-workbench-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.dc-workbench-photos img{width:100%;aspect-ratio:1;object-fit:cover}
.dc-workbench-photos figcaption{color:#686a65;font-size:10px;padding-top:10px}
.dc-submit{display:grid;grid-template-columns:.9fr 1.2fr;gap:100px;padding-block:70px 85px;border-top:1px solid var(--line)}
.dc-submit-copy>p:not(.dc-eyebrow){font-size:14px;line-height:1.9;color:#686a65;max-width:330px;margin:23px 0}
.dc-submit-copy ol{list-style:decimal;padding-left:19px;margin:32px 0;font-size:12px;line-height:1.8;color:#53564c}
.dc-submit-copy li{padding-left:8px;margin-bottom:14px}
.dc-submit-copy li::marker{color:#bd4918}
.dc-submit-help a{text-decoration:underline;text-underline-offset:5px;color:#171817}
.dc-submission-form{padding:30px;background:#eeece5;min-width:0;align-self:start}
.dc-form-fields{display:grid;grid-template-columns:1fr 1fr;gap:19px 18px}
.dc-form-fields label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600;min-width:0}
.dc-field-wide{grid-column:1/-1}
.dc-form-fields input,.dc-form-fields select,.dc-form-fields textarea{width:100%;padding:11px 12px;min-height:44px;background:#fcfbf8;border:1px solid #a3a59b;font-size:13px;font-weight:400;min-width:0}
.dc-form-fields textarea{resize:vertical;line-height:1.7}
.dc-optional{font-size:10px;font-weight:400;color:#686a65}
.dc-consent{display:flex;align-items:flex-start;gap:10px;margin:23px 0 14px;font-size:11px;line-height:1.8;color:#505348}
.dc-consent input{width:17px;height:17px;flex-shrink:0;margin:3px 0;accent-color:#bd4918}
.dc-form-privacy{font-size:10px;line-height:1.8;color:#5b5e54;margin:0 0 24px}
.dc-form-privacy a{text-decoration:underline;text-underline-offset:3px}
.dc-form-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.dc-form-status{font-size:12px;line-height:1.8;margin:20px 0 0;padding:12px;background:#fcfbf8;border-left:3px solid #686a65}
.dc-form-status[data-state="error"]{border-color:#b52f21}
.dc-form-status[data-state="success"]{border-color:#3b6538}
.dc-submission-form .dc-button{width:100%}
.dc-submission-form .dc-button>span:first-child{font-size:13px}
.dc-button:disabled{opacity:.55;cursor:wait}
.dc-start{padding-block:42px 65px;border-top:1px solid var(--line)}
.dc-start h2{font-size:27px}
.dc-start>div{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:28px}
.dc-start a{display:grid;grid-template-columns:1fr auto;padding:16px 0;border-bottom:1px solid #aaa99f;gap:6px}
.dc-start a>span{color:#686a65;font-size:11px}
.dc-start strong{grid-column:1;font-weight:500;font-size:20px;font-family:'Space Grotesk',sans-serif}
.dc-start b{grid-column:2;grid-row:1/3;align-self:center;font-size:25px;font-weight:400;color:#bd4918}
@media(max-width:1000px){.dc-wrap{width:calc(100% - 48px)}.dc-exhibition-heading{gap:30px}.dc-exhibition h1{font-size:62px}.dc-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dc-photo-stage,.dc-workbench-photos{gap:14px}.dc-submit{gap:40px;grid-template-columns:.8fr 1.2fr}.dc-device-guide{gap:20px;padding:20px}.dc-workbench-copy{gap:35px}.dc-exhibition-intro{max-width:300px}}
@media(max-width:700px){.dc-wrap{width:calc(100% - 36px)}.dc-exhibition{padding-top:30px}.dc-exhibition-heading{display:block;margin-bottom:28px}.dc-exhibition h1{font-size:clamp(47px,10vw,65px)}.dc-exhibition .dc-eyebrow{font-size:9px}.dc-exhibition-intro{max-width:100%;margin-top:22px}.dc-exhibition-intro p{font-size:13px;margin-bottom:18px}.dc-photo-stage,.dc-workbench-photos{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#a6a79f transparent;padding-bottom:10px}.dc-photo-stage figure,.dc-workbench-photos figure{scroll-snap-align:start}.dc-photo-last{display:block}.dc-photo-side{padding-bottom:0}.dc-photo-stage figcaption{font-size:9px;line-height:1.6;gap:5px}.dc-photo-stage figcaption a{min-width:24px}.dc-exhibition-bottom{display:block;padding:17px 0 12px}.dc-exhibition-bottom p{font-size:10px}.dc-exhibition-bottom .dc-text-link{font-size:11px;gap:15px;margin-top:3px}.dc-library{padding-block:48px}.dc-library-heading>p{font-size:13px;margin-top:15px;max-width:380px}.dc-page h2{font-size:34px}.dc-device-guide{grid-template-columns:1fr 1fr;gap:20px 18px;padding:18px;margin-block:24px}.dc-device-guide p:last-child{grid-column:1/-1}.dc-device-guide p{font-size:10px}.dc-device-guide strong{font-size:11px}.dc-filters{gap:3px}.dc-filters button{padding:9px 12px;font-size:11px;min-height:42px}.dc-catalog-search{gap:10px;margin-top:18px}.dc-catalog-search select{min-width:125px}.dc-catalog-search input,.dc-catalog-search select{font-size:12px;padding-inline:9px}.dc-project-grid{grid-template-columns:1fr;gap:22px}.dc-card-body{padding:22px}.dc-project-card h3{font-size:25px}.dc-card-description{font-size:13px}.dc-card-meta{font-size:10px}.dc-device{font-size:9px}.dc-results-heading{min-height:54px}.dc-workbench{padding-block:40px 45px}.dc-workbench-copy{display:block;margin-bottom:22px}.dc-workbench-copy p{font-size:13px;margin-top:18px}.dc-workbench-copy a{font-size:12px}.dc-workbench-photos figcaption{font-size:9px}.dc-submit{grid-template-columns:1fr;gap:26px;padding-block:45px}.dc-submit-copy>p:not(.dc-eyebrow){font-size:13px;max-width:440px;margin-block:20px}.dc-submit-copy ol{margin-block:24px}.dc-submit-copy .dc-submit-help{font-size:12px}.dc-submission-form{padding:22px 18px}.dc-form-fields{gap:17px 12px}.dc-form-fields label{font-size:11px}.dc-form-fields input,.dc-form-fields textarea,.dc-form-fields select{font-size:16px;padding:10px}.dc-start{padding-block:35px 42px}.dc-start h2{font-size:27px}.dc-start>div{grid-template-columns:1fr;gap:10px;margin-top:18px}.dc-start a{padding-block:14px}.dc-start strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){.dc-mini-image img,.dc-project-image img,.dc-photo-stage img{transition:none}}
@media(max-width:480px){.dc-form-fields{grid-template-columns:1fr}.dc-catalog-search label:last-child{min-width:0}}
@media(min-width:701px) and (max-width:900px){.dc-exhibition h1{font-size:50px}.dc-exhibition-intro{max-width:245px}.dc-exhibition-intro p{font-size:13px}.dc-exhibition-heading{gap:25px}}

.dc-photo-stage:focus-visible,.dc-workbench-photos:focus-visible{outline:2px solid #b5481b;outline-offset:4px}

.dc-page:lang(ja) h1,.dc-page:lang(ja) h2,.dc-page:lang(ja) h3,.dc-showcase:lang(ja) h2,.dc-showcase:lang(ja) h3{letter-spacing:-.025em;line-height:1.3}
.dc-page:lang(ja) .dc-exhibition h1{font-size:clamp(42px,4.6vw,66px)}
.dc-page:lang(ja) .dc-form-fields label{line-height:1.6}
@media(max-width:700px){.dc-page:lang(ja) .dc-exhibition h1{font-size:38px}.dc-page:lang(ja) h2{font-size:29px}.dc-showcase:lang(ja) h2{font-size:34px}}