:root{--paper:#08090b;--ink:#f2f0e9;--muted:#b0afba;--line:#333239;--lime:#eaba67;background:var(--paper);color:var(--ink)}body{padding:0}.header{position:absolute;inset:0 0 auto;width:100%;height:auto;background:transparent;border:0;flex-direction:row;align-items:center;justify-content:space-between;padding:35px 6%;z-index:3}.header .brand{font-size:15px;letter-spacing:-.3px;font-weight:600}.brand-star{color:#eaba67;font-size:28px;margin-left:6px}.header nav{flex-direction:row;margin:0;gap:45px;font-size:12px;letter-spacing:.8px}.header nav a,.header nav a:first-child{background:transparent;color:#f1efe9;padding:8px 0}.header nav a:hover{background:transparent;color:#eaba67}.hero.immersive{position:relative;isolation:isolate;min-height:850px;min-height:100svh;padding:150px 6% 40px;display:flex;flex-direction:column;justify-content:space-between;background:#08090b;overflow:hidden}.aurora{position:absolute;z-index:-1;inset:-18%;background:radial-gradient(ellipse at 72% 34%,#034746b0,transparent 38%),radial-gradient(ellipse at 62% 80%,#42419490,transparent 42%),radial-gradient(ellipse at 20% 61%,#59214490,transparent 39%),radial-gradient(ellipse at 15% 90%,#82612190,transparent 30%);filter:blur(35px);animation:drift 16s ease-in-out infinite alternate;opacity:.95;pointer-events:none}.hero-meta{display:flex;justify-content:space-between;gap:25px;align-items:start;font-size:12px;line-height:1.6;color:#b7b7c0;letter-spacing:.5px}.hero-meta button{background:none;border:0;border-bottom:1px solid #6d6b75;color:#c4c2ca;padding:0 0 7px;font-size:12px}.title-stage{position:relative;margin:35px 0;min-width:0}.art-title{font-family:Arial,Helvetica,sans-serif;font-size:clamp(80px,14vw,230px);font-weight:400;line-height:.92;letter-spacing:-.075em;margin:0;color:#f3f2ed}.art-title>span{display:block}.art-title .title-second{text-align:right;font-family:Georgia,'Times New Roman',serif;font-style:italic;color:#eaba67;font-size:1.13em;letter-spacing:-.065em;margin-right:9%;line-height:1.08}.title-period{font-family:Arial;font-style:normal;color:#f3f2ed}.hero-foot{display:flex;align-items:end;justify-content:space-between;gap:25px}.hero-foot p{font-size:15px;line-height:1.8;color:#c2c1ca;margin:0}.explore{font-size:12px;letter-spacing:1px;display:flex;align-items:center;gap:30px}.explore span{font-size:32px;line-height:1;border:1px solid #6b6570;border-radius:50%;width:55px;height:55px;display:grid;place-items:center}.hero-year{font-size:12px;color:#a2a0ae;writing-mode:vertical-rl}#lens{position:absolute;left:33%;top:12%;width:220px;height:220px;border-radius:50%;border:1px solid #b7b6c677;background:radial-gradient(circle at 30% 25%,#fff1,transparent 45%),#17132255;box-shadow:inset 3px 3px 13px #fff2,inset -4px -4px 20px #e9b96533,0 12px 40px #0004;backdrop-filter:blur(3px);overflow:hidden;pointer-events:none;opacity:0;transition:opacity .3s;z-index:2}#lens.visible{opacity:1}#lens-content{position:absolute;transform:scale(1.22);transform-origin:0 0;text-shadow:3px 0 #ef92ae88,-3px 0 #80ccd688;width:100%;max-width:none}#lens-content .title-second{color:#f4c678}.section{padding:90px 6%;scroll-margin-top:25px}.section-head{align-items:start;margin-bottom:45px}.section-head h2{font-size:clamp(35px,4.5vw,68px);line-height:1.1;letter-spacing:-2px}.section-head h2 em{font-family:Georgia,serif;font-weight:400;color:#eaba67}.eyebrow{font-size:12px;letter-spacing:1.5px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px 40px}.work-card{background:transparent;border:0;padding:0;color:inherit;text-align:left;min-width:0}.work-card:nth-child(even){margin-top:90px}.work-img{padding:30px;background:#20212a;overflow:hidden}.work-card:nth-child(2) .work-img{background:#202c2c}.work-card:nth-child(3) .work-img{background:#2a202c}.work-card:nth-child(4) .work-img{background:#262526}.work-img img{display:block;width:100%;aspect-ratio:1.78;object-fit:contain;transition:transform .6s}.work-card:hover .work-img img{transform:scale(1.045)}.work-caption{display:flex;justify-content:space-between;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}.work-caption span{font-size:12px;letter-spacing:1px;color:#aaa8b2}.work-caption h3{font-size:30px;letter-spacing:-1px;font-weight:400;margin:12px 0}.work-caption p{font-size:14px;line-height:1.6;color:#b0afba;margin:0}.work-caption .work-arrow{font-size:32px;color:#eaba67}.projects{border-top:1px solid var(--line)}.project-tabs button[aria-selected=true]{background:#242027;border-bottom-color:#eaba67}.project-main{background:#101114;border-color:#333239;border-radius:0;padding:30px}.pill,.stack span{background:#252229;color:#dbd3c6;border-color:#49414a}.preview{background:#19191e;border-color:#343239;border-radius:0}.gallery-controls button{color:#d4ccd7;border-color:#5a505d}.gallery-controls button[aria-pressed=true]{background:#d8b37d;color:#171211;border-color:#d8b37d}.steps button{background:#17171c;border-color:#39333d;color:#ddd9e0;border-radius:0}.steps button[aria-pressed=true]{background:#322a31;border-color:#ad8a5c}.step-detail{border-color:#eaba67}.deliverable,.evidence-metrics>div{background:#211e24;border-color:#403843;border-radius:0}.evidence-table thead{background:#25202a}.project-credit strong{color:#e9d5b7}.lab{background:#101115;border-color:#363139}.lab-result{background:#17151d;border-color:#403847;border-radius:0}.comparison>div>div{background:#312936}.comparison i{background:#7c6a84}#today-bar{background:#eaba67}.button.dark{background:#eaba67;color:#171211;border-radius:0}.contact{background:radial-gradient(ellipse at 85% 95%,#243331,transparent 70%)}.contact h2{font-size:clamp(36px,5vw,76px);font-weight:400;letter-spacing:-2px}.contact .email{color:#eaba67}.contact>div{margin:30px 0}footer{margin:0 6%;padding:30px 0}.mark{background:#29232c;color:#eaba67}.weight-bar span{background:#63516d}.weight-bar span:nth-child(2){background:#a98eab;color:#171211}.weight-bar span:nth-child(3){background:#e3c3a0;color:#171211}input[type=range],.check input{accent-color:#eaba67}a:focus-visible,button:focus-visible,input:focus-visible{outline-color:#eaba67}.motion-paused .aurora{animation-play-state:paused}@keyframes drift{0%{transform:translate(-2%,-1%) rotate(-4deg) scale(1)}100%{transform:translate(4%,5%) rotate(6deg) scale(1.12)}}@media(min-width:1600px){.header,.hero.immersive,.section{padding-left:7%;padding-right:7%}.hero.immersive{padding-top:160px}}@media(max-width:750px){.header{position:absolute;padding:25px 6%;display:flex;flex-direction:row}.header .brand{font-size:12px}.brand-star{font-size:22px}.header nav{gap:18px;flex-wrap:nowrap;font-size:11px;letter-spacing:0}.header nav a{padding:4px 0}.hero.immersive{padding:125px 6% 35px;min-height:780px;min-height:94svh}.hero-meta{font-size:11px;gap:18px;flex-wrap:wrap}.hero-meta button{font-size:11px}.art-title{font-size:17vw;letter-spacing:-.07em}.art-title .title-second{margin-right:2%}.title-stage{margin:60px 0}.hero-foot{flex-wrap:wrap;gap:30px}.hero-foot p{font-size:14px}.hero-year{display:none}.section{padding:60px 6%}.section-head{gap:25px;display:flex;flex-direction:column}.section-head h2{font-size:39px;letter-spacing:-1px}.work-grid{grid-template-columns:1fr;gap:35px}.work-card:nth-child(even){margin-top:0}.work-img{padding:20px}.work-caption h3{font-size:26px}.project-main{padding:18px}.project-tabs button{padding:12px 8px}.project-tabs small{font-size:11px}.contact h2{font-size:40px;letter-spacing:-1px}}@media(pointer:coarse),(prefers-reduced-motion:reduce){#lens{display:none!important}}@media(prefers-reduced-motion:reduce){.aurora{animation:none}.work-img img{transition:none}:root{scroll-behavior:auto}}
.art-title .title-first{color:#f3f2ed}.skip{background:#eaba67;color:#171211}
/* A moving light field, independent of the text magnifier. */
.aurora{opacity:1;background:radial-gradient(ellipse at 75% 25%,#07595299,transparent 42%),radial-gradient(ellipse at 38% 70%,#43264999,transparent 45%),radial-gradient(ellipse at 15% 95%,#68512380,transparent 40%);animation:drift 19s ease-in-out infinite alternate}
.aurora::before,.aurora::after{content:"";position:absolute;inset:5%;pointer-events:none;will-change:transform;background:radial-gradient(ellipse at 50% 50%,#4c8fb680 0%,#316e8055 20%,transparent 55%);mix-blend-mode:screen;filter:blur(22px);animation:light-travel 17s ease-in-out infinite alternate}
.aurora::after{inset:15% 5% 0;background:radial-gradient(ellipse at 50% 50%,#d1904d77 0%,#934c6955 22%,transparent 58%);animation:light-travel-warm 23s ease-in-out infinite alternate}
.immersive::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 38% 44% at var(--light-x,60%) var(--light-y,40%),#658aab22,transparent 85%);transition:opacity .6s;opacity:.8}
@keyframes light-travel{0%{transform:translate(-24%,-20%) scale(.8)}45%{transform:translate(16%,4%) scale(1.15)}100%{transform:translate(3%,28%) scale(.95)}}
@keyframes light-travel-warm{0%{transform:translate(28%,20%) scale(.8)}50%{transform:translate(-5%,-15%) scale(1.1)}100%{transform:translate(-27%,5%) scale(.9)}}
.motion-paused .aurora,.motion-paused .aurora::before,.motion-paused .aurora::after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.aurora,.aurora::before,.aurora::after{animation:none!important}.immersive::after{transition:none}}

/* Minimal introduction, more defined moving lights. */
.header nav{gap:38px;font-size:14px;letter-spacing:0}.hero.immersive{justify-content:center;padding-top:120px;padding-bottom:110px}.title-stage{margin:35px 0}.hero-foot{position:absolute;bottom:36px;left:6%;right:6%;align-items:center}.minimal-down{display:grid;place-items:center;width:36px;height:40px;font-size:25px;font-weight:400;color:#e4dfd7;line-height:1}.minimal-down:hover{color:#eaba67;transform:translateY(3px)}.aurora{filter:blur(17px);animation-duration:10s}.aurora::before{inset:0;filter:blur(10px);background:radial-gradient(ellipse 38% 43% at 50% 50%,#4eabd0cc 0%,#287b9299 28%,transparent 72%);animation-duration:7s}.aurora::after{inset:5%;filter:blur(12px);background:radial-gradient(ellipse 36% 42% at 50% 50%,#e1a24aaa 0%,#a44a6a88 30%,transparent 73%);animation-duration:9s}.hero-foot p{font-size:14px;color:#ccc7ce}@media(max-width:750px){.header nav{gap:22px;font-size:13px}.hero.immersive{padding-top:110px;padding-bottom:140px}.hero-foot{bottom:30px;flex-wrap:nowrap;gap:18px}.hero-foot p{font-size:13px}.minimal-down{flex-shrink:0}.title-stage{margin:30px 0}.aurora::before{animation-duration:8s}.aurora::after{animation-duration:10s}}

.work-card{cursor:default}.original-note{font-size:12px;color:var(--muted);line-height:1.6;margin-top:28px}.work-card:hover .work-img img{transform:none}

/* Refined secondary type; expressive display titles remain unchanged. */
body{font-family:"Avenir Next",Avenir,"Trebuchet MS",sans-serif}button,input{font-family:inherit}.header .brand{font-family:"Avenir Next",Avenir,sans-serif;font-weight:600;letter-spacing:1.2px}.hero-foot p{font-size:15px;font-weight:400;line-height:1.7;letter-spacing:.15px}.eyebrow,.work-caption span,.header nav,.original-note,footer{font-family:"Avenir Next",Avenir,"Trebuchet MS",sans-serif;letter-spacing:.5px}.work-caption p{font-size:15px;line-height:1.7}.background-section{border-top:1px solid var(--line)}.background-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px}.background-columns>div{border-top:1px solid var(--line);padding-top:22px}.background-columns h3{font-size:22px;font-weight:500;letter-spacing:-.5px}.background-columns p{font-size:15px;color:var(--muted)}@media(max-width:750px){.header nav{gap:14px;font-size:12px}.header .brand{font-size:11px;letter-spacing:.7px}.hero-foot p{font-size:13px}.background-columns{grid-template-columns:1fr;gap:25px}}
/* Background and project detail content. */
.background-section{position:relative;z-index:2;background:#08090b}.background-columns{gap:8%}.career-group{padding-top:0!important;border-top:0!important}.career-group>h3{font-size:16px;font-weight:500;display:flex;justify-content:space-between;border-bottom:1px solid #655844;padding-bottom:22px;margin:0}.career-group>h3>span{font-size:12px;color:#b49a73}.career-list{list-style:none;padding:0;margin:0}.career-list li{padding:30px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:110px 1fr;gap:22px}.career-date{font-size:13px;color:#b8a486;line-height:1.8}.career-list h4{font-size:21px;line-height:1.4;font-weight:400;letter-spacing:-.5px;margin:0}.career-list p{font-size:15px;color:#b0aab7;margin:9px 0 0}.contact{position:relative;z-index:2}#project-dialog{width:min(1020px,92vw);max-height:90dvh;background:#141218;color:#eee9e3;border:1px solid #625342;padding:32px;border-radius:15px}#project-dialog::backdrop{background:#030306dc;backdrop-filter:blur(12px)}.detail-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.detail-top span{font-size:12px;color:#eaba67;letter-spacing:1px}.detail-top button{background:transparent;color:#eee9e3;border:1px solid #6b5b62;border-radius:25px;padding:10px 18px;font-size:14px}#detail-title{font-size:46px;letter-spacing:-1.5px;margin:25px 0 12px}#detail-description{font-size:17px;line-height:1.7;max-width:760px;color:#c3bdc9}#detail-image{width:100%;height:auto;border-radius:6px;margin:25px 0}#detail-stack{display:flex;flex-wrap:wrap;gap:9px}#detail-stack span{padding:8px 12px;border:1px solid #4b414e;border-radius:20px;font-size:13px}#detail-note{font-size:13px;color:#b7acbd;line-height:1.7}#detail-link{display:inline-block;margin-top:12px;padding:14px 20px;background:#eaba67;color:#211916;font-size:14px}#detail-link[hidden]{display:none}body:has(#project-dialog[open]){overflow:hidden}@media(max-width:750px){.background-columns{gap:40px}.career-list li{grid-template-columns:90px 1fr;gap:18px}.career-list h4{font-size:19px}#project-dialog{padding:22px}#detail-title{font-size:32px}}

/* One continuous scene: the light field and the project deck share a viewport. */
.portfolio-scene{position:relative;height:410svh;isolation:isolate;background:#08090b}
.scene-stage{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;isolation:isolate}
.projects-anchor{position:absolute;top:100svh;left:0;width:1px;height:1px;scroll-margin-top:0}
.scene-backdrop{position:absolute;inset:0;z-index:-1;overflow:hidden;background:#08090b;pointer-events:none}
.scene-backdrop .aurora{z-index:0;opacity:calc(1 - var(--scene-color,0)*.35)}
.scene-color{position:absolute;inset:-12%;opacity:var(--scene-color,0);transform:translate3d(var(--color-x,0px),var(--color-y,0px),0) scale(1.08);background:radial-gradient(ellipse 44% 50% at 9% 62%,#cb9808 0%,#ab7908c9 30%,transparent 75%),radial-gradient(ellipse 40% 48% at 36% 42%,#550838 0%,#710949b3 32%,transparent 73%),radial-gradient(ellipse 42% 52% at 63% 25%,#148f8a 0%,#167f80b3 36%,transparent 75%),radial-gradient(ellipse 47% 35% at 85% 95%,#d74b26e6,transparent 75%),radial-gradient(ellipse 47% 38% at 40% 95%,#a889bccc,transparent 73%);filter:blur(24px);will-change:transform,opacity}
.scene-grain{position:absolute;inset:0;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.55' filter='url(%23noise)'/%3E%3C/svg%3E");pointer-events:none}
.intro-scroll{position:absolute;inset:0}
.intro-scroll .hero.immersive{height:100%;min-height:0;background:transparent;isolation:auto;overflow:visible}
.intro-scroll .title-stage{transform:translate3d(0,var(--intro-y,0px),0) scale(var(--intro-scale,1));opacity:var(--intro-opacity,1);will-change:transform,opacity}
.intro-scroll .hero-foot{opacity:var(--foot-opacity,1);transform:translateY(var(--foot-y,0px))}
.selection.section{position:absolute;inset:0;margin:0;padding:clamp(90px,15svh,160px) 6% 50px;display:grid;grid-template-columns:.8fr 1.2fr;gap:5%;align-items:center;background:transparent;opacity:var(--projects-opacity,0);transform:translate3d(0,var(--projects-y,170px),0);pointer-events:none}
.selection.is-ready{pointer-events:auto}
.selection .section-head{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;margin:0;align-self:stretch}
.selection .section-head .eyebrow{color:#e8dfcd;letter-spacing:1.7px;font-size:11px;margin:0 0 24px}
.selection .section-head h2{font-size:clamp(42px,5.1vw,82px);line-height:1.06;letter-spacing:-.045em;font-weight:400}
.selection .section-head h2 em{color:#efcea0}
.selection .projects-intro{font-size:14px;line-height:1.75;color:#ece4df;margin:27px 0 0;letter-spacing:.1px}
.projects-cue{margin-top:auto;padding-top:34px;display:flex;align-items:center;gap:27px;font-size:11px;letter-spacing:.5px;color:#eadfd0}
.projects-cue>span{font-size:32px;font-weight:300}
.project-showcase{min-width:0;align-self:center;padding-top:70px}
.work-grid{position:relative;display:block;height:clamp(340px,56svh,600px);perspective:1600px}
.work-card,.work-card:nth-child(even){position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;display:flex;flex-direction:column;border:1px solid #ffffff28;border-radius:13px;background:#090b0e;color:#f2f0e9;overflow:hidden;text-align:left;cursor:pointer;transform-origin:top center;transform:translate3d(var(--card-x,0px),var(--card-y,0px),0) scale(var(--card-scale,1));opacity:var(--card-opacity,1);will-change:transform,opacity;box-shadow:0 22px 60px #0005;transition:border-color .25s,box-shadow .25s}
.work-card:hover{border-color:#dbc4a5;box-shadow:0 28px 70px #0007}
.work-caption{order:-1;display:flex;align-items:start;justify-content:space-between;gap:16px;padding:24px 27px 17px;border:0;flex-shrink:0}
.work-caption>div{min-width:0}
.work-caption span{font-size:9px;letter-spacing:1.3px;color:#b6b4bd}
.work-caption h3{font-weight:400;font-size:clamp(23px,2.4vw,40px);line-height:1.12;letter-spacing:-1px;margin:10px 0 9px}
.work-caption p{font-size:12px;line-height:1.6;color:#b0afba;margin:0}
.work-caption .card-open{display:grid;place-items:center;border:1px solid #77717c;border-radius:50%;width:37px;height:37px;color:#f2eee7;font-size:24px;flex-shrink:0;margin-top:12px}
.work-img,.work-card:nth-child(n) .work-img{display:flex;align-items:center;justify-content:center;min-height:0;flex:1;padding:15px 25px 26px;background:radial-gradient(ellipse at 50% 90%,#2d3441,transparent 73%);overflow:hidden;aspect-ratio:auto}
.work-card:nth-child(2) .work-img{background:radial-gradient(ellipse at 50% 90%,#19413f,transparent 73%)}
.work-card:nth-child(3) .work-img{background:radial-gradient(ellipse at 50% 90%,#3b2844,transparent 73%)}
.work-card:nth-child(4) .work-img{background:radial-gradient(ellipse at 50% 90%,#3c362e,transparent 73%)}
.work-img img{display:block;width:100%;height:100%;object-fit:contain;aspect-ratio:auto;border-radius:5px;transition:transform .5s;box-shadow:none}
.work-card:hover .work-img img{transform:scale(1.025)}
.project-nav{display:flex;align-items:center;gap:18px;justify-content:space-between;position:relative;z-index:5;margin-top:24px;min-height:36px;font-size:11px;color:#eee5da}
.project-count{font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:1px}.project-count>span{opacity:.5;margin-left:4px}
.project-dots{display:flex;gap:4px}.project-dots button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;padding:0;background:transparent}.project-dots button::before{content:"";width:7px;height:7px;border:1px solid #ddd6c5;border-radius:50%;transition:background .2s,transform .2s}.project-dots button[aria-pressed=true]::before{background:#f3d3a3;border-color:#f3d3a3;transform:scale(1.2)}.project-dots button span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.project-open-hint{font-size:10px;letter-spacing:.3px}
.background-section{border-top:0;background:linear-gradient(180deg,#0d1112,#08090b 260px)}
footer .mark{color:#fff;background:transparent;border-radius:0;box-shadow:none;padding:0}
@media(min-width:1600px){.selection.section{padding-left:7%;padding-right:8%;gap:7%}}
@media(max-width:1000px) and (min-width:801px){.selection.section{grid-template-columns:.8fr 1.2fr;gap:4%;padding-left:5%;padding-right:6%}.selection .section-head h2{font-size:49px}.work-caption{padding:20px}.work-caption h3{font-size:27px}.project-open-hint{display:none}}
/* On small screens and with reduced motion, every card stays in normal flow. */
@media(max-width:800px),(max-height:619px),(prefers-reduced-motion:reduce){
 .portfolio-scene{height:auto}.scene-stage{position:relative;height:auto;min-height:0;overflow:clip}.scene-backdrop{height:100%;overflow:visible}.scene-backdrop .aurora{inset:0;height:100svh;position:sticky;top:0}.scene-color{inset:55svh -25% 0;opacity:.65;transform:none;filter:blur(30px);background:radial-gradient(ellipse 70% 28% at 0 18%,#c4921180,transparent 70%),radial-gradient(ellipse 80% 30% at 85% 30%,#147c7680,transparent 70%),radial-gradient(ellipse 90% 35% at 18% 60%,#701f5580,transparent 70%)}
 .projects-anchor{top:max(100svh,580px)}.intro-scroll{position:relative}.intro-scroll .hero.immersive{height:100svh;min-height:580px}.intro-scroll .title-stage{transform:none!important;opacity:1!important}.intro-scroll .hero-foot{transform:none!important;opacity:1!important}
 .selection.section{position:relative;display:block;padding:75px 6% 90px;opacity:1;transform:none;pointer-events:auto}.selection .section-head{margin-bottom:40px}.selection .section-head h2{font-size:clamp(42px,8vw,64px)}.selection .section-head .eyebrow{margin-bottom:20px}.selection .projects-intro{margin-top:22px}.projects-cue{display:none}.project-showcase{padding-top:0}.work-grid{display:grid;grid-template-columns:1fr;gap:30px;height:auto;perspective:none}.work-card,.work-card:nth-child(even){position:relative;inset:auto;transform:none!important;opacity:1!important;height:auto;min-height:0;box-shadow:0 15px 40px #0003}.work-caption{padding:23px 23px 12px}.work-caption h3{font-size:28px}.work-caption p{font-size:13px}.work-img,.work-card:nth-child(n) .work-img{height:260px;flex:auto;padding:20px;aspect-ratio:1.5}.project-nav{display:none}
}
@media(max-width:800px){.header nav{gap:14px;font-size:12px}.header .brand{font-size:11px;letter-spacing:.7px}.hero.immersive{padding:110px 6% 140px}.art-title{font-size:17vw}.art-title .title-second{margin-right:2%}.hero-foot p{font-size:13px}.hero-foot{bottom:30px;gap:18px}.minimal-down{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){.scene-color{opacity:.45}.scene-backdrop .aurora{animation:none!important}.work-img img{transition:none}.work-card:hover .work-img img{transform:none}.scene-grain{display:none}}
.deck-label{position:absolute;top:8px;left:25px;font-size:11px;letter-spacing:.4px;color:#bdb9c2;line-height:1;pointer-events:none}
.work-card.is-active .deck-label{opacity:0}
@media(max-width:800px),(max-height:619px),(prefers-reduced-motion:reduce){.deck-label{display:none}}

/* A shared light field carries the project gallery into the career section. */
.portfolio-flow{position:relative;isolation:isolate;background:#08090b}
.flow-backdrop{position:absolute;inset:0;z-index:-1;pointer-events:none}
.flow-backdrop .scene-backdrop{position:sticky;top:0;height:100svh;z-index:auto}
.portfolio-scene{background:transparent;isolation:auto}
.scene-stage{isolation:auto}
.scene-shade{position:absolute;inset:0;background:#08090b;opacity:calc(var(--scene-settle,0)*.73);will-change:opacity}
.background-section{background:linear-gradient(0deg,#08090b 0%,#08090b00 38%);padding-top:110px;padding-bottom:130px}
.background-section .section-head{transform:translateY(calc((1 - var(--scene-settle,0))*28px));opacity:calc(.5 + var(--scene-settle,0)*.5)}
.projects-cue{gap:12px}.projects-cue>span{font-size:14px;line-height:1}
.selection .section-head h2 em{white-space:nowrap}
@media(max-width:800px),(max-height:619px),(prefers-reduced-motion:reduce){
 .flow-backdrop .scene-backdrop{height:100%;position:absolute;inset:0;overflow:hidden}
 .flow-backdrop .aurora{position:absolute;inset:0;height:100svh}
 .flow-backdrop .scene-color{inset:55svh -25% 0}
 .background-section{padding-top:65px;padding-bottom:90px;background:linear-gradient(0deg,#08090b,transparent 80%)}
 .background-section .section-head{transform:none;opacity:1}
}

/* Byte & Bite: a dashboard presented as a product, with its own warm palette. */
.work-card[data-project=byte] .byte-stage{position:relative;isolation:isolate;perspective:1100px;padding:18px 28px 28px;background:radial-gradient(ellipse at 63% 66%,#8f4e4070,transparent 66%),linear-gradient(140deg,#1e1819,#352021 62%,#4a2d28);border-top:1px solid #ffffff09}
.byte-stage::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#120c1266,transparent 55%);pointer-events:none}
.byte-stage-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ebc6b109 1px,transparent 1px),linear-gradient(90deg,#ebc6b109 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(ellipse at 60% 50%,#000,transparent 78%);transform:rotate(-12deg) scale(1.2)}
.byte-window{position:relative;width:91%;max-height:100%;border:1px solid #eed1c355;border-radius:9px;background:#ead9ce;overflow:hidden;box-shadow:-12px 24px 35px #0a060c80,0 2px 3px #0005;transform:translate(10px,-2px) rotateY(-9deg) rotateX(4deg) rotateZ(-3deg);transform-origin:center;transition:transform .65s cubic-bezier(.2,.7,.2,1),box-shadow .65s;will-change:transform}
.byte-window-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:26px;padding:6px 11px;background:#1a171b;color:#d1c5c0;font-size:8px;letter-spacing:.3px;line-height:1.4;border-bottom:1px solid #ffffff1a}
.byte-window-bar b{font-weight:400;color:#806c69;padding:0 4px}.window-dots{display:flex;gap:4px;flex-shrink:0}.window-dots i{height:4px;width:4px;border:1px solid #bb9c9180;border-radius:50%}
.byte-window-screen{aspect-ratio:1.78;overflow:hidden;background:#fff}
.work-card[data-project=byte] .byte-window-screen img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0;transform:none;transition:none}
.byte-location{position:absolute;left:22px;bottom:16px;display:flex;align-items:center;gap:9px;border:1px solid #bda49340;border-radius:8px;background:#1c1818eb;box-shadow:0 8px 18px #0004;padding:10px 13px;color:#efe6dc;backdrop-filter:blur(12px);font-size:11px;line-height:1.5;pointer-events:none}
.byte-location svg{width:23px;height:27px;color:#dba487;flex-shrink:0}
.work-card[data-project=byte]:hover .byte-window,.work-card[data-project=byte]:focus-visible .byte-window{transform:translate(10px,-6px) rotateY(-3deg) rotateX(0) rotateZ(-1deg);box-shadow:-8px 28px 40px #0a060c99}
#detail-note.project-highlight{padding:20px 22px;border:1px solid #b9876138;border-left:2px solid #c38c66;border-radius:0 8px 8px 0;background:linear-gradient(110deg,#a9673f17,transparent);font-size:14px;line-height:1.8;color:#c8bfcc;margin:24px 0 8px}
#detail-note.project-highlight strong{display:block;color:#edcbb1;font-size:11px;font-weight:500;letter-spacing:1.3px;text-transform:uppercase;margin-bottom:8px}
@media(max-width:1000px) and (min-width:801px){.byte-window{width:96%}.work-card[data-project=byte] .byte-stage{padding:18px 16px 30px}.byte-location{font-size:10px;left:14px;bottom:14px;padding:8px 10px}.byte-window-bar{font-size:7px;gap:5px}}
@media(max-width:800px),(max-height:619px),(prefers-reduced-motion:reduce){.work-card[data-project=byte] .byte-stage{height:260px;padding:20px 15px 40px}.byte-window{width:100%;transform:translate(3px,-5px) rotateZ(-3deg)}.byte-window-bar{min-height:23px;font-size:7px;padding:5px 8px;gap:6px}.byte-location{bottom:14px;left:18px;font-size:10px;padding:8px 10px}.byte-location svg{width:20px;height:24px}}
@media(prefers-reduced-motion:reduce){.byte-window,.work-card[data-project=byte]:hover .byte-window,.work-card[data-project=byte]:focus-visible .byte-window{transform:none;transition:none}}
.byte-window{display:flex;flex-direction:column;height:100%;width:auto;aspect-ratio:1.64;max-width:94%;max-height:100%}
.byte-window-bar{flex-shrink:0}
.byte-window-screen{flex:1;min-height:0;aspect-ratio:auto;background:#fff}
.work-card[data-project=byte] .byte-window-screen img{object-fit:contain}
@media(max-width:800px),(max-height:619px),(prefers-reduced-motion:reduce){.byte-window{height:auto;width:100%;aspect-ratio:1.64}}
.work-card[data-project=pulse] .pulse-stage{position:relative;flex-direction:column;gap:18px;padding:26px 24px 22px;background:radial-gradient(ellipse at 70% 60%,#24554c80,transparent 75%),linear-gradient(145deg,#121b1e,#0c1316);border-top:1px solid #ffffff09}
.work-card[data-project=pulse] .pulse-stage img{width:100%;height:auto;min-height:0;flex:1;object-fit:contain;filter:drop-shadow(0 16px 22px #0005);border-radius:8px}
.pulse-preview-label{width:100%;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:8px;letter-spacing:1.3px;color:#dfbf89}.pulse-preview-label>span{font-size:10px;letter-spacing:0;color:#adb9b4}
#detail-image[hidden],#detail-demo[hidden]{display:none}
#detail-demo{margin:26px 0}#detail-demo datapulse-demo{display:block;min-width:0}
@media(max-width:800px){.work-card[data-project=pulse] .pulse-stage{padding:22px 16px}.pulse-preview-label{font-size:7px;letter-spacing:.6px}.pulse-preview-label>span{font-size:9px}}
.pulse-flow{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;flex:1;color:#d3dfd9;font-size:12px}.pulse-flow>span{border:1px solid #ffffff20;padding:16px 10px;border-radius:8px;background:#10191c}.pulse-flow>strong{display:grid;place-items:center;min-width:78px;height:78px;border:1px solid #eaba6780;border-radius:17px;font-size:27px;font-weight:500;color:#eaba67;background:#26261d;box-shadow:0 0 45px #eaba6714}.pulse-flow>i{font-style:normal;color:#b99861}
.pulse-overview{padding-top:6px}.pulse-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:0 0 32px;padding:0}.pulse-steps li{border-top:1px solid #b69c6955;padding-top:18px}.pulse-steps li>span{font-size:11px;color:#b69c69}.pulse-steps h3{font-size:24px;font-weight:400;margin:12px 0 9px;letter-spacing:-.6px}.pulse-steps p{font-size:13px;line-height:1.75;color:#b7b5c0;margin:0}
.pulse-example{padding:26px 28px;border:1px solid #516b5d66;border-radius:12px;background:radial-gradient(ellipse at 95% 0,#24473b55,transparent 75%),#101719}.pulse-example-top{display:flex;justify-content:space-between;gap:18px;align-items:center}.pulse-example-top>span,.pulse-next>span{font-size:10px;letter-spacing:1.5px;color:#eaba67}.pulse-example-top small{font-size:11px;color:#9ca9a5}.pulse-example h3{font-size:30px;font-weight:400;letter-spacing:-.8px;margin:24px 0 12px}.pulse-example p{font-size:14px;color:#c0c9c5;line-height:1.75;margin:0;max-width:740px}.pulse-next{margin-top:23px;padding-top:20px;border-top:1px solid #ffffff18}.pulse-next p{margin-top:8px}
.pulse-demo-toggle{margin:24px 0 30px;border-block:1px solid #ffffff20}.pulse-demo-toggle summary{display:flex;justify-content:space-between;align-items:center;padding:20px 0;cursor:pointer;font-size:14px;color:#e6d3b3;list-style:none}.pulse-demo-toggle summary::-webkit-details-marker{display:none}.pulse-demo-toggle summary>span{font-size:23px;font-weight:300}.pulse-demo-toggle[open] summary>span{transform:rotate(45deg)}.pulse-demo-toggle summary:focus-visible{outline:2px solid #eaba67;outline-offset:4px}.pulse-demo-mount{padding-bottom:22px}
@media(max-width:1000px){.pulse-flow{gap:6px;font-size:10px}.pulse-flow>span{padding:12px 7px}.pulse-flow>strong{min-width:60px;height:60px;font-size:24px}}
@media(max-width:600px){.pulse-steps{grid-template-columns:1fr;gap:20px}.pulse-steps h3{font-size:22px;margin-top:8px}.pulse-example{padding:22px 18px}.pulse-example h3{font-size:26px}.pulse-example p{font-size:13px}.pulse-example-top{gap:8px}.pulse-example-top>span{font-size:9px}.pulse-flow{gap:5px;font-size:9px}.pulse-flow>span{padding:11px 6px}.pulse-flow>strong{min-width:52px;height:58px;font-size:23px}}
.work-card[data-project=pulse] .pulse-workflow-stage{position:relative;isolation:isolate;perspective:1000px;justify-content:center;padding:25px 16px 40px;background:radial-gradient(ellipse at 75% 60%,#733e9e60,transparent 68%),linear-gradient(135deg,#171222,#292039 60%,#19131f);overflow:hidden}
.pulse-workflow-stage::before{content:"";position:absolute;inset:10% 5%;z-index:-1;background:radial-gradient(ellipse at 20% 80%,#b06cfb55,transparent 38%),radial-gradient(ellipse at 90% 20%,#f279b635,transparent 40%);filter:blur(22px)}
.pulse-workflow-window{width:100%;border:1px solid #c5a5e24d;border-radius:9px;overflow:hidden;background:#100e20;box-shadow:-12px 24px 40px #08050e99,0 0 30px #9f65e018;transform:translate(4px,-3px) rotateY(-8deg) rotateX(5deg) rotateZ(-3deg);transition:transform .6s ease,box-shadow .6s ease}
.pulse-workflow-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:#15121d;border-bottom:1px solid #ba9de51c;color:#bcb0c8;font-size:9px;letter-spacing:.3px}.pulse-workflow-bar b{color:#f284ba;font-size:13px;font-weight:600;margin-right:6px}.workflow-status{font-size:7px;letter-spacing:1px;color:#aa9bba}
.work-card[data-project=pulse] .pulse-workflow-window img{display:block;width:100%;height:auto;object-fit:contain;border-radius:0;filter:none;transform:none;transition:none}
.pulse-workflow-badge{display:flex;align-items:center;gap:10px;position:absolute;bottom:16px;left:22px;border:1px solid #b59fca40;background:#1b1623ec;border-radius:8px;padding:9px 12px;font-size:10px;color:#ded4e5;box-shadow:0 8px 18px #0004}.pulse-workflow-badge b{font-size:16px;color:#f284ba;font-weight:600}
.work-card[data-project=pulse]:hover .pulse-workflow-window,.work-card[data-project=pulse]:focus-visible .pulse-workflow-window{transform:translate(4px,-7px) rotateY(-2deg) rotateX(0deg) rotateZ(-1deg);box-shadow:-8px 28px 42px #08050ebb}
@media(max-width:800px){.work-card[data-project=pulse] .pulse-workflow-stage{padding:18px 12px 45px}.pulse-workflow-bar{font-size:7px;padding:8px;gap:8px}.workflow-status{font-size:6px}.pulse-workflow-badge{font-size:9px;bottom:14px;left:18px}}
@media(prefers-reduced-motion:reduce){.pulse-workflow-window,.work-card[data-project=pulse]:hover .pulse-workflow-window,.work-card[data-project=pulse]:focus-visible .pulse-workflow-window{transform:none;transition:none}}
/* DataPulse follows the portfolio's gold and deep-green palette. */
.work-card[data-project=pulse] .pulse-workflow-stage{background:radial-gradient(ellipse at 75% 60%,#41634b65,transparent 68%),linear-gradient(135deg,#111b1a,#25352b 60%,#151c18)}
.pulse-workflow-stage::before{background:radial-gradient(ellipse at 20% 80%,#eaba6729,transparent 38%),radial-gradient(ellipse at 90% 20%,#87b5a02e,transparent 40%)}
.pulse-workflow-window{border-color:#c8b78c50;background:#0d1415;box-shadow:-12px 24px 40px #080e0b99,0 0 30px #eaba6710}.pulse-workflow-bar{background:#121a17;color:#b6c0b6;border-color:#baa97924}.pulse-workflow-bar b,.pulse-workflow-badge b{color:#eaba67}.pulse-workflow-badge{background:#18211dec;border-color:#b9af8d40;color:#e0e2d5}
.pulse-detail-visual{border:1px solid #9cae8b33;border-radius:12px;overflow:hidden;background:#0d1415;box-shadow:0 15px 50px #0002}.pulse-detail-visual img,.pulse-detail-visual svg{display:block;width:100%;height:auto}.pulse-detail-visual [data-phase]{transition:opacity .3s,filter .3s}.pulse-detail-visual[data-phase="1"] [data-phase]:not([data-phase="1"]),.pulse-detail-visual[data-phase="2"] [data-phase]:not([data-phase="2"]),.pulse-detail-visual[data-phase="3"] [data-phase]:not([data-phase="3"]){opacity:.2}
.pulse-phase-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 30px}.pulse-phase-controls button{padding:16px;text-align:left;border:1px solid #ffffff19;border-radius:8px;background:#ffffff03;color:#d5d8d0}.pulse-phase-controls button>span{color:#dbc08d;font-size:11px;letter-spacing:1px}.pulse-phase-controls p{font-size:12px;line-height:1.65;margin:8px 0 0;color:#adb7ae}.pulse-phase-controls button[aria-pressed=true]{border-color:#eaba6799;background:#eaba670c}
.pulse-sim-note{font-size:11px!important;color:#a5ada6!important;line-height:1.7}.pulse-sim-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;list-style:none;margin:25px 0;padding:0}.pulse-sim-steps li{position:relative;padding:20px 10px;text-align:center;border:1px solid #ffffff20;border-radius:9px;background:#111b18;transition:border-color .35s,background .35s,box-shadow .35s}.pulse-sim-steps li:not(:last-child)::after{content:'→';position:absolute;right:-12px;top:44%;color:#8b8b70;z-index:1}.pulse-sim-steps b{font-size:11px;font-weight:400;color:#8a9d90}.pulse-sim-steps strong{display:block;font-weight:400;font-size:16px;margin:12px 0 6px}.pulse-sim-steps small{font-size:10px;color:#9baa9f}.pulse-sim-steps .is-current{border-color:#eaba67;background:#343024;box-shadow:0 0 24px #eaba6720}.pulse-sim-steps .is-current b{color:#eaba67}.pulse-sim-steps .is-complete{border-color:#7aad8b77}.pulse-sim-steps .is-complete b{color:#91cba9}.pulse-sim-bottom{display:flex;gap:25px;justify-content:space-between;align-items:center;padding-bottom:25px}.pulse-sim-status{font-size:13px!important;line-height:1.7;max-width:550px;min-height:44px;color:#d1d8cf!important}.pulse-play{flex-shrink:0;border:1px solid #bfa46e;background:#eaba67;color:#1b2119;border-radius:6px;padding:12px 16px;font-size:12px}.pulse-play:disabled{opacity:.55;cursor:default}
@media(max-width:600px){.pulse-phase-controls{gap:7px}.pulse-phase-controls button{padding:11px 8px}.pulse-phase-controls button>span{font-size:9px;letter-spacing:0}.pulse-phase-controls p{font-size:10px}.pulse-sim-steps{grid-template-columns:1fr;gap:10px}.pulse-sim-steps li{display:flex;text-align:left;align-items:center;gap:15px;padding:14px}.pulse-sim-steps strong{margin:0;font-size:15px}.pulse-sim-steps small{margin-left:auto}.pulse-sim-steps li:not(:last-child)::after{content:'↓';right:50%;top:auto;bottom:-13px}.pulse-sim-bottom{display:block}.pulse-play{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.pulse-detail-visual [data-phase],.pulse-sim-steps li{transition:none}}

.pulse-detail-visual[data-run=issue] [data-route=healthy]{opacity:.15!important}
.work-card[data-project=pulse] .pulse-workflow-stage{background:radial-gradient(ellipse at 75% 50%,#f3e6c885,transparent 70%),linear-gradient(135deg,#cbd6c9,#edf0e5 60%,#d5dfd0)}
.pulse-workflow-stage::before{opacity:.35}.pulse-workflow-window,.pulse-detail-visual{background:#eceee5;border-color:#c4cfb6}.pulse-detail-visual[data-step] [data-node]{opacity:.18;filter:none}.pulse-detail-visual[data-step] [data-node].is-lit{opacity:1;filter:drop-shadow(0 0 6px #ab822d77)}
.pulse-simulation{border-top:1px solid #ffffff20;padding-top:22px;margin-top:25px}.pulse-simulation>h3{font-size:16px;font-weight:400;color:#e6d3b3;margin:0 0 20px}
/* Match Byte & Bite's dark showcase while keeping the workflow canvas light. */
.work-card[data-project=pulse] .pulse-workflow-stage{background:radial-gradient(ellipse at 63% 66%,#8f4e4070,transparent 66%),linear-gradient(140deg,#1e1819,#352021 62%,#4a2d28)}
.pulse-workflow-stage::before{inset:0;opacity:1;filter:none;background:linear-gradient(0deg,#120c1266,transparent 55%)}

/* Byte & Bite: manually browsable project slides. */
#byte-carousel{margin:26px 0 28px;min-width:0}
#byte-carousel[hidden]{display:none}
.byte-carousel-viewport{overflow:hidden;border-radius:8px;background:#b65f55;touch-action:pan-y;outline-offset:5px}
.byte-carousel-track{display:flex;transition:transform .5s cubic-bezier(.22,.68,.2,1);will-change:transform}
.byte-carousel-slide{flex:0 0 100%;min-width:0;aspect-ratio:16/9;display:flex;align-items:center}
.byte-carousel-slide img{width:100%;height:100%;object-fit:contain;border-radius:0;user-select:none}
.byte-carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:14px}
.byte-carousel-caption{margin:0;font-size:12px;color:#c3bdc9;letter-spacing:.25px}
.byte-carousel-navigation{display:flex;align-items:center;gap:12px}
.byte-carousel-navigation>button{width:38px;height:38px;border:1px solid #625342;border-radius:50%;background:transparent;color:#eee9e3;font-size:20px;cursor:pointer}
.byte-carousel-navigation>button:hover{background:#eaba67;color:#211916;border-color:#eaba67}
.byte-carousel-dots{display:flex;align-items:center;gap:2px}
.byte-carousel-dots button{display:grid;place-items:center;width:24px;height:32px;padding:0;border:0;background:transparent;cursor:pointer}
.byte-carousel-dots button::after{content:"";width:5px;height:5px;border-radius:8px;background:#70656f;transition:width .25s,background .25s}
.byte-carousel-dots button[aria-current="true"]::after{width:18px;background:#eaba67}
#byte-carousel button:focus-visible,.byte-carousel-viewport:focus-visible{outline:2px solid #eaba67;outline-offset:3px}
@media(max-width:600px){.byte-carousel-controls{flex-direction:column;align-items:flex-start;gap:10px}.byte-carousel-navigation{align-self:flex-end}.byte-carousel-caption{font-size:11px}}
@media(prefers-reduced-motion:reduce){.byte-carousel-track{transition:none}}

/* Copilot project previews share the portfolio's warm window treatment. */
.work-card[data-project] .copilot-stage{position:relative;perspective:1100px;isolation:isolate;overflow:hidden;padding:22px 24px 40px;background:radial-gradient(ellipse at 63% 66%,#8f4e4070,transparent 66%),linear-gradient(140deg,#1e1819,#352021 62%,#4a2d28);justify-content:center}
.copilot-window{width:94%;max-height:100%;overflow:hidden;border:1px solid #eed1c355;border-radius:9px;background:#eeede3;box-shadow:-12px 24px 35px #0a060c80;transform:rotateY(-9deg) rotateX(4deg) rotateZ(-3deg);transition:transform .6s}
.work-card .copilot-window img{width:100%;height:auto;display:block;object-fit:contain;transform:none;border-radius:0}
.work-card:hover .copilot-window{transform:rotateY(-3deg) rotateZ(-1deg)}
.copilot-badge{position:absolute;bottom:12px;left:22px;color:#e1c8b8;font-size:10px;letter-spacing:.35px}
.copilot-map{width:100%;display:block;border:1px solid #c8c6b8;border-radius:9px!important}
.copilot-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}
.copilot-steps button{display:flex;align-items:center;gap:12px;text-align:left;background:#ffffff03;color:#bdb5c1;border:1px solid #51444d;border-radius:8px;padding:17px 14px;cursor:pointer;font:inherit}
.copilot-steps button span{font-size:11px;color:#c4a275}.copilot-steps button strong{font-size:14px;font-weight:500}
.copilot-steps button[aria-pressed=true]{border-color:#cda465;background:#eaba6712;color:#f5e8d5}
.copilot-steps button:focus-visible{outline:2px solid #eaba67;outline-offset:3px}
.copilot-screen-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:24px 0 14px}
.copilot-step-description{margin:0;font-size:14px;line-height:1.6;color:#c3bdc9;min-height:45px}
.copilot-screen-heading>span{white-space:nowrap;font-size:9px;letter-spacing:1.3px;color:#b59b78}
.copilot-screen{border:1px solid #615259;border-radius:9px;overflow:hidden;background:#f5f5fb;aspect-ratio:870/489}
.copilot-screen img{display:block;width:100%;height:100%;object-fit:contain;border-radius:0}
.copilot-takeaway{border-left:2px solid #c38c66;padding:7px 18px;margin:26px 0 0;color:#c3bdc9;font-size:14px;line-height:1.7}
@media(max-width:800px){.work-card[data-project] .copilot-stage{height:260px;padding:22px 16px 40px}.copilot-window{width:100%}}
@media(max-width:600px){.copilot-steps{gap:6px}.copilot-steps button{flex-direction:column;align-items:flex-start;padding:12px 9px;gap:8px}.copilot-steps button strong{font-size:12px;line-height:1.4}.copilot-screen-heading{display:block}.copilot-screen-heading>span{display:block;margin-top:9px}.copilot-step-description{min-height:66px}}
@media(prefers-reduced-motion:reduce){.copilot-window,.work-card:hover .copilot-window{transform:none;transition:none}}

.copilot-window{display:flex;flex-direction:column;height:100%;width:auto;aspect-ratio:1.64;max-width:94%}.copilot-window .byte-window-bar{flex-shrink:0}.work-card .copilot-window img{flex:1;min-height:0;height:0;width:100%;object-fit:contain}.copilot-badge{z-index:1}

.job-view-description{font-size:15px;line-height:1.75;color:#c3bdc9;min-height:54px;margin:22px 0}
.job-feature-panel{padding:30px;background:#eeede3;border:1px solid #d4cebc;border-radius:10px;color:#292b28}.job-feature-label{font-size:10px;letter-spacing:2px;color:#887451}.job-feature-panel h3{font-size:28px;font-weight:500;margin:18px 0 28px;letter-spacing:-.7px}.job-feature-items{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.job-feature-items>div{background:#fffef8;border:1px solid #d4cebc;border-radius:8px;padding:20px}.job-feature-items h4{font-size:16px;margin:0 0 12px;color:#786139}.job-feature-items p{font-size:13px;line-height:1.7;margin:0;color:#53584e}.job-engineering{margin:26px 0;border-left:2px solid #c38c66;padding:5px 20px}.job-engineering h3{font-size:18px;font-weight:500;margin:0 0 10px}.job-engineering p{font-size:14px;line-height:1.75;color:#c3bdc9}.job-engineering>span{font-size:11px;color:#b59b78;line-height:1.6}@media(max-width:600px){.job-feature-panel{padding:20px}.job-feature-panel h3{font-size:23px}.job-feature-items{grid-template-columns:1fr}.job-feature-items>div{padding:16px}.job-view-description{min-height:100px}}

/* Keep the screenshot clipped while its surrounding window tilts. */
.work-card[data-project=job] .copilot-window{overflow:hidden;isolation:isolate;clip-path:inset(0 round 9px)}
.work-card[data-project=job] .copilot-window img,.work-card[data-project=job]:hover .copilot-window img{transform:none!important;transition:none}
.work-card[data-project=job] .copilot-stage{padding-top:32px}
.job-real-screen{margin:20px 0 0}.job-real-screen img{width:100%;height:auto;background:#f5f7f2}.job-real-screen figcaption{margin-top:9px;font-size:11px;color:#b0a8b5}

.copilot-steps.job-four-steps{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:650px){.copilot-steps.job-four-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}

.work-card[data-project=meeting] .copilot-window{overflow:hidden;isolation:isolate;clip-path:inset(0 round 9px)}.work-card[data-project=meeting] .copilot-window img,.work-card[data-project=meeting]:hover .copilot-window img{transform:none!important;transition:none}.work-card[data-project=meeting] .copilot-stage{padding-top:32px}