/* Project selection and case studies share the portfolio design system. */
.project-pages{overflow-x:clip}.p-wrap{display:block;width:min(1400px,92%);margin:0 auto}.project-pages .accent,.projects-closing h2 span,.live-project h2 span{color:var(--cyan)}.projects-hero{min-height:90svh;display:flex;align-items:center;padding:165px 0 65px;background:radial-gradient(ellipse at 100% 35%,#10467470,transparent 55%);border-bottom:1px solid var(--line)}.selection-intro{display:grid;grid-template-columns:1.45fr 1fr;gap:8%;align-items:center}.selection-intro h1{font-size:clamp(62px,7.8vw,118px);line-height:1.01;letter-spacing:-.065em;margin:0}.title-line{display:block}.title-line:nth-child(2){transition-delay:90ms}.title-line:nth-child(3){transition-delay:180ms}.selection-intro>p{font-size:18px;line-height:1.8;color:var(--muted);max-width:390px}.selection-bottom{display:flex;align-items:center;gap:35px;margin-top:60px;font-size:9px;letter-spacing:1.8px;color:var(--muted)}.selection-bottom>a{margin-left:auto;color:var(--cyan)}.project-jumps{display:flex;gap:15px;flex:1;align-items:center}.project-jumps:after{content:'';height:1px;background:var(--line);flex:1}.project-jumps a{font-size:11px;padding:10px;border:1px solid var(--line);border-radius:50%}.project-jumps a:hover{color:var(--cyan);border-color:var(--cyan)}.featured{padding:80px 0 95px;border-bottom:1px solid var(--line);scroll-margin-top:84px}.project-whole{position:relative}.project-whole:focus-visible{outline-offset:12px}.project-index{display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:10px;letter-spacing:2px;color:var(--muted);margin-bottom:30px}.project-index span:first-child{display:flex;align-items:center;gap:25px}.project-index span:first-child:after{content:'';width:100px;height:1px;background:var(--line)}.project-name{font-size:clamp(55px,7.7vw,110px);line-height:1;margin:0 0 20px;letter-spacing:-.055em}.categories{font-size:10px;letter-spacing:2.4px;color:var(--muted);margin:0 0 35px}.image-mask{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:4px;background:#08121a;isolation:isolate;will-change:transform}.image-mask img{display:block;width:100%;height:auto;transition:transform .6s;object-fit:contain}.project-whole:hover .image-mask img,.project-whole:focus-visible .image-mask img{transform:scale(1.02)}.image-link{position:absolute;bottom:22px;right:22px;background:#04111be8;color:white;padding:12px 19px;border-radius:40px;font-size:11px;border:1px solid color-mix(in srgb, var(--cyan) 37.65%, transparent);opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}.project-whole:hover .image-link,.project-whole:focus-visible .image-link{opacity:1;transform:none}.project-summary{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:40px}.project-summary h3,.mcltti-copy h3{font-size:clamp(30px,3.6vw,52px);line-height:1.15;letter-spacing:-.05em;margin:0}.project-summary p,.mcltti-copy p{font-size:15px;line-height:1.9;color:var(--muted);margin:0 0 25px}.project-link{font-size:10px!important;letter-spacing:.6px;min-height:46px}.featured-mcltti{background:radial-gradient(ellipse at right bottom,#133c5555,transparent 70%),#0b141c}.mcltti-layout{display:grid;grid-template-columns:.8fr 1.3fr;gap:7%;align-items:center}.mcltti-copy h3{font-size:clamp(28px,3vw,44px);margin-bottom:25px}.device-composition{position:relative;padding-right:12%;padding-bottom:35px}.device-composition .image-mask{transform-origin:center}.asset-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;min-height:260px;padding:35px 20px;border:1px dashed #70859388;border-radius:6px;background:linear-gradient(135deg,#13212c,#0a131c);color:#a5bdcc;text-align:center;font-size:10px;letter-spacing:1.8px;line-height:1.9}.asset-placeholder svg{width:40px;height:34px;stroke:#6c8393;stroke-width:1.5}.phone-placeholder{position:absolute;right:0;bottom:0;width:24%;height:85%;min-height:230px;padding:20px 8px;border:3px solid #546571;border-radius:23px;background:#131f28;font-size:8px;letter-spacing:1px;box-shadow:0 15px 40px #0005}.phone-placeholder:before{content:'';width:40%;height:6px;border-radius:0 0 10px 10px;background:var(--bg);position:absolute;top:3px}.projects-closing{padding:100px 0;text-align:center;background:radial-gradient(ellipse at bottom right,#0f3e6270,transparent 65%)}.projects-closing h2{font-size:clamp(40px,5vw,72px);line-height:1.1;margin:0 0 25px}.projects-closing p:not(.eyebrow){font-size:16px;color:var(--muted)}.projects-closing .actions{justify-content:center;margin-top:30px}.projects-closing .pill{font-size:11px}.case-hero{padding-top:135px;padding-bottom:60px}.back-projects{display:inline-block;font-size:10px;letter-spacing:1.5px;color:var(--muted);padding:10px 0;margin-bottom:40px}.back-projects:hover{color:var(--cyan)}.case-hero h1{font-size:clamp(65px,9vw,130px);margin:0 0 18px;line-height:1}.case-hero-heading .eyebrow{margin-bottom:20px}.case-slogan{font-size:clamp(23px,3vw,40px);color:var(--muted);line-height:1.3;max-width:850px;margin:0 0 25px;letter-spacing:-.025em}.concept-badge{display:inline-block;padding:8px 12px;border:1px solid color-mix(in srgb, var(--cyan) 49.02%, transparent);border-radius:5px;color:var(--cyan);font-size:9px;letter-spacing:1.5px}.project-meta-row{display:grid;grid-template-columns:.6fr 1fr 1.3fr;margin:40px 0;gap:25px}.project-meta-row>div{border-left:1px solid var(--line);padding-left:25px}.project-meta-row>div:first-child{border:0;padding-left:0}.project-meta-row dt{font-size:9px;letter-spacing:1.8px;color:var(--muted);margin-bottom:9px}.project-meta-row dd{margin:0;font-size:13px;line-height:1.7}.case-cover{max-width:1200px;margin:auto}.shot{position:relative;display:block;width:100%;padding:0;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#09121b;color:white;cursor:zoom-in}.shot img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;transition:transform .6s}.shot:hover img{transform:scale(1.015)}.shot-hint{position:absolute;bottom:15px;right:15px;background:#030a10dd;border:1px solid #ffffff30;border-radius:30px;padding:10px 15px;font-size:10px}.laptop-shot{border-width:9px 9px 16px;border-color:#293741;border-radius:16px}.case-section{border-top:1px solid var(--line);padding:75px 0}.case-section:nth-of-type(2n){background:radial-gradient(ellipse at 95% 40%,#12334a33,transparent 60%)}.case-section h2{font-size:clamp(36px,4.1vw,62px);line-height:1.12;margin:0 0 35px}.case-section .eyebrow{font-size:10px;margin-bottom:25px}.case-lead{font-size:19px;line-height:1.85;max-width:850px;color:var(--muted);margin:0}.brand-board{display:grid;grid-template-columns:1fr 1.1fr;gap:7%;align-items:center}.brand-word{font-family:Manrope,Arial,sans-serif;font-size:clamp(45px,6vw,80px);letter-spacing:-.06em;line-height:1;margin:0}.brand-slogan{font-size:22px;color:var(--paper);margin:15px 0 40px}.brand-board .eyebrow{font-size:9px;margin-bottom:18px}.swatches{display:flex;gap:35px}.swatches>div{display:flex;flex-direction:column;gap:12px;font-size:10px;color:var(--muted);line-height:1.7}.swatches i{display:block;width:52px;height:52px;border-radius:50%;background:var(--swatch);border:1px solid color-mix(in srgb, var(--cyan) 36.08%, transparent)}.small-note{font-size:11px!important;color:var(--muted);line-height:1.8}.brand-board .small-note{margin-top:25px}.concept-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.concept-grid h3{font-size:25px;margin:0}.concept-grid article>p{color:var(--muted);font-size:14px;line-height:1.8;min-height:80px}.ecosystem{margin-top:35px;padding-top:30px;border-top:1px solid var(--line)}.ecosystem h3{font-size:24px}.ecosystem p{color:var(--muted);font-size:15px;max-width:850px}.interface-tabs{display:flex;gap:10px;border-bottom:1px solid var(--line);flex-wrap:wrap;margin-bottom:25px}.interface-tab{border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);font-size:12px;padding:15px 12px;cursor:pointer}.interface-tab[aria-selected=true]{color:var(--cyan);border-bottom-color:var(--cyan)}#interface-panel .asset-placeholder{min-height:320px}.pending-rows{max-width:950px}.pending-rows>div{display:grid;grid-template-columns:1fr 1.3fr;gap:35px;padding:25px 0;border-top:1px solid var(--line);align-items:start}.pending-rows h3{font-size:21px;margin:0}.pending-rows p{color:var(--muted);font-size:13px;margin:0;line-height:1.8}.next-project{padding:70px 0;border-top:1px solid var(--line);background:radial-gradient(ellipse at 90% 10%,#12436566,transparent 70%)}.next-project>a>span{font-family:Manrope,Arial,sans-serif;font-size:clamp(55px,8vw,110px);font-weight:600;letter-spacing:-.06em;line-height:1}.next-project b{font-weight:400;color:var(--cyan);display:inline-block;transition:transform .3s}.next-project>a:hover b{transform:translate(7px,-7px)}.ux-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.ux-grid article{border-top:1px solid var(--line);padding-top:25px}.ux-grid article>span{font-size:10px;color:var(--cyan)}.ux-grid h3{font-size:22px;margin:20px 0 15px;line-height:1.3}.ux-grid p{color:var(--muted);font-size:14px;line-height:1.8}.design-grid{display:grid;grid-template-columns:3fr 1fr;gap:35px;align-items:stretch}.design-grid figure{margin:0;min-width:0}.design-grid .mobile-design{height:calc(100% - 30px);min-height:220px;border:2px solid #546571;border-radius:24px}.design-grid figcaption{color:var(--muted);font-size:11px;margin-top:12px;line-height:1.6}.detail-slots{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:30px}.detail-slots .asset-placeholder{min-height:170px}.live-project{padding:85px 0;text-align:center;border-top:1px solid var(--line);background:radial-gradient(ellipse,#123c5955,transparent 65%)}.live-project h2{font-size:clamp(42px,5.5vw,80px);margin-bottom:35px}.live-project .pill{font-size:12px}.image-dialog{padding:0;width:min(1250px,94vw);max-width:94vw;max-height:94svh;border:1px solid #6a8494;background:#08111a;color:white;overflow:auto}.image-dialog::backdrop{background:#000d;backdrop-filter:blur(10px)}.image-dialog-bar{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;gap:20px}.image-dialog-bar p{margin:0;font-size:12px;color:var(--muted)}.image-dialog-close{border:1px solid var(--line);border-radius:30px;background:none;color:white;padding:10px 18px;font-size:12px;cursor:pointer}.image-dialog img{display:block;width:100%;height:auto;max-height:78svh;object-fit:contain}.image-dialog-open{overflow:hidden}
@media(max-width:1000px){.selection-intro{grid-template-columns:1.4fr 1fr;gap:5%}.selection-intro h1{font-size:8.3vw}.selection-intro>p{font-size:16px}.mcltti-layout{grid-template-columns:1fr;gap:35px}.mcltti-copy{max-width:700px}.device-composition{grid-row:1}.phone-placeholder{width:22%}.case-section{padding:60px 0}.ux-grid{grid-template-columns:repeat(2,1fr)}.brand-board{gap:35px}.concept-grid article>p{min-height:110px}}
@media(max-width:640px){.p-wrap{width:calc(100% - 44px)}.projects-hero{padding:120px 0 45px;min-height:80svh}.projects-hero .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:30px}.selection-intro{display:block}.selection-intro h1{font-size:clamp(52px,13vw,78px);line-height:1.04}.selection-intro>p{font-size:16px;line-height:1.8;margin:30px 0 0;max-width:100%}.selection-bottom{margin-top:40px;gap:20px;flex-wrap:wrap;font-size:8px;letter-spacing:1px}.project-jumps{max-width:100px}.project-jumps:after{display:none}.selection-bottom>a{flex-basis:100%;margin:0}.featured{padding:50px 0 60px;scroll-margin-top:70px}.project-index{font-size:9px;margin-bottom:25px}.project-name{font-size:54px}.categories{font-size:9px;letter-spacing:1.5px;line-height:1.9;margin-bottom:25px}.image-mask img{min-height:0}.image-link{display:none}.project-summary{display:block;margin-top:28px}.project-summary h3,.mcltti-copy h3{font-size:32px;margin-bottom:22px}.project-summary p,.mcltti-copy p{font-size:16px;line-height:1.8}.project-link{padding:14px 20px;font-size:10px!important}.mcltti-layout{display:flex;flex-direction:column;gap:30px;align-items:stretch}.device-composition{padding:0;order:0}.mcltti-copy{order:1}.phone-placeholder{position:relative;width:145px;height:245px;min-height:0;margin:24px auto 0}.projects-closing{padding:65px 0}.projects-closing h2{font-size:39px}.projects-closing .actions{flex-direction:column;gap:14px}.projects-closing p:not(.eyebrow){font-size:16px}.projects-closing p br{display:none}.case-hero{padding-top:105px;padding-bottom:40px}.back-projects{font-size:9px;letter-spacing:1px;margin-bottom:30px}.case-hero h1{font-size:65px}.case-slogan{font-size:25px;line-height:1.4}.project-meta-row{grid-template-columns:1fr 1fr;gap:25px;margin:30px 0}.project-meta-row>div{padding-left:18px}.project-meta-row>div:last-child{grid-column:1/-1;border:0;padding-left:0}.project-meta-row dd{font-size:13px}.shot-hint{font-size:9px;padding:8px 12px;bottom:8px;right:8px}.laptop-shot{border-width:4px 4px 9px;border-radius:9px}.case-section{padding:45px 0}.case-section h2{font-size:35px;margin-bottom:28px}.case-section .eyebrow{font-size:9px;letter-spacing:1.6px}.case-lead{font-size:16px}.brand-board,.concept-grid,.ux-grid,.design-grid,.detail-slots{grid-template-columns:1fr;gap:25px}.brand-word{font-size:55px}.brand-slogan{font-size:21px;margin-bottom:30px}.swatches{gap:25px}.asset-placeholder{min-height:210px}.concept-grid article>p{min-height:0;font-size:16px}.concept-grid h3{font-size:26px}.ecosystem h3{font-size:23px}.ecosystem p{font-size:16px}.interface-tabs{gap:4px}.interface-tab{font-size:11px;padding:12px 8px}#interface-panel .asset-placeholder{min-height:240px}.pending-rows>div{grid-template-columns:1fr;gap:10px;padding:22px 0}.pending-rows h3{font-size:21px}.pending-rows p{font-size:15px}.next-project{padding:50px 0}.next-project>a>span{font-size:58px}.next-project .eyebrow{font-size:9px}.ux-grid article{padding-top:20px}.ux-grid h3{font-size:24px;margin:15px 0}.ux-grid p{font-size:16px}.design-grid figure:nth-child(2){width:180px;justify-self:center}.design-grid .mobile-design{height:320px}.detail-slots .asset-placeholder{min-height:170px}.live-project{padding:60px 0}.live-project h2{font-size:43px}.image-dialog-bar{padding:12px;gap:12px}.image-dialog-bar p{font-size:10px}.image-dialog-close{font-size:11px;padding:8px 12px}}
@media(hover:none){.image-link{display:none}}
@media(prefers-reduced-motion:reduce){.project-pages *{animation:none!important;transition:none!important}.project-pages .reveal{opacity:1;transform:none}.image-mask{transform:none!important}.image-mask img,.shot img{transform:none!important}.next-project b{transform:none!important}}
/* Editorial revision: open compositions and calmer hierarchy. */
.projects-hero{min-height:680px;height:82svh;max-height:900px;background:radial-gradient(ellipse at 90% 0%,#12375055,transparent 58%)}.selection-intro{grid-template-columns:1.6fr 1fr;gap:10%;align-items:end}.selection-intro h1{font-size:clamp(65px,7.5vw,112px)}.selection-intro>p{padding-bottom:8px;font-size:16px;max-width:340px}.selection-bottom{margin-top:45px}.featured{padding:100px 0 110px}.project-whole{display:grid;grid-template-columns:1fr 1.4fr;column-gap:7%;align-items:start}.project-index{grid-column:1/-1;margin-bottom:45px}.project-name{grid-column:1;grid-row:2;font-size:clamp(55px,6.2vw,90px);margin:0 0 20px}.categories{grid-column:1;grid-row:3;max-width:350px;font-size:9px;line-height:1.9;letter-spacing:1.7px}.featured-vyonix .image-mask{grid-column:2;grid-row:2/5;margin-top:8px;overflow:visible;border:0;background:none;border-radius:0}.featured-vyonix .image-mask img{box-shadow:0 35px 80px #0005;border:1px solid #ffffff20;border-radius:5px}.project-summary{display:block;grid-column:1;grid-row:4;margin:12px 0 0}.project-summary h3{font-size:30px;line-height:1.3;margin:0 0 22px}.project-summary h3 br{display:none}.project-summary p{font-size:14px;line-height:1.9}.project-link{margin-top:4px;min-height:43px;padding:11px 19px!important}.featured-mcltti{background:#09121a}.featured-mcltti .project-whole{grid-template-columns:1.4fr 1fr}.featured-mcltti .project-name{grid-column:2}.featured-mcltti .categories{grid-column:2}.mcltti-layout{display:contents}.mcltti-copy{grid-column:2;grid-row:4;margin-top:12px}.mcltti-copy h3{font-size:30px;line-height:1.3;margin-bottom:22px}.mcltti-copy h3 br{display:none}.mcltti-copy p{font-size:14px;line-height:1.9}.device-composition{grid-column:1;grid-row:2/5;padding:8px 0 0}.device-composition .image-mask{border-radius:5px;box-shadow:0 35px 80px #0005}.phone-placeholder{display:none}.image-link{bottom:18px;right:18px}.projects-closing{padding:95px 0}.projects-closing h2{font-size:clamp(38px,4.5vw,65px)}.case-hero{padding-top:125px;padding-bottom:85px;display:grid;grid-template-columns:1fr 1.5fr;column-gap:6%;align-items:center}.back-projects{grid-column:1/-1;margin-bottom:50px}.case-hero-heading{grid-column:1;grid-row:2}.case-hero h1{font-size:clamp(65px,7vw,100px)}.case-slogan{font-size:clamp(24px,2.7vw,37px);line-height:1.4;max-width:450px}.case-cover{grid-column:2;grid-row:2/4;width:100%;margin:0;align-self:center}.project-meta-row{grid-column:1;grid-row:3;display:block;margin:25px 0 0}.project-meta-row>div,.project-meta-row>div:first-child{border:0;border-top:1px solid var(--line);padding:15px 0;display:grid;grid-template-columns:90px 1fr;gap:15px}.project-meta-row dt{padding-top:4px;margin:0}.project-meta-row dd{font-size:12px}.case-cover .shot{box-shadow:0 25px 70px #0006}.case-section{padding:80px 0}.case-section>.p-wrap{display:grid;grid-template-columns:.8fr 1.3fr;column-gap:10%;align-items:start}.case-section>.p-wrap>.eyebrow{grid-column:1/-1;margin-bottom:35px}.case-section h2{grid-column:1;font-size:clamp(32px,3.3vw,49px);margin:0;position:sticky;top:120px}.case-section .case-lead,.case-section .brand-board,.case-section .concept-grid,.case-section .interface-gallery,.case-section .pending-rows,.case-section .ux-grid,.case-section .design-grid{grid-column:2;font-size:17px;line-height:1.9}.brand-board{grid-template-columns:1fr;gap:30px}.brand-word{font-size:65px}.brand-board .asset-placeholder{min-height:170px}.brand-slogan{font-size:20px;margin-bottom:30px}.concept-grid{grid-template-columns:1fr 1fr;gap:22px}.concept-grid article>p{font-size:13px;min-height:120px}.concept-grid h3{font-size:21px}.concept-grid .asset-placeholder{min-height:160px}.ecosystem{grid-column:2;margin-top:30px}.ecosystem h3{font-size:23px}.ecosystem p{font-size:14px}.interface-tab{padding:12px 8px;font-size:11px}.interface-tabs{gap:3px}#interface-panel .asset-placeholder{min-height:260px}.pending-rows>div{display:block;padding:22px 0}.pending-rows h3{font-size:21px;margin-bottom:10px}.pending-rows p{font-size:14px}.ux-grid{grid-template-columns:1fr;gap:0}.ux-grid article{padding:24px 0 24px 45px;position:relative}.ux-grid article>span{position:absolute;left:0;top:29px}.ux-grid h3{font-size:23px;margin:0 0 12px}.ux-grid p{font-size:15px;margin:0}.design-grid{grid-template-columns:1fr}.design-grid figure:nth-child(2){display:none}.detail-slots{grid-column:2;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.detail-slots .asset-placeholder{min-height:140px;font-size:8px;padding:18px}.next-project{padding:55px 0}.next-project>a{display:flex;align-items:center;justify-content:space-between;gap:35px}.next-project .eyebrow{margin:0;max-width:180px}.next-project>a>span{font-size:clamp(55px,7vw,95px)}.live-project{padding:85px 0}
@media(max-width:1000px){.project-whole,.featured-mcltti .project-whole{column-gap:5%;grid-template-columns:1fr 1.2fr}.featured-mcltti .project-whole{grid-template-columns:1.2fr 1fr}.project-name{font-size:60px}.project-summary h3,.mcltti-copy h3{font-size:26px}.case-hero{grid-template-columns:1fr 1.2fr;gap:30px}.case-hero h1{font-size:65px}.case-slogan{font-size:27px}.case-section>.p-wrap{column-gap:6%;grid-template-columns:.8fr 1.2fr}.case-section h2{font-size:35px}.concept-grid{grid-template-columns:1fr}.concept-grid article>p{min-height:0}.case-section .case-lead{font-size:16px}}
@media(max-width:700px){.projects-hero{min-height:0;height:auto;max-height:none;padding:120px 0 50px}.selection-intro{display:block}.selection-intro h1{font-size:clamp(52px,12.5vw,80px)}.selection-intro>p{font-size:16px;margin-top:28px;max-width:none}.project-whole,.featured-mcltti .project-whole{display:flex;flex-direction:column;gap:0}.featured{padding:50px 0 60px}.project-index{width:100%;margin-bottom:25px;order:0}.project-name{order:1;font-size:58px;margin-bottom:15px}.categories{order:2;max-width:none;margin-bottom:25px}.featured-vyonix .image-mask,.device-composition{order:3;width:100%;margin:0;padding:0}.project-summary,.mcltti-copy{order:4;margin-top:28px}.project-summary h3,.mcltti-copy h3{font-size:30px}.project-summary p,.mcltti-copy p{font-size:16px}.mcltti-layout{display:contents}.projects-closing{padding:65px 0}.case-hero{display:flex;flex-direction:column;align-items:stretch;padding-top:105px;padding-bottom:45px;gap:0}.back-projects{margin-bottom:30px;align-self:flex-start}.case-hero-heading{order:1}.case-hero h1{font-size:65px}.case-slogan{font-size:26px}.project-meta-row{order:2;display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin:25px 0}.project-meta-row>div,.project-meta-row>div:first-child{display:block;padding:15px 0}.project-meta-row>div:last-child{grid-column:1/-1}.project-meta-row dt{margin-bottom:8px}.case-cover{order:3}.case-section{padding:45px 0}.case-section>.p-wrap{display:block}.case-section>.p-wrap>.eyebrow{margin-bottom:24px}.case-section h2{position:static;font-size:35px;margin:0 0 28px}.case-section .case-lead{font-size:16px}.brand-board{display:grid;grid-template-columns:1fr}.concept-grid{grid-template-columns:1fr;gap:35px}.concept-grid h3{font-size:25px}.concept-grid article>p{font-size:16px}.concept-grid .asset-placeholder{min-height:200px}.ecosystem p{font-size:16px}.pending-rows p{font-size:15px}.ux-grid p{font-size:16px}.detail-slots{grid-template-columns:1fr}.detail-slots .asset-placeholder{font-size:9px;min-height:140px}.next-project>a{display:block}.next-project .eyebrow{max-width:none;margin-bottom:25px}.next-project>a>span{font-size:58px}.live-project{padding:60px 0}.projects-closing h2{font-size:39px}}

/* Chronological selection, matching the Mon parcours timeline. */
.dated-projects{padding-top:65px;padding-bottom:35px}.dated-projects>h2{font-family:'DM Sans',Arial,sans-serif;font-size:11px;font-weight:600;letter-spacing:2.5px;margin:0 0 40px}.projects-timeline{position:relative;--date-rail:24%;--date-progress:0}.projects-timeline:before,.projects-timeline:after{content:'';position:absolute;left:var(--date-rail);top:0;bottom:0;width:1px;background:color-mix(in srgb, var(--cyan) 16.86%, transparent);pointer-events:none}.projects-timeline:after{background:var(--cyan);transform:scaleY(var(--date-progress));transform-origin:top;box-shadow:0 0 12px color-mix(in srgb, var(--cyan) 20.00%, transparent)}.dated-projects .featured{position:relative;padding:55px 0 65px;display:grid;grid-template-columns:24% 1fr;gap:0;background:none;border-bottom:1px solid var(--line);scroll-margin-top:100px}.dated-projects .featured:last-child{border-bottom:0}.project-date{font-family:Manrope,Arial,sans-serif;font-size:clamp(48px,6.7vw,100px);letter-spacing:-.065em;font-weight:600;line-height:1;padding-right:25px}.project-date-node{position:absolute;left:var(--date-rail);top:67px;width:13px;height:13px;border:1px solid #79cce5;border-radius:50%;background:#163242;transform:translateX(-6px);z-index:2;transition:background .4s,box-shadow .4s}.featured.date-passed .project-date-node{background:var(--cyan);box-shadow:0 0 18px color-mix(in srgb, var(--cyan) 37.65%, transparent)}.dated-projects .project-whole{display:block;width:auto;margin:0;padding-left:65px;min-width:0}.dated-projects .project-whole>.eyebrow{font-size:10px;margin:0 0 20px;line-height:1.6;letter-spacing:2px}.dated-projects .project-name{font-size:clamp(45px,4.8vw,70px);margin:0 0 16px}.dated-projects .categories{max-width:none;margin-bottom:28px;font-size:9px;letter-spacing:1.8px}.dated-projects .featured-vyonix .image-mask{margin:0;overflow:hidden;background:#08121a;border:1px solid var(--line)}.dated-projects .featured-vyonix .image-mask img{border:0;box-shadow:none}.dated-projects .project-summary{display:grid;grid-template-columns:1fr 1.4fr;gap:35px;margin-top:30px}.dated-projects .project-summary h3{font-size:27px;margin:0}.dated-projects .project-summary p{font-size:14px}.dated-projects .mcltti-layout{display:flex;flex-direction:column;gap:30px}.dated-projects .device-composition{order:0;padding:0;width:100%}.dated-projects .mcltti-copy{order:1;margin:0;max-width:none}.dated-projects .mcltti-copy h3{font-size:27px;margin:0 0 20px}.dated-projects .mcltti-copy p{font-size:14px;max-width:760px}.dated-projects .device-composition .image-mask{box-shadow:none}
@media(max-width:1000px){.dated-projects .project-whole{padding-left:40px}.project-date{font-size:65px}.dated-projects .project-summary{display:block}.dated-projects .project-summary h3{margin-bottom:20px}.dated-projects .project-name{font-size:55px}}
@media(max-width:640px){.dated-projects{padding-top:40px;padding-bottom:15px}.dated-projects>h2{font-size:9px;letter-spacing:1.6px;margin-bottom:25px}.projects-timeline{--date-rail:5px}.dated-projects .featured{display:block;padding:28px 0 40px 30px;border-bottom:0;scroll-margin-top:90px}.project-date{padding:0;margin-bottom:25px;font-size:43px}.project-date-node{top:39px;width:11px;height:11px;transform:translateX(-5px)}.dated-projects .project-whole{padding:0;display:block}.dated-projects .project-whole>.eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:15px}.dated-projects .project-name{font-size:43px}.dated-projects .categories{font-size:8px;letter-spacing:1px;line-height:1.9;margin-bottom:22px}.dated-projects .project-summary{display:block;margin-top:25px}.dated-projects .project-summary h3,.dated-projects .mcltti-copy h3{font-size:26px;margin-bottom:20px}.dated-projects .project-summary p,.dated-projects .mcltti-copy p{font-size:16px}.dated-projects .project-link{font-size:9px!important;padding:14px 15px!important;gap:15px}.dated-projects .mcltti-layout{gap:25px}}
@media(prefers-reduced-motion:reduce){.project-date-node{transition:none}}
/* Compact right-aligned thumbnails within the dated project entries. */
.dated-projects .project-whole{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.85fr);column-gap:35px;align-items:start}.dated-projects .project-whole>.eyebrow{grid-column:1;grid-row:1}.dated-projects .project-name{grid-column:1;grid-row:2;font-size:clamp(38px,4vw,60px)}.dated-projects .categories{grid-column:1;grid-row:3;line-height:1.9;margin-bottom:20px}.dated-projects .featured-vyonix .image-mask{grid-column:2;grid-row:1/5;width:100%;max-width:360px;justify-self:end;align-self:center;margin:0}.dated-projects .project-summary{display:block;grid-column:1;grid-row:4;margin:0}.dated-projects .project-summary h3{font-size:24px;margin-bottom:18px}.dated-projects .project-summary p{font-size:14px}.dated-projects .mcltti-layout{display:contents}.dated-projects .mcltti-copy{grid-column:1;grid-row:4;display:block;margin:0}.dated-projects .mcltti-copy h3{font-size:24px;margin-bottom:18px}.dated-projects .mcltti-copy p{font-size:14px}.dated-projects .device-composition{grid-column:2;grid-row:1/5;width:100%;max-width:360px;justify-self:end;align-self:center;margin:0;padding:0}.dated-projects .image-link{font-size:9px;padding:8px 12px;right:10px;bottom:10px}.dated-projects .project-link{font-size:9px!important;padding:12px 16px!important;gap:15px}
@media(max-width:1000px) and (min-width:641px){.dated-projects .project-whole{column-gap:25px;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);padding-left:30px}.dated-projects .project-name{font-size:40px}.dated-projects .project-summary h3,.dated-projects .mcltti-copy h3{font-size:22px}.dated-projects .project-summary p,.dated-projects .mcltti-copy p{font-size:13px}}
@media(max-width:640px){.dated-projects .project-whole{display:flex;flex-direction:column;padding:0}.dated-projects .project-whole>.eyebrow{order:0}.dated-projects .project-name{order:1;font-size:43px}.dated-projects .categories{order:2}.dated-projects .project-summary,.dated-projects .mcltti-copy{order:3;margin:0}.dated-projects .featured-vyonix .image-mask,.dated-projects .device-composition{order:4;max-width:280px;width:100%;align-self:flex-end;justify-self:auto;margin-top:25px}.dated-projects .project-summary h3,.dated-projects .mcltti-copy h3{font-size:25px}.dated-projects .project-summary p,.dated-projects .mcltti-copy p{font-size:16px}}

/* Immersive case study presentation, separate from the project chronology. */
.case-page{background:var(--bg)}.case-page .case-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:0 8%;padding-top:115px;padding-bottom:55px}.case-page .back-projects{grid-column:1/-1;margin-bottom:45px;font-size:10px;color:#8ba3b3;letter-spacing:1.8px}.case-page .case-hero-heading{grid-column:1;grid-row:2;align-self:end}.case-page .case-hero-heading .eyebrow{font-size:9px;letter-spacing:2.5px}.case-page .case-hero h1{font-size:clamp(78px,10vw,150px);letter-spacing:-.075em;line-height:1;margin:0 0 22px}.case-page .case-slogan{font-size:clamp(23px,2.5vw,35px);max-width:650px;line-height:1.35;margin:0 0 20px;color:#a5bdcc}.case-page .concept-badge{border:0;border-left:2px solid var(--cyan);border-radius:0;padding:3px 0 3px 12px;font-size:8px;letter-spacing:1.6px}.case-page .project-meta-row{grid-column:2;grid-row:2;align-self:end;margin:0 0 5px}.case-page .project-meta-row>div,.case-page .project-meta-row>div:first-child{grid-template-columns:80px 1fr;padding:14px 0}.case-page .project-meta-row dt{font-size:8px}.case-page .project-meta-row dd{font-size:13px;color:#c5d2db}.case-page .case-cover{grid-column:1/-1;grid-row:3;margin:45px 0 0;max-width:none;padding:24px 5% 40px;border:1px solid #ffffff16;border-radius:12px;background:radial-gradient(ellipse at 50% 40%,#24557355,transparent 75%),#0b1721;position:relative;isolation:isolate}.cover-caption{display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:1.8px;color:#9fb5c4;margin:0 0 25px}.cover-caption>span:last-child{letter-spacing:.5px}.case-page .case-cover .shot{max-width:1050px;margin:auto;border-radius:7px;border:1px solid #9abed133;box-shadow:0 25px 65px #0006}.case-page .case-cover .laptop-shot{border-width:7px 7px 13px;border-color:#263843;border-radius:12px}.case-page .case-cover .shot img{max-height:520px;object-fit:contain;background:#030a10}.case-page .case-cover .shot-hint{display:none}.case-chapters{display:block;position:sticky;top:84px;z-index:8;background:#07121bea;border-block:1px solid #ffffff1c;backdrop-filter:blur(18px);padding:0;color:#a2b9c8}.case-chapters>.p-wrap{display:flex;justify-content:space-between;gap:25px}.case-chapters a{display:flex;align-items:center;gap:12px;padding:20px 0;font-size:11px;white-space:nowrap}.case-chapters a>span{font-size:9px;color:#5e8196}.case-chapters a:hover,.case-chapters a:focus-visible{color:var(--cyan)}.case-page .case-section{padding:90px 0;scroll-margin-top:160px;border-top:0;border-bottom:1px solid #ffffff15;background:none}.case-page .case-section>.p-wrap{grid-template-columns:.85fr 1.25fr;gap:0 10%}.case-page .case-section>.p-wrap>.eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:30px;color:#759eB5}.case-page .case-section h2{font-size:clamp(34px,3.4vw,52px);line-height:1.14;top:175px;color:#eaf1f6}.case-page .case-lead{font-size:19px;line-height:1.9;color:#aabdc9}.case-page .asset-placeholder{background:linear-gradient(135deg,#0c1822,#071019);border:1px dashed #3d56684d;color:#668397;min-height:160px}.case-page .asset-placeholder svg{width:30px;height:26px;stroke:#486679}.case-page .brand-word{font-size:70px}.case-page .brand-board .asset-placeholder{min-height:140px}.case-page .concept-grid .asset-placeholder{min-height:140px}.case-page .concept-grid article{padding-top:22px;border-top:1px solid var(--line)}.case-page .concept-grid h3{font-size:23px}.case-page .interface-tabs{border-bottom-color:#2d4757}.case-page #interface-panel .asset-placeholder{min-height:230px}.case-page .pending-rows>div{border-top-color:#1f3442}.case-page .ux-grid article>span{font-family:Manrope,Arial,sans-serif;font-size:16px;color:#4388a6}.case-page .next-project{padding:70px 0;background:radial-gradient(ellipse at 100% 50%,#17446766,transparent 65%)}.case-page .next-project>a{align-items:center}.case-page .next-project>a>span{font-size:clamp(65px,8vw,120px)}.case-page .next-project b{display:inline-grid;place-items:center;width:90px;height:90px;border:1px solid color-mix(in srgb, var(--cyan) 30.20%, transparent);border-radius:50%;font-size:55px;vertical-align:middle;margin-left:20px}.case-page .next-project .eyebrow{font-size:9px}.case-page .live-project{padding:90px 0;background:radial-gradient(ellipse at center,#12344b77,transparent 65%)}
@media(max-width:1000px){.case-page .case-hero{column-gap:5%}.case-page .case-hero h1{font-size:95px}.case-chapters>.p-wrap{gap:15px}.case-chapters a{font-size:10px;gap:7px}.case-page .case-section>.p-wrap{gap:0 6%}.case-page .case-cover{padding:22px 4% 30px}.case-page .case-cover .shot img{max-height:430px}}
@media(max-width:700px){.case-page .case-hero{display:block;padding-top:100px;padding-bottom:30px}.case-page .back-projects{font-size:9px;margin-bottom:30px}.case-page .case-hero h1{font-size:clamp(64px,16vw,100px);margin-bottom:18px}.case-page .case-slogan{font-size:25px}.case-page .project-meta-row{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin:28px 0 0}.case-page .project-meta-row>div,.case-page .project-meta-row>div:first-child{display:block;padding:12px 0}.case-page .project-meta-row>div:last-child{grid-column:1/-1}.case-page .project-meta-row dt{margin-bottom:8px}.case-page .case-cover{margin-top:25px;padding:17px 12px 20px;border-radius:8px}.cover-caption{font-size:7px;letter-spacing:.7px;margin-bottom:15px;gap:10px}.cover-caption>span:last-child{font-size:7px}.case-page .case-cover .laptop-shot{border-width:3px 3px 7px;border-radius:7px}.case-page .case-cover .shot img{max-height:none}.case-chapters{top:70px}.case-chapters>.p-wrap{gap:20px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#3b596c transparent;padding:0 0 3px}.case-chapters a{font-size:10px;gap:7px;padding:15px 0;flex-shrink:0}.case-page .case-section{padding:50px 0;scroll-margin-top:140px}.case-page .case-section>.p-wrap{display:block}.case-page .case-section h2{position:static;font-size:36px;margin-bottom:25px}.case-page .case-section>.p-wrap>.eyebrow{font-size:9px;margin-bottom:22px}.case-page .case-lead{font-size:16px;line-height:1.85}.case-page .brand-word{font-size:55px}.case-page .next-project{padding:50px 0}.case-page .next-project>a{display:block}.case-page .next-project>a>span{font-size:54px}.case-page .next-project b{width:50px;height:50px;font-size:32px;margin-left:10px}.case-page .live-project{padding:60px 0}}
.project-list-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:26px}.project-list-actions .pill{margin:0;min-height:48px;font-size:11px;letter-spacing:.02em;padding:15px 20px;gap:22px;white-space:nowrap}.project-list-actions .project-photos-link{border-color:color-mix(in srgb,var(--cyan) 45%,transparent);color:var(--cyan);background:color-mix(in srgb,var(--cyan) 5%,transparent)}.project-list-actions .project-photos-link:hover{background:var(--cyan);color:var(--bg)}.project-list-actions .project-photos-link>span{font-size:20px;line-height:1}@media(max-width:700px){.project-list-actions{gap:10px;margin-top:20px}.project-list-actions .pill{flex:1;justify-content:space-between;padding:13px 15px;font-size:11px;gap:10px}}

/* Project disciplines: retain the shared navy/cyan identity. */
.categories,.vx-categories{display:flex;flex-wrap:wrap;gap:8px;letter-spacing:normal!important;line-height:1.4!important}
.project-skill-tag{display:inline-flex;align-items:center;max-width:100%;padding:7px 13px;border:1px solid rgba(102,220,245,.38);border-radius:100px;background:rgba(102,220,245,.065);color:var(--accent,#66dcf5);font-size:12px;font-weight:600;letter-spacing:.04em;overflow-wrap:anywhere}
@media(max-width:600px){.project-skill-tag{padding:6px 11px;font-size:11px}.categories,.vx-categories{gap:6px}}