/* Full-screen editorial chapters. Transition timing follows the Tteavibe native deck. */
.portfolio-home{--paper:#fff;--ink:#111;--muted:#626262;--line:#dcdcdc;--soft:#f4f4f2;--page:clamp(22px,5.7vw,100px)}
.portfolio-home .header{position:absolute;inset:0 0 auto;height:80px;z-index:50;background:transparent;border:0;color:inherit}
.portfolio-home .header .contact-link{border-color:currentColor}
.portfolio-home .header .nav a:after{background:currentColor}
.portfolio-home .header .brand-name{display:none}
.portfolio-home .progress{display:none}
.portfolio-home .hero{min-height:100svh;max-height:none;padding-top:115px;padding-bottom:100px;background:#f7f7f5}
.portfolio-home .hero-meta{font-size:14px}
.portfolio-home .hero-body{margin:0;flex:1;display:flex;align-items:center;min-height:320px}
.portfolio-home .hero h1{position:relative;z-index:2;font-size:clamp(34.5px,4.14vw,69px);letter-spacing:-.045em;width:100%;line-height:1}
.portfolio-home .hero .name{font-size:clamp(135.7px,25.3vw,402.5px);line-height:.85;letter-spacing:-.075em;margin:18px 0 0;padding:0;min-height:1em}
.portfolio-home .hero .name-period{font-style:normal;margin-left:.02em}
.portfolio-home .hero .caret{height:.65em;width:.016em;margin-left:.04em}
.portfolio-home .hero-statement{position:absolute;right:1%;top:13%;font-size:14px;line-height:1.5;z-index:2}
.portfolio-home .hero-bottom{position:relative;z-index:3;grid-template-columns:1fr auto;border-top:0;padding:0;gap:25px}
.portfolio-home .hero-intro{max-width:none}
.portfolio-home .hero-intro p{font-size:clamp(20.7px,2.5875vw,37.95px);line-height:1.13;margin-top:14px;letter-spacing:-.045em}
.portfolio-home .hero-intro p br{display:none}
.portfolio-home .hero-intro p br:after{content:' '}
.portfolio-home .hero-intro p em{margin-left:.18em}
.portfolio-home .hero-intro p em{font-family:Georgia,serif;font-weight:400}
.hero-sculpture{position:absolute;right:7%;top:16%;width:clamp(210px,29vw,500px);aspect-ratio:1;color:#bbb;z-index:0;transform:rotate(-20deg);pointer-events:none}
.hero-sculpture span{position:absolute;inset:0;border:1px solid currentColor;border-radius:50%;transform:rotateY(calc(var(--n)*25deg));animation:sculpture 24s linear infinite;animation-delay:calc(var(--n)*-2s)}
.hero-sculpture span:nth-child(1){--n:1}.hero-sculpture span:nth-child(2){--n:2}.hero-sculpture span:nth-child(3){--n:3}.hero-sculpture span:nth-child(4){--n:4}.hero-sculpture span:nth-child(5){--n:5}.hero-sculpture span:nth-child(6){--n:6}
.hero-sculpture b{position:absolute;inset:20%;display:grid;place-items:center;font:italic 149.5px Georgia,serif;color:#ecece8;transform:rotate(20deg)}
@keyframes sculpture{to{transform:rotateY(calc(var(--n)*25deg + 360deg)) rotateZ(35deg)}}
.deck-mode{position:relative;height:var(--deck-h,100svh);overflow:hidden;overscroll-behavior:none}
.deck-mode #main{position:relative;height:100%;isolation:isolate;overflow:hidden}
.deck-mode #main>.section,.deck-mode #main>.hero{position:absolute;inset:0;width:100%;height:100%;max-height:none;min-height:0;margin:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;padding:112px var(--page) 90px;background:#fff;will-change:transform;touch-action:pan-x}
.deck-mode #main>section::-webkit-scrollbar{display:none}
.deck-mode #main>.hero{background:#f7f7f5}
.deck-mode #main>.ai{background:#111;color:#fff}
.deck-mode #main>.life{background:#f1f1ee}
.deck-mode .reveal{opacity:1;transform:none}
.deck-mode .section-top{margin-bottom:clamp(18px,3.7vh,40px)}
.deck-mode .headline-row{margin-bottom:28px}
.deck-mode .headline-row h2{font-size:clamp(40.25px,5.175vw,78.2px)}
.deck-mode .about-grid{height:calc(100% - 50px);gap:7vw}
.deck-mode .video-placeholder{height:100%;max-height:620px;aspect-ratio:auto}
.deck-mode .about-text h2{font-size:clamp(36.8px,4.255vw,64.4px)}
.deck-mode .about-text>p{font-size:16.1px}
.deck-mode .facts{margin:24px 0;gap:18px}
.deck-mode .work-row{padding:clamp(12px,2.1vh,23px) 0;grid-template-columns:35px 1fr 190px 30px;gap:20px}
.deck-mode .work-name{font-size:clamp(28.75px,3.105vw,44.85px)}
.deck-mode .work-desc{margin-top:4px}
.deck-mode .work-row:hover{padding-inline:14px}
.deck-mode .work-foot{margin-top:14px;font-size:14px}
.deck-mode .ai h2{font-size:clamp(46px,6.095vw,92px)}
.deck-mode .ai-lead{margin-top:20px}
.deck-mode .ai-lead p{font-size:14.95px;max-width:540px}
.deck-mode .system{margin:24px 0;padding:18px 22px}
.deck-mode .system-flow{padding:23px 0}
.deck-mode .system-node{padding:16px;min-width:125px}
.deck-mode .ai-card{padding-top:16px}
.deck-mode .ai-card h3{margin-top:16px;font-size:25.3px}
.deck-mode .ai-card p{margin:9px 0 16px;font-size:14px}
.deck-mode .gallery{height:clamp(220px,39vh,430px);gap:24px}
.deck-mode .photo-frame,.deck-mode .photo-frame:nth-child(2){height:100%;aspect-ratio:auto;margin-top:0}
.deck-mode .life-tabs{margin-bottom:18px}
.deck-mode .gallery-note{margin-top:14px}
.deck-mode .social-slot{margin-top:16px}
.deck-mode .contact-title{font-size:clamp(66.7px,10.925vw,166.75px);margin-top:5vh}
.deck-mode .contact-links{margin:6vh 0}
.deck-mode .footer{padding-top:18px}
.deck-mode .footer .motion-toggle{display:none}
.deck-controls{position:absolute;bottom:22px;left:var(--page);right:var(--page);z-index:50;display:flex;justify-content:space-between;align-items:center;gap:15px;color:#111;pointer-events:none}
.deck-controls>*{pointer-events:auto}
.deck-caption{font:14px/1.5 'Courier New',monospace;letter-spacing:.12em;display:flex;align-items:center;gap:15px;text-transform:uppercase;white-space:nowrap}
.deck-caption i{height:1px;width:55px;background:currentColor;opacity:.35}
.deck-controls .deck-navigation{display:flex;align-items:center;gap:14px;border:1px solid #bdbdbd;border-radius:40px;padding:7px;background:#ffffff80;backdrop-filter:blur(15px)}
.deck-navigation>button{width:32px;height:32px;border:1px solid #bbb;border-radius:50%;font-size:19.55px;display:grid;place-items:center;padding:0}
.deck-navigation>button:disabled{opacity:.3}
.deck-dots{display:flex;gap:8px;align-items:center}
.deck-dots button{padding:7px 0;display:flex;align-items:center;justify-content:center;width:9px;transition:width .3s}
.deck-dots button:after{content:'';height:5px;width:5px;border-radius:5px;background:currentColor;opacity:.3}
.deck-dots button[aria-current=true]{width:23px}.deck-dots button[aria-current=true]:after{width:23px;opacity:1}
.deck-mode[data-chapter=ai]>.header,.deck-mode[data-chapter=ai]>.deck-controls{color:#fff}
.deck-mode[data-chapter=ai] .deck-navigation{background:#2229;border-color:#555}
.deck-mode .motion-switch{font:14px 'Courier New',monospace;text-transform:uppercase;padding:8px}
.deck-mode>.header{background:linear-gradient(#ffffffed,#ffffff00)}
.deck-mode[data-chapter=intro]>.header{background:transparent}
.deck-mode[data-chapter=ai]>.header{background:linear-gradient(#111111ed,#11111100)}
.deck-mode .section-top,.deck-mode h2,.deck-mode .hero-bottom{transition:opacity .45s,translate .65s cubic-bezier(.2,.76,.2,1)}
.deck-mode section:not(.is-current) .section-top,.deck-mode section:not(.is-current) h2,.deck-mode section:not(.is-current) .hero-bottom{translate:0 25px;opacity:.1}
.portfolio-home.motion-off .hero-sculpture span{animation:none}
.portfolio-home:not(.deck-mode) .deck-controls{display:none}
.portfolio-home:not(.deck-mode) .header{position:relative;background:white}
.portfolio-home:not(.deck-mode) .hero{min-height:calc(100svh - 80px)}
@media(max-width:900px){.deck-mode #main>.section,.deck-mode #main>.hero{padding-top:98px;padding-bottom:85px}.deck-mode .header{height:72px}.deck-mode .headline-row p{font-size:14px;max-width:220px}.deck-mode .outline-tag{display:none}.deck-mode .system-node{min-width:100px;font-size:14px}.deck-mode .about-grid{gap:30px}.deck-mode .education{font-size:14px}.deck-mode .contact-links{display:block}.deck-mode .download{margin-top:25px}.deck-mode .footer .draft-label{display:none}.hero-sculpture{right:0;width:40vw}.portfolio-home .hero-statement{top:8%}}
@media(max-width:600px){
 .portfolio-home .header{height:70px}.portfolio-home .nav.open{color:#111;background:#fff;top:70px;z-index:60}.portfolio-home .hero-meta>.micro{display:none}
 .portfolio-home .hero{padding-top:95px;padding-bottom:90px}.portfolio-home .hero-body{min-height:330px;align-items:center}
 .portfolio-home .hero h1{font-size:34.5px}.portfolio-home .hero .name{font-size:clamp(118.45px,31.05vw,184px);letter-spacing:-.085em;margin-top:14px}
 .portfolio-home .hero-statement{top:22px;right:0;font-size:14px}
 .hero-sculpture{width:65vw;right:-22%;top:8%;opacity:.65}.hero-sculpture b{font-size:103.5px}
 .portfolio-home .hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:12px}.portfolio-home .hero-intro>.micro{font-size:14px;max-width:180px;display:block}
 .portfolio-home .hero-intro p{font-size:29.9px;line-height:1.15}.portfolio-home .hero-intro p br{display:block}.portfolio-home .scroll-link{font-size:14px;gap:10px}.portfolio-home .round-arrow{width:36px;height:36px;flex-shrink:0}
 .deck-mode .section-top{margin-bottom:26px}.deck-mode .section-top>.mono{display:none}
 .deck-mode .headline-row{display:block;margin-bottom:24px}.deck-mode .headline-row h2{font-size:44.85px}.deck-mode .headline-row p{margin-top:16px;max-width:320px;font-size:14px}
 .deck-mode .about-grid{height:auto;display:flex;flex-direction:column;gap:26px;align-items:stretch}.deck-mode .video-placeholder{height:220px;flex-shrink:0;aspect-ratio:auto}.deck-mode .video-corner{top:24px;left:25px;font-size:14px}.deck-mode .video-note{left:25px;right:25px;bottom:25px}.deck-mode .video-glyph{font-size:149.5px}.deck-mode .about-text h2{font-size:39.1px;margin-bottom:18px}.deck-mode .about-text>p{font-size:14.95px}.deck-mode .facts{gap:16px}.deck-mode .fact .value{font-size:14px}
 .deck-mode .work-row{padding:13px 0;grid-template-columns:24px 1fr 22px;gap:10px}.deck-mode .work-name{font-size:33.35px}.deck-mode .work-dates{display:none}.deck-mode .work-desc{font-size:14px}.deck-mode .work-number{font-size:14px}.deck-mode .work-foot{font-size:14px;line-height:1.5}.deck-mode .work-foot span:last-child{display:none}
 .deck-mode .ai h2{font-size:49.45px}.deck-mode .ai-lead{margin-top:20px}.deck-mode .system{margin:24px 0;padding:18px}.deck-mode .system-header span:last-child{display:none}.deck-mode .system-flow{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:20px 0}.deck-mode .system-node{padding:14px 5px}.deck-mode .connector{display:none}.deck-mode .system-foot{font-size:14px}.deck-mode .ai-cards{grid-template-columns:1fr;gap:20px}.deck-mode .ai-card h3{font-size:28.75px}.deck-mode .ai-card p{font-size:14px}.deck-mode .ai-card .text-link{margin-top:0}
 .deck-mode .gallery{height:auto;grid-template-columns:1fr}.deck-mode .photo-frame,.deck-mode .photo-frame:nth-child(2){height:270px}.deck-mode .photo-caption span{font-size:35.65px}.deck-mode .social-slot{display:block}.deck-mode .social-slot span{display:block;margin-top:7px}
 .deck-mode .contact-title{font-size:65.55px;margin-top:35px}.deck-mode .contact-title>.arrow{display:none}.deck-mode .contact-links{margin-top:40px;margin-bottom:40px}.deck-mode .email-link{font-size:26.45px}.deck-mode .contact-other{flex-wrap:wrap;gap:12px;font-size:14px}.deck-mode .download{width:100%;font-size:14px}.deck-mode .footer{font-size:14px;align-items:start}.deck-mode .footer-right{gap:5px}
 .deck-controls{bottom:18px}.deck-caption{font-size:14px;gap:8px}.deck-caption i{width:20px}.deck-controls .motion-switch{display:none}.deck-controls .deck-navigation{gap:10px;padding:6px}.deck-navigation>button{width:27px;height:27px;font-size:17.25px}.deck-dots{gap:6px}
}
@media(prefers-reduced-motion:reduce){.hero-sculpture span{animation:none}}
@media(min-width:601px) and (max-height:800px){
 .deck-mode #main>.section,.deck-mode #main>.hero{padding-top:100px;padding-bottom:82px}
 .deck-mode .hero-body{min-height:0}.deck-mode .hero .name{font-size:23vw}.deck-mode .hero-intro p{font-size:28.75px}
 .deck-mode .section-top{margin-bottom:18px}
 .deck-mode .headline-row{margin-bottom:18px}.deck-mode .headline-row h2{font-size:44.85px}
 .deck-mode .work-row{padding:7px 0}.deck-mode .work-name{font-size:28.75px}.deck-mode .work-desc{font-size:14px;margin-top:2px}.deck-mode .work-number{padding-top:4px}
 .deck-mode .ai h2{font-size:56.35px}.deck-mode .ai-lead{margin-top:16px}.deck-mode .system{margin:18px 0;padding:14px 18px}.deck-mode .system-flow{padding:15px 0}.deck-mode .system-node{padding:12px}.deck-mode .system-foot{display:none}.deck-mode .ai-card h3{font-size:23px;margin-top:12px}.deck-mode .ai-card p{margin:8px 0 12px}
 .deck-mode .gallery{height:220px}.deck-mode .gallery-note{margin-top:10px}.deck-mode .social-slot{margin-top:12px;padding:12px 18px}
 .deck-mode .contact-title{font-size:9.2vw;margin-top:20px}.deck-mode .contact-links{margin:30px 0}
}
/* A quieter homepage: fewer labels and rules, company marks as the visual anchors. */
.work-brand img.brand-sailvan{filter:grayscale(1)}
.portfolio-home .hero h1{max-width:none}.portfolio-home .hero-body{padding-top:3vh}.portfolio-home .hero .name{font-size:clamp(138px,25.3vw,391px)}
.portfolio-home .hero-bottom{align-items:center}.portfolio-home .hero-intro p{font-size:27.6px;line-height:1.2;font-weight:400}.portfolio-home .hero-intro p br{display:block}.portfolio-home .hero-intro p em{margin-left:0}.portfolio-home .scroll-link>span:first-child{display:none}.portfolio-home .round-arrow{border:0}
.deck-mode .section-top{display:none}.deck-mode .headline-row{margin-bottom:42px}.deck-mode .work-list{border:0}.deck-mode .work-row{grid-template-columns:135px 1fr 190px 26px;border-bottom-color:#eeeeec;gap:26px;padding:20px 0}.deck-mode .work-row:last-child{border-bottom:0}.work-brand{display:flex;align-items:center;width:112px;height:36px}.work-brand img{max-width:112px;max-height:34px;width:auto;height:auto;filter:grayscale(1) brightness(0);object-fit:contain}.deck-mode .work-name{font-size:35.65px}.deck-mode .work-desc{color:#888;font-size:14px}.deck-mode .headline-row h2{font-size:clamp(43.7px,5.75vw,82.8px)}
.deck-caption i,.deck-caption .deck-label{display:none}.deck-controls .deck-navigation{border:0;background:transparent;backdrop-filter:none;padding:0}.deck-navigation>button{border:0}.deck-controls .motion-switch{opacity:.5;font-size:14px}.deck-mode[data-chapter=ai] .deck-navigation{background:transparent}.deck-mode .ai-cards{margin-top:9vh;gap:45px}.deck-mode .ai-card{border-top-color:#333;padding-top:25px}.deck-mode .ai-card h3{font-size:32.2px;margin-top:25px}.deck-mode .ai-card .mono>span:first-child{font-size:0}.deck-mode .ai-card p{font-size:14.95px}.deck-mode .ai h2{margin-top:6vh}.deck-mode .ai-lead{margin-top:28px}.deck-mode .life .headline-row{margin-bottom:30px}.deck-mode .photo-frame .micro,.deck-mode .photo-index{display:none}.deck-mode .footer{border:0}.deck-mode .footer .draft-label{display:none}
@media(min-width:601px) and (max-height:800px){.deck-mode .hero .name{font-size:23vw}.deck-mode .headline-row{margin-bottom:28px}.deck-mode .work-row{padding:13px 0}.deck-mode .work-name{font-size:32.2px}.deck-mode .ai-cards{margin-top:45px}}
@media(max-width:900px){.deck-mode .work-row{grid-template-columns:105px 1fr 145px 24px;gap:18px}.work-brand,.work-brand img{max-width:90px}}
@media(max-width:600px){.portfolio-home .hero .name{font-size:31.05vw}.portfolio-home .hero-body{padding-top:0}.portfolio-home .hero-intro p{font-size:25.3px}.deck-mode .headline-row h2{font-size:49.45px}.deck-mode .headline-row{margin-bottom:30px}.deck-mode .work-row{grid-template-columns:78px 1fr 18px;gap:15px;padding:24px 0}.work-brand,.work-brand img{max-width:73px}.work-brand img{max-height:28px}.deck-mode .work-name{font-size:31.05px}.deck-mode .work-desc{font-size:14px;line-height:1.5}.deck-mode .ai h2{margin-top:25px}.deck-mode .ai-cards{margin-top:35px;gap:22px}.deck-mode .ai-card{padding-top:16px}.deck-mode .ai-card h3{font-size:31.05px;margin-top:10px}.deck-mode .ai-card p{font-size:14px}.deck-mode .life .headline-row p{display:none}.deck-caption{font-size:14px}.deck-mode .work-row:hover{padding-inline:0}}

/* Brand identity in its original color; one name per company, carried by its mark. */
.portfolio-home .work-brand img,.portfolio-home .work-brand img.brand-sailvan{filter:none}
.deck-mode #work .headline-row h2{font-size:clamp(52.9px,6.325vw,92px)}
.deck-mode .work-row{grid-template-columns:190px 1fr 180px 26px;gap:32px;padding:18px 0;min-height:82px}
.portfolio-home .work-brand{width:165px;max-width:165px;height:46px}
.portfolio-home .work-brand img{max-width:165px;max-height:43px}
.portfolio-home .work-brand-dark{background:#171717;border-radius:5px;padding:10px 12px}
.portfolio-home .work-brand-dark img{max-width:141px}
.deck-mode .work-desc{font-size:25.3px;font-weight:400;color:#242424;line-height:1.3;letter-spacing:-.025em;margin:0}
@media(min-width:601px) and (max-height:800px){.deck-mode #work .headline-row{margin-bottom:24px}.deck-mode .work-row{padding:9px 0;min-height:76px}.deck-mode .work-desc{font-size:24.15px}}
@media(max-width:900px){.deck-mode .work-row{grid-template-columns:160px 1fr 24px;gap:22px}.deck-mode .work-dates{display:none}.portfolio-home .work-brand{width:145px;max-width:145px}.portfolio-home .work-brand img{max-width:145px}.portfolio-home .work-brand-dark img{max-width:121px}}
@media(max-width:600px){.deck-mode #work .headline-row h2{font-size:54.05px}.deck-mode #work .headline-row{margin-bottom:24px}.deck-mode .work-row{grid-template-columns:112px 1fr 18px;gap:17px;padding:21px 0;min-height:91px}.portfolio-home .work-brand{width:112px;max-width:112px;height:38px}.portfolio-home .work-brand img{max-width:112px;max-height:35px}.portfolio-home .work-brand-dark{padding:8px}.portfolio-home .work-brand-dark img{max-width:96px}.deck-mode .work-desc{font-size:19.55px;line-height:1.4}}

/* Experience: centered as a group, with optical offsets for glyph/asset whitespace. */
.deck-mode #main>#work{display:flex;flex-direction:column;padding-block:96px}
.work-content{width:100%;max-width:1320px;margin:auto}
.deck-mode #work .headline-row{margin:0 0 30px;padding:0}
.deck-mode #work .headline-row h2{margin:0 0 0 -.022em;font-size:clamp(50px,5.1vw,74px);line-height:1.05;letter-spacing:-.055em}
.deck-mode #work .work-row{grid-template-columns:170px minmax(0,1fr) 180px 28px;gap:26px;padding:14px 0;min-height:76px;align-items:center}
.deck-mode #work .work-row:hover{padding-inline:0;background:#EFFBFC}
.portfolio-home #work .work-brand{width:150px;max-width:150px;height:42px}
.portfolio-home #work .work-brand img{max-width:150px;max-height:39px}
.portfolio-home #work .work-brand img.brand-sailvan{transform:translateX(-2.1%)}
.portfolio-home #work .work-brand-dark{padding:8px 10px}
.portfolio-home #work .work-brand-dark img{max-width:130px}
.deck-mode #work .work-desc{font-size:22px;line-height:1.3}
.deck-mode #work .work-dates{font-size:14px;line-height:1.45}
.deck-mode #work .work-row>.arrow{font-size:28px;line-height:1}
.deck-controls{justify-content:center;left:var(--page);right:var(--page);bottom:24px}
.deck-controls .deck-navigation{padding:0;border:0;background:none}
.deck-dots{gap:12px}.deck-dots button{height:30px;min-width:16px}
@media(max-width:1100px){.deck-mode #work .work-row{grid-template-columns:155px minmax(0,1fr) 160px 26px;gap:22px}.portfolio-home #work .work-brand{width:140px;max-width:140px}.portfolio-home #work .work-brand img{max-width:140px}.portfolio-home #work .work-brand-dark img{max-width:120px}.deck-mode #work .work-desc{font-size:21px}}
@media(max-width:900px){.deck-mode #work .work-row{grid-template-columns:150px minmax(0,1fr) 26px;gap:22px}.deck-mode #work .work-dates{display:none}}
@media(max-width:600px){.deck-mode #main>#work{padding-block:88px}.deck-mode #work .headline-row{margin-bottom:24px}.deck-mode #work .headline-row h2{font-size:46px}.deck-mode #work .work-row{grid-template-columns:104px minmax(0,1fr) 20px;gap:16px;min-height:88px;padding:17px 0}.portfolio-home #work .work-brand{width:104px;max-width:104px;height:36px}.portfolio-home #work .work-brand img{max-width:104px;max-height:33px}.portfolio-home #work .work-brand-dark{padding:7px}.portfolio-home #work .work-brand-dark img{max-width:90px}.deck-mode #work .work-desc{font-size:18px;line-height:1.35}.deck-mode #work .work-row>.arrow{font-size:25px}}
/* Keep the same proportions on shorter laptop screens. */
@media(min-width:901px) and (max-height:800px){
 .deck-mode #main>#work{padding-block:80px}
 .deck-mode #work .headline-row{margin-bottom:24px}
 .deck-mode #work .work-row{min-height:70px;padding-block:12px}
}

/* Sailvan: normalize visible artwork to the shared logo column, preserving the source. */
.portfolio-home #work .work-brand:has(.brand-sailvan){overflow:visible}
.portfolio-home #work .work-brand img.brand-sailvan{display:block;flex-shrink:0;width:104.984424%;max-width:none;height:auto;max-height:none;transform:translateX(-2.077151%)}

/* MOBILE HOME PROGRESS START */
@media(max-width:760px){.deck-dots{display:none!important}.deck-controls .deck-navigation{position:relative;width:110px;height:6px;border:0;padding:0;background:#8883;border-radius:5px;overflow:hidden;pointer-events:none}.deck-navigation:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--chapter-progress,16.666%);background:currentColor;transition:width .3s}.portfolio-home[data-chapter=intro]{--chapter-progress:16.666%}.portfolio-home[data-chapter=about]{--chapter-progress:33.333%}.portfolio-home[data-chapter=work]{--chapter-progress:50%}.portfolio-home[data-chapter=ai]{--chapter-progress:66.666%}.portfolio-home[data-chapter=life]{--chapter-progress:83.333%}.portfolio-home[data-chapter=contact]{--chapter-progress:100%}}
/* MOBILE HOME PROGRESS END */