@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400&display=swap";@import"https://api.fontshare.com/v2/css?f[]=clash-display@200,300,400,500,600,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap";.resume-grid{display:grid;grid-template-columns:4fr 8fr;gap:var(--space-md);margin-bottom:var(--space-md)}.resume-header{text-align:left;margin-bottom:var(--space-lg);position:relative;padding:var(--space-md);background-color:var(--bg-card)}.resume-section-title{font-size:1.3rem;color:var(--text-main);margin-bottom:var(--space-sm);display:inline-flex;align-items:center;gap:8px}.timeline-list{position:relative;padding-left:var(--space-md);border-left:2px dashed rgba(10,17,40,.12);margin-left:8px}.timeline-item{position:relative;margin-bottom:var(--space-md)}.timeline-item:last-child{margin-bottom:0}.timeline-marker{position:absolute;left:-31px;top:6px;width:12px;height:12px;border:2px solid var(--accent);background-color:var(--bg-canvas);border-radius:50%;transition:background-color var(--transition-slow),border-color var(--transition-slow)}.timeline-role{font-size:1.15rem;font-weight:700;color:var(--text-main)}.timeline-meta{display:flex;justify-content:space-between;align-items:baseline;gap:12px;width:100%;margin-bottom:4px;font-size:.85rem;font-weight:600}.timeline-company{color:var(--accent);text-transform:uppercase;font-family:var(--font-display);font-size:.9rem;transition:color var(--transition-slow)}.timeline-date{color:var(--text-sub);font-family:var(--font-body);white-space:nowrap;text-align:right;margin-left:auto;flex-shrink:0}.contact-list{list-style:none;display:flex;flex-direction:column;gap:12px}.contact-item{display:flex;align-items:center;gap:10px;font-size:.9rem;font-weight:600;overflow:hidden}.contact-item a,.contact-item span{font-size:clamp(.78rem,.85vw,.9rem)}.contact-icon-wrapper{display:inline-grid;place-items:center;width:30px;height:30px;vertical-align:middle;background-color:var(--bg-canvas);border-radius:50%;border:1px solid rgba(10,17,40,.08);color:var(--accent);flex-shrink:0;transition:all var(--transition-fast)}@media(hover:hover){.contact-item:hover .contact-icon-wrapper{transform:scale(1.1);border-color:var(--accent);background-color:var(--accent-glow)}}.ios-icon{display:block;width:15px;height:15px;margin:auto;color:var(--accent);stroke-width:2.2;transition:color var(--transition-normal)}.floating-print-trigger{position:fixed;bottom:var(--space-md);left:var(--space-md);z-index:1000}@media(max-width:768px){.resume-grid{grid-template-columns:1fr}}main.container #about.bento-card,main.container #skills.bento-card,main.container #software.bento-card,main.container #experience.bento-card,main.container #certificates.bento-card,main.container #portfolio-link.bento-card{background-color:var(--bg-card);color:var(--text-main);transition:background-color var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal)}main.container #about.bento-card:before,main.container #skills.bento-card:before,main.container #software.bento-card:before,main.container #experience.bento-card:before,main.container #certificates.bento-card:before,main.container #portfolio-link.bento-card:before{display:none}#skills .pill-tag,#software .pill-tag{cursor:default;pointer-events:none;white-space:nowrap}main.container #skills .pill-tag.pill-blue{background-color:var(--color-blue);color:#fff;box-shadow:none}main.container #skills .pill-tag.pill-orange{background-color:var(--color-tangerine);color:var(--text-main);box-shadow:none}main.container #certificates .timeline-role{font-weight:500}main.container #portfolio-link.bento-card{transition:background-color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal),transform var(--transition-fast)}@media(hover:hover){main.container #portfolio-link.bento-card:hover{background-color:var(--color-tangerine);border-color:var(--color-tangerine);transform:translateY(-2px);box-shadow:0 10px 30px #fd79032e}main.container #portfolio-link.bento-card:hover h2,main.container #portfolio-link.bento-card:hover p,main.container #portfolio-link.bento-card:hover .mono{color:var(--text-main)}}.resume-layout-grid{display:grid;grid-template-columns:1.22fr 1.22fr 1.03fr 1.03fr;gap:var(--space-md);margin-bottom:var(--space-md);align-items:stretch}main.container,header.floating-header .container{max-width:1440px!important;width:95%!important}.profile-photo-container{grid-column:1;grid-row:1;height:100%!important;min-height:100%!important;display:flex!important;flex-direction:column!important}.profile-photo-container .bento-card{flex:1 1 100%!important;height:100%!important;min-height:100%!important;width:100%!important;position:relative!important;overflow:hidden!important}.profile-photo-container img{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important}#about{grid-column:2;grid-row:1;height:100%!important;box-sizing:border-box!important}#skills{grid-column:1;grid-row:2;height:100%!important;min-height:100%!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;box-sizing:border-box!important}#experience{grid-column:3 / span 2;grid-row:1;height:100%!important;box-sizing:border-box!important}#certificates{grid-column:2 / span 2;grid-row:2;height:100%!important;min-height:100%!important;box-sizing:border-box!important}#portfolio-link-wrap{grid-column:4;grid-row:2;height:100%!important;min-height:100%!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important}#portfolio-link-wrap #portfolio-link{height:100%!important;min-height:100%!important;flex:1 1 100%!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;box-sizing:border-box!important}@media(max-width:1280px){.resume-layout-grid{grid-template-columns:1fr 1fr;gap:var(--space-md)}.profile-photo-container{grid-column:1;grid-row:auto}#about{grid-column:2;grid-row:auto}#skills{grid-column:1 / span 2;grid-row:auto}.skills-content-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}#experience,#certificates,#portfolio-link-wrap{grid-column:1 / span 2;grid-row:auto}}@media(max-width:768px){.resume-layout-grid{grid-template-columns:1fr}.resume-layout-grid>*{grid-column:auto!important;grid-row:auto!important}.profile-photo-container{height:400px!important;min-height:400px!important}.skills-content-wrapper{display:flex;flex-direction:column;gap:var(--space-md)}}@media print{@page{size:A4 portrait;margin:.28in .35in}html,body{background-color:#fff!important;background-image:none!important;color:#000!important;font-size:10.2pt!important;line-height:1.28!important;font-family:Montserrat,sans-serif!important;height:auto!important;overflow:visible!important}h1,h2,h3,.font-display,.timeline-company,.resume-section-title{font-family:Montserrat,sans-serif!important;font-weight:700!important}main.container{padding-top:0!important;margin-top:0!important;max-width:100%!important;width:100%!important}.pattern-bg,header,footer,.no-print,.blueprint-indicator,.floating-print-trigger,.scribble-container,.custom-cursor,.custom-cursor-ring,.cursor-playful,.cursor-trail{display:none!important}.bento-card,.resume-header,.btn-pop,.label-pill,.pill-tag,.contact-icon-wrapper,.ios-icon,.timeline-marker,.horizontal-project-tag{clip-path:none!important;background-color:transparent!important;border:none!important;padding:0!important;box-shadow:none!important;color:#000!important;border-radius:0!important}.reveal,.bento-card,.timeline-item,.timeline-list,.resume-header,h1,h2,h3,p,span,li,a,div{opacity:1!important;transform:none!important;visibility:visible!important}.flip-char-front,.flip-char-front svg,.gsap-split-flip svg{display:none!important;opacity:0!important;visibility:hidden!important;width:0!important;height:0!important}.flip-char-container{overflow:visible!important;perspective:none!important;transform:none!important}.flip-char-back{opacity:1!important;transform:none!important;display:inline-block!important;position:relative!important;color:#000!important}.resume-header{margin-top:0!important;margin-bottom:5pt!important;border-bottom:1.5pt solid #FD7903!important;padding-bottom:2pt!important}.resume-header h1{font-size:22pt!important;margin-bottom:1pt!important;color:#000!important;font-weight:700!important;line-height:1.1!important}.resume-header p{font-size:12pt!important;font-family:var(--font-body)!important;text-transform:uppercase!important;font-weight:700!important;color:#1a56c6!important}.resume-layout-grid{display:grid!important;grid-template-columns:4.5fr 7.5fr!important;grid-template-rows:auto auto!important;gap:10pt 16pt!important;margin-bottom:0!important;page-break-inside:avoid!important}#about{grid-column:1!important;grid-row:1!important}#experience{grid-column:2!important;grid-row:1!important}#skills{grid-column:1!important;grid-row:2!important;margin-top:-10pt!important}#certificates{grid-column:2!important;grid-row:2!important;margin-top:0!important}.pill-tag,#skills .pill-tag,#skills .pill-tag.pill-blue,#skills .pill-tag.pill-orange{display:block!important;white-space:normal!important;word-wrap:break-word!important;background:none!important;background-color:transparent!important;padding:0!important;margin:0 0 1.2pt!important;font-size:9.8pt!important;font-weight:500!important;color:#000!important;border:none!important;box-shadow:none!important}.skills-print-container{display:flex!important;flex-direction:column!important;gap:1pt!important;overflow:visible!important;line-height:1.25!important;margin-bottom:7pt!important}.software-print-container{display:flex!important;flex-direction:column!important;gap:1pt!important;overflow:visible!important;line-height:1.25!important;margin-bottom:0!important}#skills h3:nth-of-type(2){margin-top:7pt!important}.resume-section-title{font-size:12pt!important;font-weight:700!important;color:#1a56c6!important;border-bottom:1.5pt solid #FD7903!important;padding-bottom:1.5pt!important;margin-top:5pt!important;margin-bottom:3pt!important;text-transform:uppercase!important;display:block!important}.resume-layout-grid h3{color:#fd7903!important;border-bottom:1px solid #1A56C6!important;font-size:10.2pt!important;font-weight:700!important;text-transform:uppercase!important;margin-top:5pt!important;margin-bottom:3pt!important;padding-bottom:1pt!important;display:block!important}.timeline-list{border-left:none!important;padding-left:0!important;margin-left:0!important}.timeline-marker{display:none!important}.timeline-item{margin-bottom:6pt!important;page-break-inside:avoid!important}.timeline-item p{margin-top:1.5pt!important;margin-bottom:2pt!important;font-size:9.8pt!important;line-height:1.25!important}.timeline-role{font-size:10.8pt!important;font-weight:700!important;color:#000!important;margin-bottom:1pt!important}.timeline-meta{display:flex!important;justify-content:space-between!important;align-items:baseline!important;width:100%!important;gap:12pt!important;margin-bottom:2pt!important}.timeline-company{color:#000!important;font-size:10.5pt!important;font-weight:700!important;background-color:transparent!important;padding:0!important;border:none!important;display:block!important;white-space:normal!important;word-break:normal!important;flex:1 1 auto!important}.timeline-date{color:#000!important;font-size:9.5pt!important;font-weight:600!important;white-space:nowrap!important;text-align:right!important;margin-left:auto!important;flex-shrink:0!important}#certificates .timeline-item{margin-bottom:4pt!important}#certificates .timeline-role{font-weight:500!important;margin-bottom:0!important}body,p,span,li,a,div,.timeline-role,.timeline-date,.contact-item{color:#000!important}.contact-list{gap:7.5pt!important;margin-top:4pt!important}.contact-item,.contact-item span,.contact-item a{font-size:10pt!important;font-weight:500!important;display:flex!important;align-items:center!important;gap:6px!important}.contact-sub{font-size:8.2pt!important;font-weight:400!important;color:#444!important}.contact-icon-wrapper{display:inline-grid!important;background:none!important;background-color:transparent!important;border:none!important;padding:0!important;margin:0!important;width:14px!important;height:14px!important;vertical-align:middle!important;place-items:center!important;flex-shrink:0!important;box-shadow:none!important}.ios-icon{display:block!important;width:12px!important;height:12px!important;color:#000!important;stroke:#000!important;stroke-width:2.2!important;vertical-align:middle!important}.print-only-footer{display:block!important;text-align:center!important;margin-top:10pt!important;padding-top:6pt!important;border-top:1.5pt solid #FD7903!important;font-size:9.5pt!important;color:#000!important;font-family:Montserrat,sans-serif!important;width:100%!important}.print-only-footer span{display:inline-block!important;color:#000!important}.print-only-footer strong{color:#1a56c6!important;font-weight:700!important}}.print-only-footer{display:none}html{scroll-behavior:smooth;overflow-x:hidden;scroll-padding-top:80px}:root{--bg-canvas: #f4f4f6;--bg-card: #ffffff;--text-main: #0a1128;--text-sub: #4a5168;--accent: #316dd5;--accent-contrast: #ffffff;--bento-border: rgba(10, 17, 40, .08);--font-display: "Clash Display", sans-serif;--font-body: "Montserrat", sans-serif;--radius-lg: 28px;--radius-md: 16px;--radius-sm: 8px;--space-sm: 16px;--space-md: 24px;--space-lg: 40px;--space-xl: 60px;--transition-slow: .4s cubic-bezier(.22, 1, .36, 1);--brand-bg: #0f172a;--brand-card-bg: #1e293b;--brand-text: #f8fafc;--brand-text-sub: #cbd5e1;--brand-accent: #2bda7a;--brand-border: rgba(255, 255, 255, .08);--brand-grid-color: rgba(255, 255, 255, .02)}.pattern-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-color:var(--bg-canvas);background-size:40px 40px;background-image:linear-gradient(to right,rgba(10,17,40,.035) 1px,transparent 1px),linear-gradient(to bottom,rgba(10,17,40,.035) 1px,transparent 1px);pointer-events:none}body{background-color:var(--bg-canvas);color:var(--text-main);font-family:var(--font-body);line-height:1.6;margin:0;padding:0;-webkit-font-smoothing:antialiased;overflow-x:hidden!important;width:100%!important;max-width:100%!important}body.theme-brand{--bg-canvas: var(--brand-bg);--bg-card: var(--brand-card-bg);--text-main: var(--brand-text);--text-sub: var(--brand-text-sub);--accent: var(--brand-accent);--bento-border: var(--brand-border);--sketch-fill: var(--brand-sketch-fill, #0b0f19);--sketch-text-color: var(--brand-text-sub, #94a3b8);--moodboard-box-bg: var(--brand-moodboard-bg, rgba(255, 255, 255, .03));--moodboard-box-border: var(--brand-moodboard-border, rgba(255, 255, 255, .05))}body.theme-brand .pattern-bg{background-image:linear-gradient(to right,var(--brand-grid-color) 1px,transparent 1px),linear-gradient(to bottom,var(--brand-grid-color) 1px,transparent 1px)}h1,.clash-h1{font-family:var(--font-display)!important;font-weight:500!important;text-transform:uppercase!important}h2,.clash-h2,h3,.clash-h3{font-family:var(--font-display)!important;font-weight:500!important;text-transform:none!important}h4,h5,h6,.clash-h4{font-family:var(--font-display)!important;font-weight:500!important;text-transform:uppercase!important}.container{max-width:1248px;margin:0 auto;padding:0 var(--space-md)}header{background-color:var(--bg-card);border-bottom:1px solid var(--bento-border);position:sticky;top:0;z-index:100}.nav-wrapper{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0}.logo{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--text-main);text-decoration:none}.logo span{color:var(--accent)}.back-link{font-family:var(--font-display);font-size:.9rem;color:var(--text-sub);text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:color .2s ease}.back-link:hover{color:var(--accent)}.project-header{background-color:var(--bg-card);border:1px solid var(--bento-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-top:var(--space-lg);margin-bottom:var(--space-lg);box-shadow:0 10px 30px #0a112805}.project-meta-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin-top:var(--space-lg);border-top:1px solid var(--bento-border);padding-top:var(--space-md)}.meta-item{display:flex;flex-direction:column}.meta-label{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-sub);letter-spacing:.08em;margin-bottom:4px}.meta-val{font-size:.95rem;font-weight:600}.case-study-grid{display:grid;grid-template-columns:7fr 5fr;gap:var(--space-lg);margin-bottom:var(--space-xl);align-items:start}@media(max-width:992px){.case-study-grid{grid-template-columns:1fr}}.case-study-bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-bottom:var(--space-lg)}@media(max-width:992px){.case-study-bento-grid{grid-template-columns:1fr}}.live-mockup-section{margin-top:var(--space-md);margin-bottom:var(--space-xl)}.bento-card{background-color:var(--bg-card);border:1px solid var(--bento-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:0 10px 30px #0a112805;margin-bottom:20px!important}.bento-card h2{font-size:1.8rem;margin-top:0;margin-bottom:var(--space-sm);border-bottom:2px solid var(--accent);display:inline-block;padding-bottom:4px}.bento-card p{color:var(--text-sub);font-size:.95rem;line-height:1.7}.features-list{list-style:none;padding:0;margin:var(--space-sm) 0 0 0}.features-list li{margin-bottom:12px;padding-left:24px;position:relative;font-size:.95rem;color:var(--text-sub)}.features-list li:before{content:"*";position:absolute;left:0;color:var(--accent);font-weight:700}.device-container{display:flex;justify-content:center;align-items:center;position:sticky;top:100px;width:100%}.phone-mockup{width:399px;height:836px;background-color:#000;border:12px solid #1a1a1a;border-radius:44px;box-shadow:0 25px 50px -12px #00000040;position:relative;overflow:hidden;flex-shrink:0}@media(max-width:450px){.phone-mockup{width:100%;max-width:320px;height:auto;aspect-ratio:399 / 836;border-width:8px;border-radius:32px}}.phone-notch{width:110px;height:25px;background-color:#1a1a1a;border-radius:15px;position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:50;display:flex;justify-content:center;align-items:center}.phone-notch:before{content:"";width:6px;height:6px;background-color:#101010;border-radius:50%;margin-right:40px}.phone-notch:after{content:"";width:20px;height:3px;background-color:#222;border-radius:2px}.phone-viewport{width:100%;height:100%;background-color:#fff;position:relative;overflow:hidden}.phone-viewport iframe{position:absolute;top:0;left:0;z-index:10;border:none;transform-origin:top left}.browser-mockup{width:100%;background-color:#fff;border:1px solid var(--bento-border);border-radius:var(--radius-md);box-shadow:0 20px 45px #0a11280d;overflow:hidden;display:flex;flex-direction:column}.browser-header{height:40px;background-color:#eaeaea;border-bottom:1px solid var(--bento-border);display:flex;align-items:center;padding:0 16px;gap:8px;position:relative}.browser-dots{display:flex;gap:6px}.browser-dot{width:12px;height:12px;border-radius:50%}.browser-dot.red{background-color:#ff5f56}.browser-dot.yellow{background-color:#ffbd2e}.browser-dot.green{background-color:#27c93f}.browser-address{background-color:#fff;border-radius:var(--radius-sm);height:24px;flex:1;max-width:60%;margin:0 auto;display:flex;align-items:center;padding:0 12px;font-size:.7rem;color:var(--text-sub);letter-spacing:.02em;border:1px solid rgba(10,17,40,.04)}.browser-viewport{width:100%;position:relative;overflow:hidden}.browser-viewport iframe{border:none;transform-origin:top left}.color-swatch-row{display:flex;gap:var(--space-sm);margin-top:var(--space-sm);flex-wrap:wrap}.color-swatch-wrapper{display:flex;flex-direction:column;align-items:center;gap:6px}.color-swatch{width:50px;height:50px;border-radius:50%;border:1px solid var(--bento-border);box-shadow:0 4px 10px #0000000d}.color-label{font-size:.65rem;font-weight:700;text-transform:uppercase}.cta-row{display:flex;gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap}.btn-pop{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;border-radius:50px;font-family:var(--font-display);font-size:.9rem;font-weight:600;cursor:pointer;transition:transform .2s ease,background-color .2s;text-decoration:none}.btn-pop-primary{background-color:var(--text-main);color:#fff;border:none}.btn-pop-primary:hover{transform:translateY(-2px);background-color:var(--accent)}.btn-pop-secondary{background-color:transparent;color:var(--text-main);border:2px solid var(--text-main)}.btn-pop-secondary:hover{transform:translateY(-2px);background-color:#0a11280a}footer{background-color:var(--bg-card);border-top:1px solid var(--bento-border);padding:var(--space-md) 0;margin-top:var(--space-xl)}.footer-wrapper{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-sm);font-size:.8rem;color:var(--text-sub);font-weight:500}.footer-link{text-decoration:none;color:var(--text-main);font-weight:600}.footer-link:hover{color:var(--accent)}.project-gallery-title{font-size:2rem;margin-top:var(--space-xl);margin-bottom:var(--space-sm);text-align:center}.project-gallery-desc{text-align:center;color:var(--text-sub);max-width:600px;margin:0 auto var(--space-lg) auto;font-size:.95rem}.project-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.gallery-card{background-color:var(--bg-card);border:1px solid var(--bento-border);border-radius:var(--radius-md);padding:10px;box-shadow:0 10px 30px #0a112805;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s ease}.gallery-card:hover{transform:translateY(-4px)}.gallery-card img{width:100%;height:auto;border-radius:var(--radius-sm);object-fit:cover;border:1px solid rgba(10,17,40,.04)}.gallery-caption{padding:10px 4px 0;font-size:.8rem;font-weight:600;color:var(--text-main);text-align:center}#project-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:-1}.parallax-shape{pointer-events:none;z-index:-1;will-change:transform;transition:border-color .6s ease}.bento-card,.gallery-card,.project-header{transform-style:preserve-3d;will-change:transform;transition:background-color .6s ease,border-color .6s ease,color .6s ease,box-shadow .3s ease}body,header,.logo,.back-link,.meta-label,.bento-card h2,p,span,li{transition:background-color .6s ease,color .6s ease,border-color .6s ease}.narrative-wrapper{width:100%;overflow-x:hidden;position:relative}.story-chapter{height:100vh;width:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;box-sizing:border-box;scroll-margin-top:90px;z-index:2}.chapter-hero{height:100vh;overflow:hidden;justify-content:center;align-items:center}.chapter-hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:#e106000a;z-index:1;opacity:1;pointer-events:none}.hero-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-md);width:100%}.hero-text-block{display:flex;flex-direction:column;align-items:center}.brand-accent-badge,.label-pill.brand-accent-badge{font-family:var(--font-display)!important;font-size:.8rem!important;font-weight:700!important;letter-spacing:.2em!important;color:var(--brand-accent, var(--accent, #e10600))!important;border:none!important;padding:0!important;margin-bottom:var(--space-sm)!important;display:inline-block!important;background-color:transparent!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}.brand-hero-title{font-size:clamp(3rem,9vw,6.5rem);margin:0;line-height:.95;letter-spacing:-.04em;color:var(--text-main)}.brand-hero-subtitle{font-size:clamp(1rem,2vw,1.4rem);color:var(--text-sub);max-width:600px;margin-top:15px;font-weight:400}.project-meta-bar{display:flex;justify-content:center;gap:var(--space-lg);margin-top:var(--space-lg);border-top:1px solid var(--bento-border);padding-top:var(--space-md);width:100%;max-width:800px}.project-meta-bar .meta-item{align-items:center}.scroll-prompt{position:absolute;bottom:4vh;display:flex;flex-direction:column;align-items:center;gap:8px;font-family:var(--font-display);font-size:.7rem;letter-spacing:.25em;opacity:.6;animation:scroll-bounce 2s infinite}.scroll-prompt .prompt-arrow{font-size:1.2rem}@keyframes scroll-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.chapter-narrative{height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center}.chapter-narrative .container{height:100%;width:100%;max-width:1248px;margin:0 auto}.narrative-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--space-xl);align-items:center;width:100%;height:100%}.narrative-content-left{display:flex;flex-direction:column;gap:var(--space-lg)}.narrative-block h2{font-size:clamp(2rem,3.5vw,2.8rem);margin-top:8px;margin-bottom:12px}.narrative-block p{font-size:1.02rem;color:var(--text-sub);line-height:1.7;margin:0}.brand-accent-color{color:var(--brand-accent, var(--accent, #e10600));font-weight:700;font-size:.85rem;letter-spacing:.1em;display:block;margin-bottom:8px}.brand-metric-card{background-color:var(--bg-card);border:1px solid var(--bento-border);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-lg);text-align:center;box-shadow:0 20px 45px #0000001a;transform-origin:center center;will-change:transform}.metric-number{font-family:var(--font-display);font-size:clamp(5rem,10vw,7.5rem);font-weight:700;color:var(--accent);line-height:.95;margin-bottom:var(--space-sm);text-shadow:0 0 50px rgba(43,218,122,.15)}.metric-label{font-size:.95rem;color:var(--text-sub);line-height:1.6;margin:0}.emberquit-metric-card{display:flex;flex-direction:column;background-color:#fff!important;border:1px solid var(--brand-border)!important;border-radius:var(--radius-lg)!important;padding:36px 32px!important;box-sizing:border-box;text-align:left!important;gap:26px;box-shadow:0 10px 30px #0e162908!important;overflow:hidden;position:relative;width:100%}.layered-stats-container{display:flex;flex-direction:column;gap:16px}.layered-card{border-radius:var(--radius-md);padding:20px 24px;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;box-sizing:border-box}.layered-card-fail{background-color:#ef444405;border:1px solid rgba(239,68,68,.1);border-left:4px solid #ef4444}.layered-card-success{background:linear-gradient(135deg,#1e63f305,#60a5fa0f);border:1px solid rgba(30,99,243,.12);border-left:4px solid #1e63f3}.layered-card:hover{transform:translateY(-2px)}.layered-card-fail:hover{box-shadow:0 6px 20px #ef44440d}.layered-card-success:hover{box-shadow:0 6px 20px #1e63f314}.chapter-gallery-pin{height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;gap:var(--space-md);padding:var(--space-md) 0}.gallery-pin-header{width:100%;z-index:10}.gallery-pin-header h2{font-size:clamp(2rem,3.5vw,2.8rem);margin:5px 0}.gallery-pin-header p{color:var(--text-sub);margin:0;font-size:.95rem}.gallery-horizontal-container{width:100%;flex-grow:1;display:flex;align-items:flex-start;overflow:hidden;position:relative}.gallery-horizontal-track{display:flex;gap:var(--space-lg);padding:0 max(var(--space-md),calc((100vw - 1248px) / 2 + var(--space-md)));will-change:transform;align-items:stretch}.gallery-slide-card{width:600px;flex-shrink:0;background-color:var(--bg-card);border:1px solid var(--bento-border);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:0 15px 35px #00000026;display:flex;flex-direction:column;gap:var(--space-sm);box-sizing:border-box}.gallery-slide-card.wide-card{width:820px}.slide-image-wrapper{align-self:stretch;height:380px;overflow:hidden;border-radius:var(--radius-md);background-color:#000;box-sizing:border-box}.slide-image-wrapper.wide-wrapper{height:380px;background-color:#fff}.slide-image-wrapper img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .6s cubic-bezier(.25,1,.5,1)}.slide-image-wrapper.wide-wrapper img{object-fit:contain}.gallery-slide-card:hover .slide-image-wrapper img{transform:scale(1.04)}.slide-info h3{font-size:1.2rem;margin:0 0 4px}.slide-info p{font-size:.88rem;color:var(--text-sub);line-height:1.5;margin:0}.chapter-mockup-pin{height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center}.chapter-mockup-pin .container{height:100%;width:100%;max-width:1248px;margin:0 auto}@media(min-width:993px){.chapter-mockup-pin .container{transform:translate(55px)}}.mockup-reveal-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:var(--space-xl);align-items:center;width:100%;height:100%}.mockup-reveal-info{display:flex;flex-direction:column;gap:var(--space-sm);z-index:10}.mockup-reveal-info h2{font-size:clamp(2rem,3.5vw,2.8rem);margin-top:8px;margin-bottom:12px}.mockup-reveal-info p{font-size:1.02rem;color:var(--text-sub);line-height:1.6;margin:0}.mockup-reveal-viewport-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:visible}.revealed-device-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;perspective:none}.iphone13-mockup-wrapper.zoomed-mockup{width:600px;height:957px;position:relative;flex-shrink:0;transform-origin:center center}.iphone13-frame-img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;filter:drop-shadow(0 10px 40px rgba(0,0,0,.45))}.iphone13-mockup-wrapper .phone-viewport{position:absolute;left:21.6%;top:10.3%;width:56.8%;height:78.4%;z-index:5;border-radius:34px;overflow:hidden!important;background-color:#020617}.viewport-mask{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;box-shadow:inset 0 0 0 2px #000;border:2px solid #000000;pointer-events:none;z-index:8}.zoomed-iframe{width:100%;height:100%;border:none;pointer-events:auto!important;background-color:#fff;-ms-overflow-style:none!important;scrollbar-width:none!important}.zoomed-iframe::-webkit-scrollbar{display:none!important}.project-sticky-header{background-color:transparent;border-bottom:1px solid transparent;position:fixed;top:0;left:0;width:100%;z-index:100;transition:background-color .4s ease,border-bottom-color .4s ease}.project-sticky-header.scrolled{background-color:var(--bg-card);border-bottom:1px solid var(--bento-border)}@media(max-width:992px){.narrative-grid{grid-template-columns:1fr;gap:var(--space-lg)}.brand-metric-card{padding:var(--space-lg) var(--space-md)}.mockup-reveal-grid{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:var(--space-md);padding-top:var(--space-lg)}.iphone13-mockup-wrapper.zoomed-mockup{width:400px;height:638px}.iphone13-mockup-wrapper .phone-viewport{border-radius:26px}}@media(max-width:600px){.gallery-slide-card,.gallery-slide-card.wide-card{width:320px}.slide-image-wrapper,.slide-image-wrapper.wide-wrapper{height:220px}.project-meta-bar{flex-direction:column;align-items:center;gap:12px}.iphone13-mockup-wrapper.zoomed-mockup{width:300px;height:479px}.iphone13-mockup-wrapper .phone-viewport{border-radius:20px}}.restease-mockup-wrapper{width:326px;height:657px;position:relative;flex-shrink:0;margin:0 auto;box-shadow:0 25px 50px -12px #00000080;border-radius:46px}.restease-frame-img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}.restease-mockup-wrapper .phone-viewport{position:absolute;left:5.5%;top:2%;width:89%;height:96%;z-index:5;border-radius:44px;overflow:hidden;background-color:#000}.restease-mockup-wrapper .phone-viewport iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;z-index:1;border-radius:44px;background-color:#000}@media(max-width:450px){.restease-mockup-wrapper{width:100%;max-width:280px;height:auto;aspect-ratio:416 / 838}.restease-mockup-wrapper .phone-viewport,.restease-mockup-wrapper .phone-viewport iframe{border-radius:38px}}.iphone13-mockup-wrapper.zoomed-mockup.restease-zoomed .phone-viewport{left:21%;top:10.2%;width:58%;height:78.6%;border-radius:40px;background-color:#000}.iphone13-mockup-wrapper.zoomed-mockup.restease-zoomed .phone-viewport iframe{border-radius:40px}.chart-card-wrapper{width:100%;height:240px;position:relative;margin-top:15px;display:flex;justify-content:center;align-items:center}#restease-leaflet-map{width:100%;height:100%;border-radius:var(--radius-md);border:1px solid var(--brand-border, rgba(255, 255, 255, .08));background-color:#131313;z-index:5}.leaflet-container{font-family:var(--font-body)!important}.leaflet-bar{border:1px solid rgba(255,255,255,.08)!important;box-shadow:none!important}.leaflet-bar a{background-color:#1e1e1e!important;color:#f8fafc!important;border-bottom:1px solid rgba(255,255,255,.08)!important}.leaflet-bar a:hover{background-color:#ff4f00!important}.leaflet-popup-content-wrapper{background-color:#1e1e1e!important;color:#f8fafc!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:8px!important}.leaflet-popup-tip{background-color:#1e1e1e!important}.workflow-container{display:flex;flex-direction:column;gap:16px;width:100%;padding:10px 0}.workflow-node{display:flex;align-items:center;gap:16px;padding:12px 16px;background-color:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:var(--radius-md);transition:transform .25s,border-color .25s,background-color .25s;cursor:pointer}.workflow-node:hover,.workflow-node.active{background-color:#ff4f000d;border-color:#ff4f004d;transform:translate(6px)}.node-number{width:28px;height:28px;border-radius:50%;background-color:#ffffff14;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:.85rem;color:var(--text-main);transition:background-color .25s,box-shadow .25s}.workflow-node:hover .node-number,.workflow-node.active .node-number{background-color:#ff4f00;box-shadow:0 0 10px #ff4f0066}.node-text{flex-grow:1}.node-title{font-family:var(--font-display);font-size:.95rem;font-weight:600;color:#f8fafc;margin-bottom:2px}.node-desc{font-size:.78rem;color:var(--text-sub);line-height:1.4}.persona-card{display:flex;flex-direction:column;gap:10px;padding:14px!important;background:#121218cc!important;border:1px solid rgba(255,79,0,.12)!important;border-radius:var(--radius-md);box-sizing:border-box;height:100%;overflow:hidden;color:#e2e8f0}.persona-top{display:flex;gap:12px;align-items:center}.persona-avatar-wrap{width:60px;height:60px;border-radius:50%;background:#e2e8f0;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #0000004d;border:2px solid rgba(255,79,0,.2)}.persona-avatar-wrap img{width:100%;height:100%;object-fit:cover}.persona-main-details{display:flex;flex-direction:column;gap:2px;flex-grow:1}.persona-meta-header{display:flex;flex-direction:column}.persona-name{font-family:var(--font-display);font-size:.95rem;font-weight:700;color:#fff}.persona-age{font-size:.7rem;color:#a1a1aa;margin-top:1px}.persona-quote{font-size:.72rem;font-style:italic;color:#f1f5f9;line-height:1.35;margin:2px 0}.persona-tags{display:flex;gap:6px;margin-top:2px}.persona-tag{font-size:.62rem;font-weight:600;padding:1px 6px;background-color:#ff4f0014;border:1px solid rgba(255,79,0,.18);border-radius:4px;color:#ff9100;text-transform:uppercase;letter-spacing:.02em}.persona-story-section{display:flex;flex-direction:column;gap:3px;border-top:1px solid rgba(255,255,255,.06);padding-top:6px}.persona-card .section-title{font-family:var(--font-display);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#ff4f00;margin:0}.persona-card .story-text{font-size:.7rem;line-height:1.35;color:var(--text-sub);margin:0}.persona-bottom-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:12px;border-top:1px solid rgba(255,255,255,.06);padding-top:8px;flex-grow:1}.persona-col{display:flex;flex-direction:column;gap:6px}.persona-metric{display:flex;flex-direction:column;gap:2px}.persona-metric .metric-label{font-size:.68rem;color:#cbd5e1}.slider-bar{position:relative;width:100%;height:6px;background-color:#ffffff1a;border-radius:3px;overflow:visible;margin-top:1px}.slider-fill{position:absolute;top:0;left:0;height:100%;background-color:#ff4f00;border-radius:3px;box-shadow:0 0 4px #ff4f0066}.slider-knob{position:absolute;top:50%;width:8px;height:8px;border-radius:50%;background-color:#ff4f00;border:1.5px solid #ffffff;box-shadow:0 1px 3px #0006;transform:translate(-50%,-50%)}.pain-points-list{margin:0;padding-left:10px;display:flex;flex-direction:column;gap:3px}.pain-points-list li{font-size:.66rem;line-height:1.3;color:#cbd5e1;margin:0;list-style-type:disc!important}.tech-hud-frame{position:relative;width:100%;height:100%;border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(255,79,0,.3);box-shadow:0 0 20px #ff4f001a}.hud-grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,79,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,79,0,.03) 1px,transparent 1px);background-size:20px 20px;pointer-events:none;z-index:2}.hud-corner{position:absolute;width:12px;height:12px;border-color:#ff4f00;border-style:solid;z-index:3}.hud-corner.tl{top:10px;left:10px;border-width:2px 0 0 2px}.hud-corner.tr{top:10px;right:10px;border-width:2px 2px 0 0}.hud-corner.bl{bottom:10px;left:10px;border-width:0 0 2px 2px}.hud-corner.br{bottom:10px;right:10px;border-width:0 2px 2px 0}.hud-label{position:absolute;top:12px;left:30px;font-family:var(--font-display);font-size:.62rem;color:#ff4f00;letter-spacing:.15em;z-index:3}.hud-telemetry{position:absolute;bottom:12px;right:20px;font-family:monospace;font-size:.6rem;color:#ffffff80;z-index:3;display:flex;flex-direction:column;align-items:flex-end}.stretcher-callouts-list{display:flex;flex-direction:column;gap:var(--space-sm);justify-content:center;height:100%}.stretcher-callout-item{background:#18181880;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);padding:12px 16px;display:flex;align-items:flex-start;gap:12px;transition:border-color .25s,background-color .25s;cursor:default}.stretcher-callout-item:hover{border-color:#ff4f004d;background:#ff4f0008}.callout-dot{width:8px;height:8px;border-radius:50%;background-color:#ff4f00;margin-top:6px;flex-shrink:0;box-shadow:0 0 6px #ff4f00}.callout-content h4{margin:0 0 2px;font-size:.95rem;color:#f8fafc}.callout-content p{margin:0;font-size:.78rem;color:var(--text-sub);line-height:1.4}.stretcher-callout-item-interactive{background:var(--brand-card-bg, #f4f6f3)!important;border:1.5px solid var(--brand-border, rgba(36, 54, 30, .1))!important;border-radius:20px!important;padding:24px!important;display:flex;align-items:flex-start;gap:16px;transition:all .3s cubic-bezier(.16,1,.3,1)!important;cursor:pointer;box-sizing:border-box;width:100%}.stretcher-callout-item-interactive h4{margin:0 0 6px!important;font-size:1.05rem!important;font-family:var(--font-display)!important;font-weight:600!important;color:var(--brand-text, #24361e)!important;transition:color .3s ease!important;text-transform:none!important;letter-spacing:normal!important}.stretcher-callout-item-interactive p{margin:0!important;font-size:.85rem!important;color:var(--brand-text-sub, #4b5e43)!important;line-height:1.55!important;font-family:var(--font-body)!important;font-weight:400!important}.stretcher-callout-item-interactive:hover,.stretcher-callout-item-interactive.active-callout{border-left:5px solid var(--brand-accent, #ff4f00)!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important;transform:translate(4px);box-shadow:0 6px 20px #24361e08!important}.stretcher-callout-item-interactive:hover h4,.stretcher-callout-item-interactive.active-callout h4{color:var(--brand-accent, #ff4f00)!important}.gallery-horizontal-track{transform-style:preserve-3d;perspective:1000px}@media(max-width:1248px){.gallery-slide-card{width:600px}.gallery-slide-card.wide-card{width:820px}.slide-image-wrapper,.slide-image-wrapper.wide-wrapper{height:380px}}.persona-card,.stretcher-callouts-list,.workflow-container{color:#e2e8f0}.persona-points span{color:#cbd5e1;line-height:1.5}.persona-meta-item{color:#a1a1aa!important;font-size:.8rem;line-height:1.4}.persona-meta-item strong{color:#f8fafc}.stretcher-callout-item p,.workflow-node .node-desc{color:#a1a1aa!important}.workflow-node .node-title{color:#f8fafc!important}.workflow-node{background-color:var(--moodboard-box-bg);border:1px solid var(--moodboard-box-border)}.chapter-deck-pin{height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:var(--space-lg) 0;box-sizing:border-box;width:100%}.stacked-deck-container{display:flex;justify-content:center;align-items:center;width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box}.deck-grid-container{display:grid;grid-template-columns:.75fr 1.25fr;gap:var(--space-xl);width:100%;max-width:1380px;margin:0 auto;padding:0 var(--space-md);min-height:80vh;align-items:center;justify-content:center;box-sizing:border-box}.deck-info-panel{display:flex;flex-direction:column;justify-content:center;gap:var(--space-sm)}.deck-info-panel h2{font-size:clamp(2rem,3.5vw,2.8rem);margin:10px 0;line-height:1.15;font-family:var(--font-display);color:var(--brand-text, #f8fafc)}.deck-info-panel p{color:var(--text-sub);line-height:1.6;margin:0;font-size:.95rem}.stacked-deck-wrapper{position:relative;width:100%;max-width:874px!important;height:680px!important;aspect-ratio:4 / 3!important;margin:0 auto;perspective:1000px}.deck-card.gallery-slide-card{position:absolute;top:0;left:0;width:100%!important;height:100%!important;margin:0;padding:0!important;backface-visibility:hidden;will-change:transform,opacity;border:1px solid var(--brand-border, rgba(0,0,0,.08))!important;border-radius:var(--radius-lg, 24px)!important;box-shadow:0 20px 50px #00000014!important;background-color:var(--brand-card-bg, #ffffff)!important;overflow:hidden!important}.topo-widget-container{display:grid;grid-template-columns:1.1fr .9fr;width:100%;height:100%;align-items:stretch;background-color:#0b0b0f}.topo-map-display{position:relative;background-color:#050508;overflow:hidden;display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(255,255,255,.05)}.map-grid-blueprint{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:20px 20px;pointer-events:none}.topo-contours-svg{position:absolute;width:130%;height:130%;opacity:.7;pointer-events:none}.glowing-route-path{stroke-dasharray:8,8;animation:dashMarquee 30s infinite linear}@keyframes dashMarquee{to{stroke-dashoffset:-1000}}.hazard-zone-pulse{position:absolute;width:150px;height:150px;border-radius:50%;border:1px dashed rgba(255,79,0,.25);background:#ff4f0005;top:45%;left:55%;transform:translate(-50%,-50%);animation:hazardRadarPulse 3s infinite ease-in-out}@keyframes hazardRadarPulse{0%{transform:translate(-50%,-50%) scale(.9);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.6;border-color:#ff4f0066;background:#ff4f000a}to{transform:translate(-50%,-50%) scale(.9);opacity:.3}}.topo-marker{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translate(-50%,-50%);cursor:pointer;z-index:10}.marker-dot{width:12px;height:12px;border-radius:50%;border:2px solid #ffffff;box-shadow:0 0 10px #00000080;transition:transform .2s}.marker-dot.green{background-color:#00e676;box-shadow:0 0 12px #00e676}.marker-dot.orange{background-color:#ff4f00;box-shadow:0 0 12px #ff4f00}.marker-dot.red{background-color:#ef4444;box-shadow:0 0 12px #ef4444}.topo-marker.active .marker-dot.orange{animation:markerPulse 1.5s infinite alternate}@keyframes markerPulse{0%{transform:scale(1);box-shadow:0 0 8px #ff4f00}to{transform:scale(1.3);box-shadow:0 0 18px #ff4f00}}.marker-tooltip{background-color:#121216;border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:3px 6px;font-size:.65rem;font-family:var(--font-mono);color:#cbd5e1;white-space:nowrap;margin-top:4px;pointer-events:none;opacity:.8}.elevation-profile-card{padding:var(--space-md);display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;background-color:#0b0b0f}.telemetry-header{display:flex;flex-direction:column;gap:4px;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:12px}.telemetry-header h4{margin:0;font-family:var(--font-display);font-size:1.15rem;color:#f8fafc}.accent-blue{color:#38bdf8;font-size:.72rem;font-family:var(--font-mono);letter-spacing:1px}.accent-orange{color:#ff4f00;font-size:.72rem;font-family:var(--font-mono);letter-spacing:1px}.profile-bars-container{display:flex;justify-content:space-between;align-items:flex-end;height:180px;padding:var(--space-sm) 0;border-bottom:1px solid rgba(255,255,255,.05)}.profile-bar-column{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;flex-grow:1;max-width:32px}.profile-bar-column .bar-fill{width:14px;background:linear-gradient(180deg,#38bdf8,#38bdf833);border-radius:4px 4px 0 0;transition:height .6s cubic-bezier(.16,1,.3,1),background .3s;height:0%}.profile-bar-column:hover .bar-fill,.profile-bar-column.active .bar-fill{background:linear-gradient(180deg,#00e676,#00e67640);box-shadow:0 0 10px #00e6764d}.profile-bar-column .bar-label{font-size:.62rem;font-family:var(--font-mono);color:#64748b}.profile-bar-column:hover .bar-label,.profile-bar-column.active .bar-label{color:#f8fafc}.elevation-readout-display{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:var(--space-xs);background-color:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:var(--radius-sm);padding:10px}.readout-item{display:flex;flex-direction:column;gap:2px}.readout-label{font-size:.62rem;font-family:var(--font-mono);color:#64748b;text-transform:uppercase}.readout-val{font-size:1rem;font-family:var(--font-display);color:#f8fafc;transition:color .2s}.status-badge{display:inline-block;padding:2px 6px;border-radius:4px;font-size:.72rem;font-family:var(--font-mono);text-align:center;background-color:#ffffff0d}.status-badge.critical{background-color:#ef444426;border:1px solid rgba(239,68,68,.3);color:#f87171}.sig-bar.active{background-color:#38bdf8;box-shadow:0 0 4px #38bdf8;color:#f87171}.status-badge.high{background-color:#f9731626;border:1px solid rgba(249,115,22,.3);color:#fb923c}.status-badge.moderate{background-color:#eab3081a;border:1px solid rgba(234,179,8,.2);color:#facc15}.status-badge.safe{background-color:#10b9811a;border:1px solid rgba(16,185,129,.25);color:#34d399}.sector-telemetry-container{display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box;padding:var(--space-md);background-color:#0b0b0f;gap:var(--space-sm)}.telemetry-top-bar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:var(--space-xs)}.sector-toggle-wrap{display:flex;background-color:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-sm);padding:2px}.sector-toggle-btn{background:none;border:none;padding:6px 12px;border-radius:4px;font-size:.72rem;font-family:var(--font-mono);color:#64748b;cursor:pointer;transition:background .2s,color .2s}.sector-toggle-btn.active{background-color:#ff4f00;color:#fff;box-shadow:0 4px 10px #ff4f0040}.bento-telemetry-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px;flex-grow:1}.bento-tile{background-color:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:var(--radius-md);padding:14px;display:flex;flex-direction:column;justify-content:space-between;transition:border-color .3s}.bento-tile:hover{border-color:#ff4f0026}.tile-label{font-size:.65rem;font-family:var(--font-mono);color:#64748b;text-transform:uppercase}.tile-numeric{font-size:2.1rem;font-family:var(--font-display);color:#f8fafc;line-height:1.1;margin:8px 0;transition:color .2s}.tile-numeric .sub{font-size:1rem;color:#64748b;font-family:var(--font-mono)}.tile-caption{font-size:.62rem;color:#64748b;line-height:1.3}.stretcher-status-bar{width:100%;height:6px;background-color:#ffffff0d;border-radius:3px;overflow:hidden;margin-bottom:6px}.stretcher-bar-fill{height:100%;background-color:#ff4f00;box-shadow:0 0 6px #ff4f00;border-radius:3px;transition:width .6s cubic-bezier(.16,1,.3,1)}.battery-icon-wrap{display:flex;align-items:center;margin-bottom:6px}.battery-body{width:50px;height:18px;border:1.5px solid #64748b;border-radius:3px;padding:1.5px;box-sizing:border-box;display:flex}.battery-level-fill{height:100%;background-color:#00e676;border-radius:1px;transition:width .6s cubic-bezier(.16,1,.3,1),background-color .3s}.battery-tip{width:3px;height:8px;background-color:#64748b;border-radius:0 2px 2px 0}.signal-bars{display:flex;align-items:flex-end;gap:3px;height:18px;margin-bottom:6px}.sig-bar{width:5px;background-color:#ffffff1a;border-radius:1px;transition:background-color .3s,box-shadow .3s}.sig-bar.bar-1{height:20%}.sig-bar.bar-2{height:40%}.sig-bar.bar-3{height:60%}.sig-bar.bar-4{height:80%}.sig-bar.bar-5{height:100%}.sig-bar.active{background-color:#38bdf8;box-shadow:0 0 4px #38bdf8}.personnel-dot-matrix{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;max-width:66px;margin-bottom:6px}.troop-dot{width:6px;height:6px;background-color:#ffffff14;border-radius:50%;transition:background-color .3s,box-shadow .3s}.troop-dot.active{background-color:#00e676;box-shadow:0 0 5px #00e676}@media(max-width:1100px),(orientation:portrait),(max-aspect-ratio:1.1/1){.deck-grid-container{grid-template-columns:1fr!important;gap:var(--space-md)!important;padding-top:0!important}.deck-info-panel{text-align:center!important;max-width:760px!important;margin:0 auto!important}}header.floating-header{position:fixed;top:20px;left:50%;transform:translate(-50%);width:calc(100% - 40px);max-width:800px;background-color:#fff;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(10,17,40,.08);border-radius:50px;z-index:1010;box-shadow:0 10px 30px #0a11280d}@media(max-width:768px){header.floating-header{top:10px;width:calc(100% - 20px)}}@media(min-width:768px)and (max-width:1024px){.iphone13-mockup-wrapper.zoomed-mockup{width:420px!important;height:670px!important}.iphone13-mockup-wrapper .phone-viewport{border-radius:28px!important}.iphone13-mockup-wrapper.zoomed-mockup .phone-viewport iframe,.iphone13-mockup-wrapper .phone-viewport iframe.zoomed-iframe{width:340.8px!important;height:750.24px!important;transform:scale(.7)!important;transform-origin:top left!important;max-width:none!important}}@media(max-width:640px){.iphone13-mockup-wrapper.zoomed-mockup{width:300px!important;height:479px!important}.iphone13-mockup-wrapper .phone-viewport{border-radius:20px!important}.iphone13-mockup-wrapper.zoomed-mockup .phone-viewport iframe,.iphone13-mockup-wrapper .phone-viewport iframe.zoomed-iframe{width:340.8px!important;height:750.24px!important;transform:scale(.5)!important;transform-origin:top left!important;max-width:none!important}}@media(max-width:400px){.iphone13-mockup-wrapper.zoomed-mockup{width:270px!important;height:431px!important}.iphone13-mockup-wrapper .phone-viewport{border-radius:18px!important}.iphone13-mockup-wrapper.zoomed-mockup .phone-viewport iframe,.iphone13-mockup-wrapper .phone-viewport iframe.zoomed-iframe{width:340.8px!important;height:750.24px!important;transform:scale(.45)!important;transform-origin:top left!important;max-width:none!important}}@media(min-width:768px)and (max-width:1400px)and (orientation:landscape),(min-width:768px)and (max-height:900px)and (orientation:landscape){.story-chapter.chapter-mockup-pin,.chapter-mockup-pin{height:auto!important;min-height:auto!important;max-height:none!important;overflow:visible!important;padding-top:100px!important;padding-bottom:70px!important;box-sizing:border-box!important}.chapter-mockup-pin .container{height:auto!important;transform:none!important}.mockup-reveal-grid{display:grid!important;grid-template-columns:.95fr 1.05fr!important;gap:var(--space-lg)!important;align-items:flex-start!important;height:auto!important;min-height:auto!important;overflow:visible!important}.mockup-reveal-info{max-width:100%!important}.mockup-reveal-viewport-container,.revealed-device-wrapper{height:auto!important;overflow:visible!important;display:flex!important;justify-content:center!important;align-items:flex-start!important}.iphone13-mockup-wrapper.zoomed-mockup,.iphone13-mockup-wrapper.zoomed-mockup.restease-zoomed{width:350px!important;height:558px!important;margin:0 auto!important;position:relative!important;overflow:visible!important}.iphone13-mockup-wrapper .phone-viewport,.iphone13-mockup-wrapper.zoomed-mockup.restease-zoomed .phone-viewport{border-radius:23px!important;overflow:hidden!important}.iphone13-mockup-wrapper.zoomed-mockup .phone-viewport iframe,.iphone13-mockup-wrapper.zoomed-mockup.restease-zoomed .phone-viewport iframe,.iphone13-mockup-wrapper .phone-viewport iframe.zoomed-iframe{width:340.8px;height:750.24px;transform:scale(.584);transform-origin:top left;max-width:none!important}}.restease-split-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:var(--space-xl);align-items:stretch;width:100%}.restease-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);width:100%}.restease-cards-scroll-container{display:flex;gap:var(--space-xl);overflow-x:auto;width:100%;padding:10px 4px 24px;box-sizing:border-box;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.restease-cards-scroll-container::-webkit-scrollbar{height:6px}.restease-cards-scroll-container::-webkit-scrollbar-track{background:#2436280d;border-radius:3px}.restease-cards-scroll-container::-webkit-scrollbar-thumb{background:var(--brand-border);border-radius:3px}.restease-cards-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--brand-accent)}.restease-scroll-card{flex:0 0 740px;scroll-snap-align:center;margin:0;padding:24px;background-color:var(--brand-card-bg);border:1px solid var(--brand-border);border-radius:32px;display:flex;flex-direction:column;gap:16px;box-sizing:border-box}@media(min-width:1440px){.restease-scroll-card{aspect-ratio:3 / 2;min-height:520px;display:flex;flex-direction:column;justify-content:space-between}}@media(max-width:1439px)and (min-width:1025px){.restease-scroll-card{aspect-ratio:auto;min-height:500px;display:flex;flex-direction:column;justify-content:space-between}}@media(max-width:1024px){.restease-scroll-card{flex:0 0 85vw;aspect-ratio:auto;min-height:480px;display:flex;flex-direction:column;justify-content:space-between}}@media(max-width:992px),(max-aspect-ratio:1.1/1){.chapter-gallery-pin{height:auto!important;overflow:visible!important}.gallery-horizontal-container{overflow-x:auto!important;-webkit-overflow-scrolling:touch;padding-bottom:20px;scroll-snap-type:x mandatory}.gallery-horizontal-track{padding:0 var(--space-md)!important;transform:none!important}}.physical-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--space-lg);align-items:center;width:100%}@media(max-width:1024px){.restease-split-grid{grid-template-columns:1fr!important;gap:var(--space-lg)!important}.restease-cards-grid,.physical-grid{grid-template-columns:1fr!important;gap:var(--space-md)!important}}@media(min-width:1025px){.mockup-reveal-grid{display:grid!important;grid-template-columns:.95fr 1.05fr!important;gap:var(--space-xl)!important;align-items:center!important}}@media(min-width:768px)and (max-width:1024px)and (orientation:portrait){.story-chapter.chapter-mockup-pin{height:auto!important;min-height:auto!important;padding:var(--space-xl) 0!important}.mockup-reveal-grid{display:flex!important;flex-direction:column!important;gap:var(--space-lg)!important;align-items:center!important;text-align:center!important}.mockup-reveal-info{max-width:600px!important;margin:0 auto!important}.cta-row{justify-content:center!important}.iphone13-mockup-wrapper.zoomed-mockup.restease-zoomed{width:420px!important;height:670px!important;margin:0 auto!important}.iphone13-mockup-wrapper.zoomed-mockup.restease-zoomed .phone-viewport iframe,.iphone13-mockup-wrapper .phone-viewport iframe.zoomed-iframe{width:340.8px;height:750.24px;transform:scale(.7);transform-origin:top left}}@media(max-width:767px){.story-chapter.chapter-mockup-pin{height:auto!important;min-height:auto!important;padding:var(--space-lg) 0!important}.mockup-reveal-grid{display:flex!important;flex-direction:column!important;gap:var(--space-md)!important;align-items:center!important;text-align:center!important}.mockup-reveal-info{max-width:100%!important}.cta-row{justify-content:center!important}.iphone13-mockup-wrapper.zoomed-mockup.restease-zoomed{width:300px!important;height:479px!important;margin:0 auto!important}.iphone13-mockup-wrapper.zoomed-mockup.restease-zoomed .phone-viewport{border-radius:20px!important}.iphone13-mockup-wrapper.zoomed-mockup.restease-zoomed .phone-viewport iframe,.iphone13-mockup-wrapper .phone-viewport iframe.zoomed-iframe{width:340.8px;height:750.24px;transform:scale(.5);transform-origin:top left}}@media(max-width:400px){.iphone13-mockup-wrapper.zoomed-mockup.restease-zoomed{width:270px!important;height:431px!important}.iphone13-mockup-wrapper.zoomed-mockup.restease-zoomed .phone-viewport iframe,.iphone13-mockup-wrapper .phone-viewport iframe.zoomed-iframe{transform:scale(.45)}}footer,footer.project-footer-island,.project-site-footer{width:100%!important;max-width:100%!important;margin:var(--space-xl) 0 0 0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-color:#fff!important;border-top:1px solid rgba(10,17,40,.08)!important;border-left:none!important;border-right:none!important;border-bottom:none!important;padding:var(--space-md) 0!important;position:relative!important;z-index:10!important}body.theme-brand footer,body.theme-brand footer.project-footer-island,body.theme-brand .project-site-footer{background-color:#fff!important;border-top:1px solid rgba(10,17,40,.08)!important;box-shadow:none!important}footer .container,footer.project-footer-island .container,.project-site-footer .container{padding:0 var(--space-lg)!important;max-width:1200px!important;margin:0 auto!important;width:100%!important;box-sizing:border-box!important;display:flex!important;justify-content:space-between!important;align-items:center!important}footer,.project-footer-island{width:100%!important;max-width:100%!important;border-radius:0!important;box-shadow:none!important;background-color:#fff!important;border-top:1px solid rgba(10,17,40,.08)!important}.gallery-slide-card{background-color:#fff!important}.f1-deck-card-content{display:flex!important;flex-direction:column!important;gap:var(--space-md)!important;padding:var(--space-lg)!important;height:100%!important;box-sizing:border-box!important;background-color:var(--brand-card-bg)!important}.f1-deck-card-image-wrap{flex:1!important;min-height:0!important;width:100%!important;overflow:hidden;border-radius:var(--radius-md, 16px);border:1px solid var(--brand-border, rgba(14, 22, 41, .08));display:flex;align-items:center;justify-content:center;background-color:#0b0b0f;box-sizing:border-box}.f1-deck-card-image-wrap iframe{width:100%!important;height:100%!important;border:none!important;display:block}.f1-deck-card-text{flex-shrink:0!important;display:flex;flex-direction:column;gap:6px;box-sizing:border-box;padding-top:4px}@media(max-width:992px){.f1-deck-card-image-wrap{height:320px!important;flex:none!important}}.emberquit-deck-card-content{display:grid!important;grid-template-columns:1.1fr 1fr!important;gap:var(--space-md)!important;padding:var(--space-md)!important;height:100%!important;align-items:center!important;box-sizing:border-box!important;background-color:#fff!important}.emberquit-deck-card-image-wrap{height:100%!important;overflow:hidden;border-radius:var(--radius-md, 16px);border:none!important;display:flex;align-items:center;justify-content:center;background-color:transparent!important}.emberquit-deck-card-image-wrap img{max-height:90%;max-width:90%;width:auto!important;height:auto!important;object-fit:contain;border-radius:12px;box-shadow:none!important;transition:transform .3s ease}.deck-card:hover .emberquit-deck-card-image-wrap img{transform:none!important}.emberquit-deck-card-text{display:flex;flex-direction:column;justify-content:center;gap:var(--space-xs)}.emberquit-split-gallery-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);padding:var(--space-sm);background-color:var(--brand-card-bg, #ffffff);height:100%;align-items:stretch}.emberquit-breathing-gallery-wrapper{display:grid;grid-template-columns:1.05fr 1.05fr .9fr;gap:var(--space-sm);padding:var(--space-sm);background-color:var(--brand-card-bg, #ffffff);height:100%;align-items:stretch}@media(max-width:768px){.emberquit-deck-card-content{grid-template-columns:1fr!important;grid-template-rows:1fr 1.2fr!important;gap:var(--space-sm)!important;padding:var(--space-sm)!important}}.persona-card{background:var(--brand-card-bg, #ffffff)!important;border:1px solid var(--brand-border, rgba(14, 22, 41, .08))!important;color:var(--brand-text, #0e1629)!important}.persona-name{color:var(--brand-text, #0e1629)!important}.persona-age{color:var(--brand-text-sub, #2c374e)!important}.persona-quote{color:var(--brand-text, #0e1629)!important}.persona-story-section,.persona-bottom-grid{border-top:1px solid var(--brand-border, rgba(14, 22, 41, .08))!important}.persona-metric .metric-label,.pain-points-list li{color:var(--brand-text-sub, #2c374e)!important}.persona-col .section-title{color:var(--brand-accent, #1e63f3)!important}.persona-tag{background-color:#1e63f314!important;border:1px solid rgba(30,99,243,.18)!important;color:var(--brand-accent, #1e63f3)!important}.persona-card-interactive{background:var(--brand-card-bg, #ffffff)!important;border:1px solid var(--brand-border, rgba(14, 22, 41, .08))!important;border-radius:32px!important;padding:var(--space-lg)!important;transition:all .4s cubic-bezier(.16,1,.3,1)!important;position:relative;overflow:hidden;box-shadow:none!important}.persona-card-interactive .persona-story-section{border-top:none!important;padding-top:0!important}.persona-card-interactive:hover{transform:translateY(-8px)!important;border-color:var(--brand-accent, #ff4f00)!important;box-shadow:0 12px 40px #ff4f0014!important}.persona-avatar-wrap-interactive{transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .4s ease!important}.persona-card-interactive:hover .persona-avatar-wrap-interactive{transform:scale(1.06) rotate(2deg)!important;border-color:var(--brand-accent, #ff4f00)!important}.pain-point-item-interactive{transition:all .3s cubic-bezier(.16,1,.3,1)!important}.pain-point-item-interactive:hover{background-color:#ebeee8!important;border-color:#ff4f0040!important;transform:translate(6px)!important;box-shadow:0 4px 16px #24361e05!important}.ds-font-specimen{margin-bottom:20px;border-bottom:1px dashed rgba(10,17,40,.06);padding-bottom:20px}.ds-font-specimen:last-child{margin-bottom:0;border-bottom:none;padding-bottom:0}.ds-specimen-label{font-size:10px;font-weight:700;color:var(--ds-text-muted, #64748b);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;text-align:left}.ds-font-preview-large{font-size:36px;font-weight:700;color:var(--ds-text-main, #0f172a);margin-bottom:4px;line-height:1.1}.ds-font-meta{font-size:11px;color:var(--ds-primary, #0019e6);font-weight:600;margin-bottom:8px}.ds-font-desc{font-size:13px;color:var(--ds-text-muted, #64748b);line-height:1.5;margin:0;text-align:left}.ds-icon-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.ds-icon-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px 6px;background:#fff6;border:1px solid rgba(10,17,40,.05);border-radius:14px;transition:all .2s ease}.ds-color-swatch-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ds-swatch{border-radius:14px;overflow:hidden;border:1px solid rgba(10,17,40,.06);cursor:pointer;box-shadow:0 4px 12px #0a112805;background:#fff}.ds-swatch-color{height:70px;width:100%;transition:transform .2s ease}.ds-swatch-info{padding:10px;text-align:left}.ds-swatch-name{font-size:11px;font-weight:700;color:var(--ds-text-main, #0f172a);margin-bottom:2px}.ds-swatch-value{font-family:monospace;font-size:9px;color:var(--ds-text-muted, #64748b);font-weight:600}.ds-inputs-group{display:flex;flex-direction:column;gap:16px}.ds-label-tag{font-size:10px;font-weight:700;color:var(--ds-text-muted, #64748b);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;text-align:left}.ds-inputs-group{flex-grow:1!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;gap:14px!important}.ds-input-field{width:100%;padding:12px 16px;border-radius:12px;background:#ffffff80;border:1.5px solid rgba(10,17,40,.1);color:var(--ds-text-main, #0f172a);font-size:13px;outline:none;box-sizing:border-box}.ds-input-with-label{display:flex;flex-direction:column;border:1.5px solid var(--brand-accent, #1e63f3);background:#fff;border-radius:12px;padding:6px 12px;box-shadow:0 0 12px #1e63f326;text-align:left}.ds-input-label-inner{font-size:8px;font-weight:800;color:var(--brand-accent, #1e63f3);letter-spacing:.05em}.ds-input-field-nested{border:none;outline:none;padding:2px 0;font-size:13px;font-weight:600;color:var(--brand-text, #0e1629);width:100%;background:transparent}.ds-btn-state-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px 12px;align-items:center!important;text-align:left}.ds-btn-state-grid>div{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important}.ds-btn-state-grid>div.ds-btn-row-label{justify-content:flex-start!important}.ds-btn-header{font-size:9px;font-weight:700;text-transform:uppercase;color:var(--ds-text-muted, #64748b);letter-spacing:.05em;text-align:center;justify-content:center!important}.ds-btn-row-label{font-size:11px;font-weight:600;color:var(--ds-text-main, #0f172a);margin:0!important}.ds-btn-state{font-family:inherit;font-size:10px;font-weight:700;padding:10px 14px;border:none;cursor:pointer;width:100%;text-align:center;box-sizing:border-box;white-space:nowrap;border-radius:50px!important;transition:all .2s ease!important}.ds-btn-state.normal-static{pointer-events:none!important;cursor:default!important}.ds-btn-state.ds-btn-primary{background:#fff!important;color:#0019e6!important;border:1.5px solid rgba(0,25,230,.15)!important;box-shadow:0 2px 6px #0a11280a!important}.ds-btn-state.ds-btn-primary.hover,.ds-btn-state.ds-btn-primary:hover{background:linear-gradient(135deg,#0019e6,#39f)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 4px 12px #0019e626!important}.ds-btn-state.ds-btn-primary.active,.ds-btn-state.ds-btn-primary:active{background:linear-gradient(135deg,#0a1128,#0019e6)!important;border-color:transparent!important;color:#fff!important;box-shadow:inset 0 2px 4px #0a112833!important}.ds-btn-state.ds-btn-outline{background:linear-gradient(135deg,#0019e6,#39f)!important;color:#fff!important;border:none!important;box-shadow:0 4px 12px #0019e626!important}.ds-btn-state.ds-btn-outline.hover,.ds-btn-state.ds-btn-outline:hover{background:linear-gradient(135deg,#02f,#4da6ff)!important;color:#fff!important;border:none!important;transform:translateY(-1px);box-shadow:0 6px 16px #0019e640!important}.ds-btn-state.ds-btn-outline.active,.ds-btn-state.ds-btn-outline:active{background:linear-gradient(135deg,#0011a8,#1a7ad6)!important;color:#fff!important;border:none!important;transform:translateY(0);box-shadow:inset 0 2px 6px #0003!important}.ds-column{flex:1!important;display:flex!important;flex-direction:column!important;gap:24px!important}.ds-column .ds-card:last-child{flex-grow:1;display:flex;flex-direction:column}.ds-card{background:#fff!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--ds-card-border, rgba(10, 17, 40, .08))!important;border-radius:24px!important;padding:24px!important;box-shadow:0 8px 30px #0a112808!important;box-sizing:border-box!important;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.ds-breathing-module{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:transparent;position:relative;overflow:visible;min-height:200px;box-sizing:border-box}.ds-breathing-bg-glow{position:absolute;width:140px;height:140px;border-radius:50%;background:#0019e614;filter:blur(30px);opacity:0;transition:opacity .5s ease;z-index:1;pointer-events:none}.ds-breathing-circle-outer{width:140px;height:140px;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;transition:transform .5s cubic-bezier(.4,0,.2,1);pointer-events:none}.ds-breathing-squircle-inner{width:100px;height:100px;border-radius:28px;background:#0019e61a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1.5px solid rgba(0,25,230,.2);display:flex;align-items:center;justify-content:center;font-family:Quicksand,sans-serif;font-size:14px;font-weight:700;color:#0019e6;box-shadow:0 6px 24px #0019e60f;transition:all .5s cubic-bezier(.4,0,.2,1)}.ds-breathing-module.active .ds-breathing-bg-glow{opacity:1;animation:ds-breathe-glow-squircle 16s infinite}.ds-breathing-module.active .ds-breathing-circle-outer{animation:ds-breathe-outer-scale-squircle 16s infinite}.ds-breathing-module.active .ds-breathing-squircle-inner{animation:ds-breathe-inner-style-squircle 16s infinite}@keyframes ds-breathe-outer-scale-squircle{0%,to{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(1.3)}75%{transform:scale(1)}}@keyframes ds-breathe-inner-style-squircle{0%,to{background:#0019e61a;box-shadow:0 4px 16px #0019e60d;border-color:#0019e633}25%{background:#0019e638;box-shadow:0 8px 32px #0019e633;border-color:#0019e666}50%{background:#0019e638;box-shadow:0 8px 32px #0019e633;border-color:#0019e666}75%{background:#0019e61a;box-shadow:0 4px 16px #0019e60d;border-color:#0019e633}}@keyframes ds-breathe-glow-squircle{0%,to{transform:scale(1);opacity:.3;background:#0019e614}25%{transform:scale(1.6);opacity:.7;background:#0019e62e}50%{transform:scale(1.6);opacity:.7;background:#0019e62e}75%{transform:scale(1);opacity:.3;background:#0019e614}}.ds-breathing-toggle-btn{width:100%;padding:14px;border-radius:16px;border:1px solid rgba(15,23,42,.08);background:#f8fafc;color:#0f172a;font-family:Inter,sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease;text-align:center}.ds-breathing-toggle-btn:hover{background:#f1f5f9;border-color:#0f172a26}.ds-breathing-hint{font-size:12px;color:#475569;margin-top:15px;font-weight:500;text-align:center}.ds-bar-chart-card{background:#ffffff73;border:1px solid rgba(255,255,255,.6);border-radius:18px;padding:16px;width:100%;box-sizing:border-box}.ds-bar-chart-sim{display:flex;align-items:flex-end;gap:12px;height:120px;position:relative}.ds-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end;position:relative}.ds-bar-track{width:100%;flex-grow:1;display:flex;align-items:flex-end;position:relative;min-height:80px}.ds-bar-cap-line{position:absolute;left:0;right:0;border-top:2.2px dashed #2eb868;z-index:2;pointer-events:none}.ds-bar-fill{width:100%;border-radius:6px 999px 0 0;z-index:1;position:relative;transition:height .4s ease}.ds-bar-fill.normal,.ds-bar-fill.active{background:#0019e6}.ds-bar-label{font-size:10px;font-weight:700;color:#64748b;font-family:Inter,sans-serif;margin-top:4px}.ds-bar-value{font-size:10px;font-family:Inter,sans-serif;font-weight:700;color:#64748b;order:3}.ds-calendar-card{background:#ffffff73;border:1px solid rgba(255,255,255,.6);border-radius:18px;padding:16px;width:100%;box-sizing:border-box}.ds-calendar-header-title{font-size:14px;font-weight:700;color:#0f172a;text-align:center;margin-bottom:8px}.ds-calendar-week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center;font-size:9px;font-weight:700;color:var(--ds-text-muted, #64748b);margin-bottom:6px}.ds-calendar-day-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.ds-cal-empty{aspect-ratio:1}.ds-cal-day{aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#475569;transition:all .2s ease;background:transparent;cursor:pointer;box-sizing:border-box;border:1px solid transparent}.ds-cal-day:hover{transform:scale(1.08);background:#0f172a0a}.ds-cal-day.well-under{background:#2eb868;color:#fff}.ds-cal-day.at-cap{background:#a2e0b8;color:#2c374e}.ds-cal-day.over-cap{background:#ec8c8c;color:#fff}.ds-cal-day.selected{box-shadow:0 0 0 2px #fff,0 0 0 4px #0019e6;font-weight:700;transform:scale(1.08);z-index:5}.ds-calendar-legend{display:flex;justify-content:center;gap:8px;margin-top:14px;font-size:9px;font-weight:700;color:#64748b;text-transform:lowercase;font-family:Inter,sans-serif}.ds-legend-item{display:flex;align-items:center;gap:4px}.ds-legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.ds-legend-dot.well-under{background:#2eb868}.ds-legend-dot.at-cap{background:#a2e0b8}.ds-legend-dot.over-cap{background:#ec8c8c}.ds-progress-links-group{display:flex;flex-direction:column;gap:16px}.ds-stepper{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.ds-step{width:24px;height:24px;border-radius:50%;background:#0a11280d;border:1px solid rgba(10,17,40,.1);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--ds-text-muted, #64748b)}.ds-step.completed{background:#2eb868;border-color:#2eb868;color:#fff}.ds-step.completed svg{width:12px;height:12px;stroke:#fff;stroke-width:3}.ds-step.active{background:#0019e6;border-color:#0019e6;color:#fff;box-shadow:0 0 8px #0019e640}.ds-step-line{flex-grow:1;height:2px;background:#0a11281a;margin:0 8px}.ds-step-line.completed{background:#2eb868}.ds-line-progress-bar{width:100%;height:6px;border-radius:10px;background:#0a11280f;overflow:hidden;margin-top:4px}.ds-line-progress-fill{height:100%;border-radius:10px;background:linear-gradient(135deg,#0019e6,#39f);box-shadow:0 2px 6px #0019e626}.ds-nav-link{font-size:12px;font-weight:700;color:#64748b;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease}.ds-nav-link svg{width:14px;height:14px}.ds-nav-link:hover,.ds-nav-link.active{color:#0019e6}.ds-nav-link.active:hover{transform:translate(2px)}.design-system-container{--ds-primary: #0019e6;--ds-accent: #3399ff;--ds-sage: #2eb868;--ds-ember: #f97316;--ds-text-main: #0a1128;--ds-text-muted: #64748b;--ds-bg-canvas: #FCFAF6;--ds-bg-card: #FFFFFF;--ds-card-border: rgba(10, 17, 40, .08);--ds-gradient-ember: linear-gradient(135deg, var(--ds-primary), var(--ds-accent));width:100%;margin-top:var(--space-lg);font-family:Inter,sans-serif;color:var(--ds-text-main)}.ds-grid{display:flex!important;flex-direction:row!important;gap:24px!important;width:100%!important;align-items:stretch!important}.ds-column{flex:1!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;gap:24px!important}@media(max-width:768px){.ds-grid{flex-direction:column!important}.ds-column{flex:none!important;width:100%!important}.ds-column .ds-card:last-child{flex-grow:0!important}}.ds-card-stack{display:flex;flex-direction:column;gap:24px}.ds-card-stack .ds-card{display:flex;flex-direction:column;justify-content:flex-start}.ds-span-2{grid-column:span 2}.ds-span-3{grid-column:span 3}.ds-card{background:#fff!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--ds-card-border, rgba(10, 17, 40, .08))!important;border-radius:24px!important;padding:24px!important;box-shadow:0 8px 30px #0a112808!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;flex:1!important;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.ds-card:hover{border-color:#0a112826!important;transform:translateY(-2px);box-shadow:0 12px 36px #0a11280f!important}.ds-section-title{font-family:Quicksand,Clash Display,sans-serif!important;font-size:1.15rem!important;font-weight:700!important;color:var(--ds-primary, #0019e6)!important;margin-bottom:20px!important;border-left:3px solid var(--ds-primary, #0019e6)!important;padding-left:10px!important;line-height:1.2!important}.ds-trigger-modal{background:#dbe3ee!important;border-radius:24px!important;padding:24px 20px!important;width:100%!important;box-sizing:border-box!important;text-align:center!important;box-shadow:0 8px 30px #0f172a0f!important;border:1px solid rgba(15,23,42,.08)!important;flex-grow:1!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important}.ds-trigger-modal-title{font-family:Quicksand,sans-serif!important;font-size:19px!important;font-weight:700!important;color:#0f172a!important;margin:0 0 6px!important;text-align:center!important}.ds-trigger-modal-subtitle{font-size:12.5px!important;color:#475569!important;margin:0 0 20px!important;line-height:1.35!important;text-align:center!important}.ds-trigger-modal-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;margin-bottom:20px!important;flex-grow:1!important}.ds-trigger-modal-card{background:#f8fafc!important;border-radius:18px!important;padding:22px 10px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:10px!important;cursor:pointer!important;transition:all .25s ease!important;border:1.5px solid rgba(15,23,42,.06)!important;box-sizing:border-box!important;height:100%!important}.ds-trigger-modal-card:hover{background:#fff!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px #0f172a0a!important}.ds-trigger-modal-card.active{background:#fff!important;border-color:#0019e6!important;box-shadow:0 6px 20px #0019e614!important}.ds-tm-icon-wrap{width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important}.ds-tm-icon-wrap svg{width:24px!important;height:24px!important;stroke:#334155!important;stroke-width:2.2!important}.ds-trigger-modal-card.active .ds-tm-icon-wrap svg{stroke:#0019e6!important}.ds-tm-title{font-family:Quicksand,sans-serif!important;font-size:14px!important;font-weight:700!important;color:#1e293b!important}.ds-trigger-modal-card.active .ds-tm-title{color:#0019e6!important}.ds-trigger-modal-footer{margin-top:12px!important;text-align:center!important}.ds-trigger-modal-skip{font-size:12.5px!important;font-weight:600!important;color:#64748b!important;text-decoration:none!important;transition:color .2s ease!important}.ds-trigger-modal-skip:hover{color:#0019e6!important}@keyframes spinDiamond{0%{transform:rotate(45deg)}to{transform:rotate(405deg)}}@keyframes nfcRipple{0%{transform:scale(.9);opacity:.8}to{transform:scale(1.6);opacity:0}}@keyframes pulseDot{0%{transform:scale(.85);box-shadow:0 0 #ff4f00cc}50%{transform:scale(1.15);box-shadow:0 0 10px 4px #ff4f0066}to{transform:scale(.85);box-shadow:0 0 #ff4f0000}}.ipad-mockup-container{position:relative;width:100%;max-width:1265px;margin:0 auto;aspect-ratio:16 / 9;background-size:contain;background-repeat:no-repeat;background-position:center;box-sizing:border-box;filter:drop-shadow(0 30px 60px rgba(0,0,0,.15))}.ipad-viewport{position:absolute;top:7.1%;left:15.24%;right:15.07%;bottom:6.98%;overflow:hidden;border-radius:8px;background:#0b0b0f!important;box-sizing:border-box;box-shadow:0 0 0 3px #0b0b0f!important}.ipad-viewport iframe{border:none;display:block}.gallery-ticker-container{width:100%;overflow:hidden;position:relative;padding:var(--space-md) 0;box-sizing:border-box;-webkit-mask-image:linear-gradient(to right,transparent,black 8%,black 92%,transparent);mask-image:linear-gradient(to right,transparent,black 8%,black 92%,transparent)}.gallery-ticker-track{display:flex;width:max-content;gap:20px;animation:tickerScroll 35s linear infinite}.gallery-ticker-track:hover{animation-play-state:paused}.ticker-image-wrapper{width:260px;height:260px;border-radius:20px;overflow:hidden;flex-shrink:0;border:1.5px solid var(--brand-border, rgba(92,58,42,.06));background-color:var(--brand-card-bg, #fcf8f2);box-sizing:border-box;box-shadow:0 4px 20px #00000005;transition:transform .3s ease,box-shadow .3s ease}.ticker-image-wrapper:hover{transform:translateY(-5px);box-shadow:0 10px 25px #5c3a2a14}.ticker-image-wrapper img{width:100%;height:100%;object-fit:cover;display:block}@keyframes tickerScroll{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@media(max-width:1024px){.chapter-deck-pin{height:auto!important;min-height:auto!important;overflow:visible!important;padding:var(--space-xl) 0!important;display:block!important}.stacked-deck-wrapper{height:auto!important;aspect-ratio:auto!important;display:flex!important;flex-direction:column!important;gap:32px!important;position:relative!important;margin-top:var(--space-lg)!important;max-width:100%!important}.deck-card.gallery-slide-card{position:relative!important;width:100%!important;height:auto!important;min-height:auto!important;display:flex!important;flex-direction:column!important;transform:none!important;opacity:1!important;pointer-events:auto!important;box-shadow:0 10px 30px #0000000d!important;overflow:visible!important;top:auto!important;left:auto!important}.emberquit-deck-card-content,.f1-deck-card-content{height:auto!important;min-height:auto!important;display:flex!important;flex-direction:column!important;gap:var(--space-md)!important;padding:var(--space-md)!important}.emberquit-deck-card-image-wrap{height:360px!important;flex:none!important;margin-bottom:8px!important}.f1-deck-card-image-wrap{height:300px!important;flex:none!important;margin-bottom:8px!important}.chapter-gallery-pin{height:auto!important;overflow:visible!important;padding:var(--space-xl) 0!important}.chapter-gallery-pin .gallery-horizontal-container{overflow:visible!important;display:block!important;width:100%!important}.chapter-gallery-pin .gallery-horizontal-track{display:flex!important;flex-direction:column!important;gap:32px!important;width:100%!important;padding:0 var(--space-md)!important;transform:none!important;box-sizing:border-box!important}.chapter-gallery-pin .restease-scroll-card{flex:none!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:auto!important;scroll-snap-align:none!important}.restease-scroll-card>div:first-child{flex-direction:column!important;height:auto!important;align-items:stretch!important}.restease-scroll-card>div:first-child>div:first-child{width:100%!important;height:auto!important;max-height:460px!important;aspect-ratio:1 / 1!important}}@media(max-width:1024px){.story-chapter:not(.chapter-hero),.chapter-narrative{height:auto!important;min-height:auto!important;max-height:none!important;overflow:visible!important;padding:var(--space-xl) 0!important}.concept-layout-split{grid-template-columns:1fr!important;gap:32px!important}}.concept-layout-split{display:grid;grid-template-columns:1fr 1.25fr;gap:48px;width:100%;margin-bottom:var(--space-md)}.restease-inventory-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:10px;flex-grow:1}@media(max-width:550px){.restease-inventory-grid{grid-template-columns:1fr!important;grid-template-rows:auto!important}}.wireframe-iframe-wrapper{position:relative!important;width:100%!important;max-width:760px!important;overflow:hidden!important;margin:0 auto!important;box-sizing:border-box!important}.wireframe-iframe-wrapper iframe{position:absolute!important;top:0!important;left:0!important;border:none!important}@media(max-width:768px){.flow-arrow{display:none!important}.narrative-grid{display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;gap:32px!important;padding:0 var(--space-md)!important;box-sizing:border-box!important}.narrative-content-left,.narrative-content-right{width:100%!important;max-width:100%!important;flex:none!important;box-sizing:border-box!important}.narrative-block{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.narrative-block h2{font-size:clamp(1.5rem,6vw,2rem)!important;word-break:break-word!important}.narrative-block p{font-size:.95rem!important;line-height:1.6!important;word-break:break-word!important}.emberquit-metric-card,.brand-metric-card{padding:24px 20px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;gap:20px!important}.emberquit-metric-card h4{font-size:1rem!important}.emberquit-metric-card p{font-size:.78rem!important}.layered-stats-container{gap:12px!important;width:100%!important}.layered-card{padding:16px!important;width:100%!important;box-sizing:border-box!important}.layered-card>div:first-child{flex-direction:column!important;align-items:flex-start!important;gap:4px!important}.layered-card h5{font-size:.85rem!important;margin-top:4px!important}.layered-card p{font-size:.72rem!important;line-height:1.4!important}}@media(min-width:768px)and (max-width:1024px)and (orientation:portrait){.ds-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:24px!important}.ds-column{width:100%!important;max-width:100%!important}.ds-column:last-child{grid-column:span 2!important}}.portrait-only-btn-wrapper{display:none!important}@media(orientation:portrait){.portrait-only-btn-wrapper{display:flex!important;justify-content:center!important;width:100%!important;margin-top:var(--space-lg)!important;margin-bottom:var(--space-md)!important}.desktop-only-btn{display:none!important}}.project-site-footer .container.has-projects-nav{display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%!important;box-sizing:border-box!important}.project-site-footer .container.has-projects-nav .footer-left{flex:1!important;text-align:left!important;display:flex!important;justify-content:flex-start!important;align-items:center!important}.project-site-footer .container.has-projects-nav .footer-center{flex:0 0 auto!important;text-align:center!important;display:flex!important;justify-content:center!important;align-items:center!important}.project-site-footer .container.has-projects-nav .footer-right{flex:1!important;text-align:right!important;display:flex!important;justify-content:flex-end!important;align-items:center!important}.project-site-footer .footer-link-prev,.project-site-footer .footer-link-next{font-size:.82rem!important;font-weight:500!important;color:#0a1128!important;text-decoration:none!important;letter-spacing:.05em!important;text-transform:uppercase!important;line-height:1!important;display:inline-flex!important;align-items:center!important;transform:translateY(1.5px)!important;transition:opacity .2s ease!important}.project-site-footer .footer-link-prev:hover,.project-site-footer .footer-link-next:hover{opacity:.7!important}.project-site-footer .footer-copyright{font-size:.75rem!important;color:#0a1128!important;letter-spacing:.05em!important}@media(max-width:768px){.project-site-footer .container.has-projects-nav{display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:auto auto!important;gap:16px!important;align-items:center!important}.project-site-footer .container.has-projects-nav .footer-left{grid-column:1!important;grid-row:1!important;justify-content:flex-start!important}.project-site-footer .container.has-projects-nav .footer-right{grid-column:2!important;grid-row:1!important;justify-content:flex-end!important}.project-site-footer .container.has-projects-nav .footer-center{grid-column:1 / span 2!important;grid-row:2!important;justify-content:center!important;margin-top:8px!important}}:root{--bg-canvas: #eff2ff;--bg-card: #FFFFFF;--text-main: #0A1128;--text-sub: #3B486B;--color-highlighter: #FFD200;--color-blue: #2A65D4;--color-tangerine: #FD7903;--accent: var(--color-blue);--accent-text: var(--color-blue);--accent-contrast: #FFFFFF;--accent-glow: rgba(42, 101, 212, .12);--font-display: "Clash Display", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-fast: .2s cubic-bezier(.25, .46, .45, .94);--transition-normal: .4s cubic-bezier(.16, 1, .3, 1);--transition-slow: .8s cubic-bezier(.16, 1, .3, 1);--space-xs: 8px;--space-sm: 16px;--space-md: 24px;--space-lg: 48px;--space-xl: 80px;--radius-pill: 50px;--section-padding: clamp(72px, 8vw, 128px);--component-gap: clamp(32px, 4.5vw, 64px);--card-padding: clamp(20px, 2.5vw, 32px);--button-padding-y: clamp(10px, 1vw, 12px);--button-padding-x: clamp(16px, 1.8vw, 20px);--container-max-width: 1248px;--font-size-display: clamp(2.75rem, 5vw, 4.5rem);--font-size-h1: clamp(2.125rem, 4.2vw, 3.5rem);--font-size-h2: clamp(1.75rem, 3vw, 2.5rem);--font-size-h3: clamp(1.375rem, 2.2vw, 2rem);--font-size-h4: clamp(1.125rem, 1.5vw, 1.5rem);--font-size-body-lg: clamp(1.125rem, 1.3vw, 1.25rem);--font-size-body: 1rem;--font-size-caption: .875rem}body.theme-highlighter{--accent: var(--color-highlighter);--accent-contrast: #0A1128;--accent-glow: rgba(255, 210, 0, .2);--accent-text: #8F6B00}body.theme-blue{--accent: var(--color-blue);--accent-contrast: #FFFFFF;--accent-glow: rgba(42, 101, 212, .12);--accent-text: var(--color-blue)}body.theme-tangerine{--accent: var(--color-tangerine);--accent-contrast: var(--text-main);--accent-glow: rgba(253, 121, 3, .15);--accent-text: #C23E00}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden!important;width:100%!important;max-width:100%!important;scroll-padding-top:80px}body{background-color:var(--bg-canvas);color:var(--text-main);font-family:var(--font-body);font-size:16px;line-height:1.6;transition:background-color var(--transition-slow);-webkit-font-smoothing:antialiased;overflow-x:hidden!important;width:100%!important;max-width:100%!important}.pattern-bg{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to right,rgba(10,17,40,.045) 1px,transparent 1px),linear-gradient(to bottom,rgba(10,17,40,.045) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:-1;transition:background-image var(--transition-slow)}body.dark-theme{background-color:#0a1128!important;color:#faf6ee!important}body.dark-theme .pattern-bg{background-image:linear-gradient(to right,rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.06) 1px,transparent 1px)!important}h1,.clash-h1{font-family:var(--font-display)!important;font-weight:500!important;font-size:clamp(2.5rem,6vw,4.8rem)!important;line-height:1.05!important;text-transform:uppercase!important;letter-spacing:-.02em!important;margin-bottom:var(--space-sm);color:var(--text-main)}h2,.clash-h2{font-family:var(--font-display)!important;font-weight:500!important;font-size:clamp(1.8rem,3.5vw,2.5rem)!important;line-height:1.1!important;text-transform:none!important;letter-spacing:-.01em!important;margin-bottom:var(--space-md);color:var(--text-main);display:inline-block}h3,.clash-h3{font-family:var(--font-display)!important;font-weight:500!important;font-size:clamp(1.15rem,2vw,1.35rem)!important;line-height:1.2!important;text-transform:none!important;letter-spacing:-.005em!important;margin-bottom:var(--space-xs);color:var(--text-main)}h4,h5,h6,.clash-h4{font-family:var(--font-display)!important;font-weight:500!important;font-size:.85rem!important;line-height:1.2!important;text-transform:uppercase!important;letter-spacing:.05em!important;margin-bottom:var(--space-xs);color:var(--text-main)}p{margin-bottom:var(--space-sm);color:var(--text-sub);font-weight:500;font-size:.98rem}.text-lead{font-size:var(--font-size-body-lg);font-weight:550;line-height:1.5;color:var(--text-sub)}a{color:inherit;text-decoration:none;font-weight:700;transition:all var(--transition-fast)}.text-highlight{position:relative;display:inline-block;z-index:1;padding:0 6px}.text-highlight:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:46%;background-color:var(--color-highlighter);z-index:-1;clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 100%,0 100%)}.label-pill{font-family:var(--font-display);font-size:.8rem;font-weight:700;text-transform:uppercase;color:var(--text-main);background-color:var(--bg-card);padding:6px 14px;border-radius:6px;display:inline-flex;align-items:center;gap:6px}.container{width:100%;max-width:var(--container-max-width, 1248px);margin:0 auto;padding-left:var(--space-md);padding-right:var(--space-md)}.grid-pop{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-md)}.pop-card{background-color:var(--bg-card);padding:var(--card-padding, var(--space-md));transition:background-color var(--transition-normal)}@media(hover:hover){.pop-card:hover{background-color:#f0f6f4f2}}:root{--bento-radius: 16px;--bento-gap: 20px;--bento-border: 1px solid rgba(10, 17, 40, .05)}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--bento-gap);width:100%}.bento-card{background-color:var(--bg-card);border-radius:var(--bento-radius);border:var(--bento-border);padding:var(--card-padding, var(--space-md));position:relative;z-index:1;overflow:hidden;transition:color var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal)}.bento-circle{border-radius:50%!important;aspect-ratio:1 / 1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.col-1{grid-column:span 1}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-9{grid-column:span 9}.col-10{grid-column:span 10}.col-11{grid-column:span 11}.col-12{grid-column:span 12}@media(max-width:992px){.bento-grid{grid-template-columns:repeat(6,1fr)}.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-5{grid-column:span 6}}@media(max-width:768px){.bento-grid{display:flex;flex-direction:column;gap:var(--bento-gap)}}.jigsaw-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;height:340px;width:100%;max-width:340px;position:relative}.jigsaw-item{background-color:var(--bg-card);overflow:hidden;position:relative;transition:transform var(--transition-normal)}.jigsaw-item img{width:100%;height:100%;object-fit:cover}.jigsaw-item:nth-child(1){border-radius:20px;height:95%}.jigsaw-item:nth-child(2){border-radius:50%;height:85%;margin-top:15%}.jigsaw-item:nth-child(3){border-radius:20px;height:90%;margin-top:5%}@media(hover:hover){.jigsaw-item:hover{transform:scale(1.06) rotate(1deg)}}.scribble-container{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;pointer-events:none}.scribble-path{stroke:var(--accent-text);stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1000;stroke-dashoffset:1000;transition:stroke var(--transition-slow)}.btn-pop{display:inline-flex;align-items:center;justify-content:center;padding:var(--button-padding-y) var(--button-padding-x);font-family:var(--font-display);font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border:none;border-radius:var(--radius-pill);background-color:var(--bg-card);color:var(--text-main);cursor:pointer;transition:background-color var(--transition-normal),color var(--transition-normal),transform var(--transition-fast),box-shadow var(--transition-normal);position:relative;gap:8px;text-decoration:none}.btn-pop-primary{background-color:var(--accent);color:var(--accent-contrast);transition:background-color var(--transition-slow),color var(--transition-slow),transform var(--transition-fast),box-shadow var(--transition-normal)}@media(hover:hover){.btn-pop:hover{transform:translateY(-2px) scale(1.03)}.btn-pop-primary:hover{background-color:var(--text-main);color:var(--bg-canvas);box-shadow:0 14px 35px var(--accent-glow)!important}.btn-pop-secondary:hover{background-color:var(--accent);color:var(--accent-contrast)}}.pill-tag{display:inline-flex;align-items:center;padding:6px 16px;background-color:var(--bg-card);border-radius:var(--radius-pill);color:var(--text-main);font-size:.8rem;font-weight:700;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.pill-tag.active{background-color:var(--accent);color:var(--accent-contrast)}@media(hover:hover){.pill-tag:hover{background-color:var(--accent);color:var(--accent-contrast)}}.pulse-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background-color:var(--bg-card);border-radius:6px;font-family:var(--font-display);font-weight:700;font-size:.8rem}.pulse-circle{width:10px;height:10px;background-color:var(--color-tangerine);border-radius:50%;position:relative}.pulse-circle:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:inherit;animation:badge-pulse 1.8s infinite ease-out}@keyframes badge-pulse{0%{transform:scale(1);opacity:1}to{transform:scale(2.6);opacity:0}}#projects{position:relative;z-index:2;margin-bottom:var(--space-xl);background-color:#0a1128!important;background-image:none!important;color:#faf6ee!important;padding-top:var(--space-lg);padding-bottom:var(--space-lg);border-radius:var(--radius-lg)}#projects .showcase-header .mono,#projects .showcase-header h2,#projects .showcase-header h2 span{color:#faf6ee!important}.horizontal-scroll-container{width:100%;overflow:hidden;position:relative;z-index:1}.horizontal-scroll-wrapper{display:flex;flex-wrap:nowrap;width:350vw;height:92vh;min-height:640px;align-items:center}.horizontal-scroll-panel{width:70vw;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--space-sm) var(--space-md);flex-shrink:0;position:relative;box-sizing:border-box}.horizontal-scroll-panel:first-child{width:100vw!important;min-width:100vw!important;max-width:100vw!important}.horizontal-project-card{color:#0a1128;padding:28px;width:90%;max-width:744px;display:flex;flex-direction:column;gap:18px;border-radius:32px;box-shadow:0 24px 50px #00000047;transition:transform var(--transition-normal),box-shadow var(--transition-normal);box-sizing:border-box}.horizontal-project-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 28px 55px #00000059}.project-card-image-wrap{width:100%;height:372px;max-height:372px;border-radius:20px;overflow:hidden;position:relative;flex-shrink:0;background-color:#0b0b0f}.project-card-image-wrap img{width:100%;height:100%;object-fit:cover;object-position:center top}.project-card-body{display:flex;flex-direction:column;gap:10px}.badge-category-pill{align-self:flex-start;font-size:.75rem;font-weight:800;letter-spacing:.05em;padding:6px 14px;border-radius:6px;text-transform:uppercase;margin-bottom:2px}.project-card-title-mockup{font-family:var(--font-display);font-size:clamp(2rem,3.5vw,2.6rem);font-weight:800;color:#0a1128;letter-spacing:-.01em;word-spacing:.25em;text-transform:uppercase;margin:0;line-height:1.1}.project-card-desc-mockup{font-size:.96rem;line-height:1.5;color:#334155;margin:4px 0 12px}.project-card-footer-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:clamp(4px,1.2vw,12px);margin-top:4px;width:100%}.tag-group-mockup{display:flex;gap:clamp(4px,1vw,8px);flex-wrap:nowrap;overflow:hidden}.tag-pill-custom{font-size:clamp(.58rem,1vw,.74rem);font-weight:700;padding:clamp(4px,.8vw,6px) clamp(8px,1.2vw,16px);border-radius:20px;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.case-study-link-custom{font-family:var(--font-display);font-size:clamp(.68rem,1.2vw,.9rem);font-weight:700;text-decoration:none;letter-spacing:.04em;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;flex-shrink:0;transition:transform .2s ease,opacity .2s ease}.case-study-link-custom:hover{opacity:.85;transform:translate(4px)}.project-card-emberquit{background-color:#d3deeb;border:1px solid rgba(37,99,235,.25)}.project-card-emberquit .badge-category-pill{background-color:#2563eb;color:#fff}.project-card-emberquit .project-card-title-mockup{color:#0b192c}.project-card-emberquit .tag-pill-custom{background-color:#2563eb24;color:#2563eb;border:1px solid rgba(37,99,235,.25)}.project-card-emberquit .case-study-link-custom{color:#0b192c}.project-card-restease{background-color:#eff2ea;border:1px solid rgba(30,58,30,.2)}.project-card-restease .badge-category-pill{background-color:#f95700;color:#fff}.project-card-restease .project-card-title-mockup{color:#1c3520}.project-card-restease .project-card-desc-mockup{color:#3f4e3f}.project-card-restease .tag-pill-custom{background-color:#f957001f;color:#f95700;border:1px solid rgba(249,87,0,.25)}.project-card-restease .case-study-link-custom{color:#f95700}.project-card-f1{background-color:#e5dfdf;border:1px solid rgba(225,6,0,.3)}.project-card-f1 .badge-category-pill{background-color:#e10600;color:#fff}.project-card-f1 .tag-pill-custom{background-color:#e106001f;color:#dc2626;border:1px solid rgba(225,6,0,.25)}.project-card-f1 .case-study-link-custom{color:#e10600}.project-card-honee{background-color:#f5ecd7;border:1px solid rgba(217,119,6,.3)}.project-card-honee .badge-category-pill{background-color:#d97706;color:#fff}.project-card-honee .tag-pill-custom{background-color:#d9770624;color:#b45309;border:1px solid rgba(217,119,6,.25)}.project-card-honee .case-study-link-custom{color:#b45309}.horizontal-project-card:hover{transform:translateY(-6px) scale(1.015);box-shadow:0 28px 60px #00000073}.horizontal-project-media{width:100%;height:380px;border-radius:18px;overflow:hidden;position:relative;flex-shrink:0}.project-thumb-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;border-radius:18px;background-color:#0f0f14;background-image:linear-gradient(to right,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.03) 1px,transparent 1px);background-size:24px 24px}.project-logo-text{font-family:var(--font-display);font-size:clamp(2.5rem,4.5vw,3.2rem);font-weight:800;letter-spacing:-.01em;text-transform:uppercase;z-index:2}.text-f1{color:#e10600;text-shadow:0 0 20px rgba(225,6,0,.7)}.text-emberquit{color:#2a65d4;text-shadow:0 0 20px rgba(42,101,212,.7)}.text-restease{color:#fd7903;text-shadow:0 0 20px rgba(253,121,3,.7)}.text-honee{color:#d99f0d;text-shadow:0 0 20px rgba(217,159,13,.7)}.horizontal-project-info{display:flex;flex-direction:column;gap:12px;padding:4px 6px}.project-title{font-family:var(--font-display);font-size:2.2rem;font-weight:800;letter-spacing:-.01em;margin-top:6px;margin-bottom:6px;color:#0a1128}.project-desc{font-family:var(--font-body);font-size:1.05rem;color:#4a5568;line-height:1.55;margin:0}.badge-f1{background-color:#e10600!important;color:#fff!important;border-radius:6px!important;font-weight:700!important;font-size:.75rem!important;padding:4px 10px!important}.badge-emberquit{background-color:#2a65d4!important;color:#fff!important;border-radius:6px!important;font-weight:700!important;font-size:.75rem!important;padding:4px 10px!important}.badge-restease{background-color:#fd7903!important;color:#fff!important;border-radius:6px!important;font-weight:700!important;font-size:.75rem!important;padding:4px 10px!important}.badge-honee{background-color:#d99f0d!important;color:#0a1128!important;border-radius:6px!important;font-weight:700!important;font-size:.75rem!important;padding:4px 10px!important}.horizontal-project-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:12px;flex-wrap:wrap}.horizontal-project-tags{display:flex;gap:8px;flex-wrap:wrap}.tag-f1{background-color:#e106001a!important;color:#e10600!important;border-radius:50px!important;font-size:.7rem!important;font-weight:700!important;padding:5px 12px!important;border:none!important}.tag-emberquit{background-color:#2a65d41a!important;color:#2a65d4!important;border-radius:50px!important;font-size:.7rem!important;font-weight:700!important;padding:5px 12px!important;border:none!important}.tag-restease{background-color:#fd79031a!important;color:#fd7903!important;border-radius:50px!important;font-size:.7rem!important;font-weight:700!important;padding:5px 12px!important;border:none!important}.tag-honee{background-color:#d99f0d1f!important;color:#b88200!important;border-radius:50px!important;font-size:.7rem!important;font-weight:700!important;padding:5px 12px!important;border:none!important}.link-f1{color:#e10600!important;font-weight:700!important;font-size:.82rem!important}.link-emberquit{color:#2a65d4!important;font-weight:700!important;font-size:.82rem!important}.link-restease{color:#fd7903!important;font-weight:700!important;font-size:.82rem!important}.link-honee{color:#b88200!important;font-weight:700!important;font-size:.82rem!important}@media(max-width:768px){.horizontal-scroll-wrapper{width:100%!important;height:auto!important;flex-direction:column!important;transform:none!important}.horizontal-scroll-panel{width:100%!important;height:auto!important;padding:var(--space-md) 0!important}.horizontal-project-card{width:calc(100% - 32px)!important;max-width:calc(100% - 32px)!important;margin:0 auto!important;padding:var(--space-md)!important}.project-card-image-wrap{height:220px!important}.horizontal-progress-tracker{display:none!important}}.card-emberquit{background-color:#cfd8e4!important;color:#0e1629!important;border:1px solid rgba(14,22,41,.08)!important;box-shadow:0 12px 36px #0e162914}.card-emberquit h3,.card-emberquit p,.card-emberquit .horizontal-project-tag{color:#0e1629!important}.card-emberquit p{color:#586174!important}.card-emberquit .label-pill{background-color:#1e63f3!important;color:#fff!important}.card-emberquit .horizontal-project-tag{background-color:#1e63f314!important;border:1px solid rgba(30,99,243,.15)!important;color:#1e63f3!important}.card-emberquit .case-study-link{color:#1e63f3!important}@media(hover:hover){.card-emberquit:hover .case-study-link{color:#0e1629!important}}.card-emberquit .project-logo-text{color:#fff!important;text-shadow:0 4px 12px rgba(0,26,230,.5)}.card-restease{background-color:#f4f6f3!important;color:#24361e!important;border:1px solid rgba(36,54,30,.1)!important;box-shadow:0 12px 36px #24361e0d}.card-restease h3,.card-restease p,.card-restease .horizontal-project-tag{color:#24361e!important}.card-restease p{color:#4b5e43!important}.card-restease .label-pill{background-color:#ff4f00!important;color:#fff!important}.card-restease .horizontal-project-tag{background-color:#ff4f0014!important;border:1px solid rgba(255,79,0,.15)!important;color:#ff4f00!important}.card-restease .case-study-link{color:#ff4f00!important}@media(hover:hover){.card-restease:hover .case-study-link{color:#24361e!important}}.card-restease .project-logo-text{color:#fff;text-shadow:0 4px 12px rgba(255,79,0,.3)}.card-f1{background-color:#f4f4f5!important;color:#09090b!important;border:1px solid rgba(9,9,11,.08)!important;box-shadow:0 12px 36px #09090b0a}.card-f1 h3,.card-f1 p,.card-f1 .horizontal-project-tag{color:#09090b!important}.card-f1 p{color:#52525b!important}.card-f1 .label-pill{background-color:#e10600!important;color:#fff!important}.card-f1 .horizontal-project-tag{background-color:#e1060014!important;border:1px solid rgba(225,6,0,.15)!important;color:#e10600!important}.card-f1 .case-study-link{color:#e10600!important}@media(hover:hover){.card-f1:hover .case-study-link{color:#09090b!important}}.card-f1 .project-logo-text{color:#e10600;text-shadow:0 4px 16px rgba(225,6,0,.4)}.card-honee{background-color:#fff3e3!important;color:#5c3a2a!important;border:1px solid rgba(92,58,42,.08)!important;box-shadow:0 12px 36px #5c3a2a0f}.card-honee h3,.card-honee p,.card-honee .horizontal-project-tag{color:#5c3a2a!important}.card-honee p{color:#5c3a2abf!important}.card-honee .label-pill{background-color:#d99f0d!important;color:#fff!important}.card-honee .horizontal-project-tag{background-color:#5c3a2a0f!important;border:1px solid rgba(92,58,42,.12)!important;color:#5c3a2a!important}.card-honee .case-study-link{color:#5c3a2a!important}@media(hover:hover){.card-honee:hover .case-study-link{color:#d99f0d!important}}.card-honee .project-logo-text{color:#5c3a2a;text-shadow:0 4px 12px rgba(217,159,13,.2)}@media(max-width:768px){.horizontal-scroll-wrapper{display:flex;flex-wrap:nowrap;width:350vw;height:90vh}.horizontal-scroll-panel{width:70vw;height:auto;padding:var(--space-md) 0}.horizontal-project-card{grid-template-columns:1fr;width:calc(100% - 32px)!important;max-width:calc(100% - 32px)!important;margin:0 auto!important;padding:var(--space-md)!important}.phone-mockup{width:120px!important;height:240px!important;border-width:5px!important;border-radius:18px!important}.phone-screen{border-radius:13px!important}.double-phone-wrapper{gap:8px!important;padding:5px!important}.double-phone-wrapper .phone-mockup{width:85px!important;height:170px!important;border-width:4px!important;border-radius:14px!important}.double-phone-wrapper .phone-screen{border-radius:10px!important}.desktop-mockup{width:95%!important;height:90%!important;border-width:5px!important}.desktop-header{height:16px!important}.desktop-dots{gap:3px!important;margin-right:8px!important}.desktop-dots span{width:5px!important;height:5px!important}.desktop-url{font-size:.45rem!important;padding:1px 12px!important}.horizontal-progress-tracker{display:none!important}.featured-scroll-arrow{transform:rotate(90deg)!important}.project-indicator-bar-wrapper{margin:0!important;width:100%!important;max-width:100%!important}#current-project-desc{text-align:center!important;max-width:100%!important}}@media(max-width:1280px)and (min-width:769px){.horizontal-project-card{padding:var(--space-lg);gap:var(--space-lg);grid-template-columns:1fr 1fr}}.cursor-playful{width:20px;height:20px;background-color:var(--accent);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);position:fixed;transform:translate(-50%,-50%);pointer-events:none;z-index:9999;opacity:0;transition:width var(--transition-fast),height var(--transition-fast),background-color var(--transition-slow),opacity .3s ease}.cursor-trail{width:8px;height:8px;background-color:var(--text-main);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);position:fixed;transform:translate(-50%,-50%);pointer-events:none;z-index:9998;opacity:0;transition:transform .1s ease-out,opacity .3s ease}.cursor-playful.hovering{width:42px;height:42px;background-color:var(--color-highlighter);opacity:.65}.spinning-star{display:inline-block;cursor:default;color:var(--accent);transition:color var(--transition-slow)}@media(hover:hover){.spinning-star:hover,.bento-card:hover .spinning-star{animation:spin-slow 2.5s linear infinite}}.logo svg #Frame_1,.logo svg #Frame_8{animation-play-state:paused!important}.logo:hover svg #Frame_1,.logo:hover svg #Frame_8{animation-play-state:running!important}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.theme-picker-container{display:inline-flex;background-color:var(--bg-canvas);padding:4px;gap:4px;border-radius:var(--radius-pill);border:1px solid rgba(10,17,40,.08)}.theme-picker-dot{width:26px;height:26px;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);cursor:pointer;transition:all var(--transition-fast)}.theme-picker-dot.active{transform:scale(1.12) rotate(45deg)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-canvas)}::-webkit-scrollbar-thumb{background:var(--text-sub);border-radius:var(--radius-pill)}@media(hover:hover){::-webkit-scrollbar-thumb:hover{background:var(--accent)}}.project-thumb-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:var(--card-padding, var(--space-md));box-sizing:border-box;text-align:center;overflow:hidden;transition:transform var(--transition-normal)}@media(hover:hover){.horizontal-project-card:hover .project-thumb-container{transform:scale(1.04)}}.project-thumb-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:30px 30px;background-image:linear-gradient(to right,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.05) 1px,transparent 1px);opacity:.8;z-index:1}.thumb-emberquit{background:linear-gradient(135deg,#001ae6,#1d61fc);color:#fff}.thumb-restease{background:linear-gradient(135deg,#0a081e,#030213);color:#fff}.thumb-restease .project-thumb-bg{background-image:linear-gradient(to right,rgba(255,79,0,.08) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,79,0,.08) 1px,transparent 1px)}.thumb-f1{background:linear-gradient(135deg,#09090b,#1c1c1f);color:#e10600}.thumb-f1 .project-thumb-bg{background-image:linear-gradient(to right,rgba(225,6,0,.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(225,6,0,.06) 1px,transparent 1px)}.thumb-honee{background:linear-gradient(135deg,#fff3e3,#f6c453);color:#5c3a2a}.thumb-honee .project-thumb-bg{background-image:linear-gradient(to right,rgba(92,58,42,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(92,58,42,.05) 1px,transparent 1px)}.thumb-title{font-family:var(--font-display);font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:700;z-index:2;margin-bottom:var(--space-sm);letter-spacing:-.01em;text-transform:uppercase;line-height:1.15}.thumb-title.serif-title{font-family:TAN Grandeur,Cormorant Garamond,serif;text-transform:none;font-weight:400}.thumb-tags{display:flex;gap:8px;z-index:2;flex-wrap:wrap;justify-content:center}.thumb-tag{font-size:.65rem;font-weight:700;text-transform:uppercase;padding:6px 14px;border-radius:6px;background-color:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#fff;letter-spacing:.06em}.thumb-honee .thumb-tag{background-color:#5c3a2a0f;border:1px solid rgba(92,58,42,.12);color:#5c3a2a}.thumb-f1 .thumb-tag{background-color:#e1060014;border:1px solid rgba(225,6,0,.16);color:#fff}.thumb-restease .thumb-tag{background-color:#818cf81f;border:1px solid rgba(129,140,248,.2);color:#818cf8}.circular-text-badge{transform-origin:center;will-change:transform}.horizontal-progress-tracker{position:absolute;top:36px;left:var(--space-md);right:var(--space-md);display:flex;justify-content:space-between;align-items:center;z-index:10;pointer-events:none;font-family:var(--font-display);padding:0 var(--space-sm)}.project-indicator-text{color:var(--bg-canvas);font-size:1.15rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.project-indicator-text span{color:var(--accent);transition:color var(--transition-slow)}.project-indicator-bar-wrapper{flex-grow:1;max-width:280px;height:3px;background-color:#ffffff29;margin:0 var(--space-md);position:relative;border-radius:4px;overflow:hidden}#project-progress-bar{position:absolute;top:0;left:0;height:100%;width:0%;background-color:var(--accent);transition:background-color var(--transition-slow)}#current-project-desc{color:#faf6eecc;font-size:.8rem;font-weight:700;text-align:right;max-width:380px;font-family:var(--font-body);letter-spacing:.04em;text-transform:uppercase}.bento-grid{perspective:1000px}.bento-card{transform-style:preserve-3d;will-change:transform}.phone-mockup{position:relative;width:155px;height:310px;background-color:#000;border:8px solid var(--text-main);border-radius:26px;box-shadow:0 16px 36px #0a112838;margin:auto;z-index:2;display:flex;flex-direction:column;overflow:hidden;transition:transform var(--transition-normal)}.phone-screen{width:100%;height:100%;border-radius:18px;overflow:hidden;background-color:#000;position:relative}.phone-screen video,.phone-screen img{width:100%;height:100%;object-fit:cover;display:block}.phone-speaker{position:absolute;top:6px;left:50%;transform:translate(-50%);width:42px;height:5px;background-color:var(--text-main);border-radius:3px;z-index:10}.phone-home-button{position:absolute;bottom:5px;left:50%;transform:translate(-50%);width:35px;height:4px;background-color:#ffffff73;border-radius:2px;z-index:10}.double-phone-wrapper{display:flex;justify-content:center;align-items:center;gap:22px;width:100%;height:100%;padding:10px;box-sizing:border-box;z-index:2;position:relative}.double-phone-wrapper .phone-mockup{width:132px;height:264px;border-width:6px;border-radius:22px;margin:0}.double-phone-wrapper .phone-1{transform:translateY(-12px) rotate(-3.5deg)}.double-phone-wrapper .phone-2{transform:translateY(12px) rotate(3.5deg)}@media(hover:hover){.horizontal-project-card:hover .double-phone-wrapper .phone-1{transform:translateY(-16px) rotate(-6deg) scale(1.03)}.horizontal-project-card:hover .double-phone-wrapper .phone-2{transform:translateY(16px) rotate(6deg) scale(1.03)}}.desktop-mockup{width:90%;height:84%;background-color:#121212;border:7px solid var(--text-main);border-radius:10px;box-shadow:0 20px 42px #0a112840;margin:auto;display:flex;flex-direction:column;overflow:hidden;z-index:2;position:relative;transition:transform var(--transition-normal)}.desktop-header{height:22px;background-color:#1a1a1a;display:flex;align-items:center;padding:0 10px;border-bottom:1px solid rgba(255,255,255,.05)}.desktop-dots{display:flex;gap:5px;margin-right:14px}.desktop-dots span{width:7px;height:7px;border-radius:50%;display:inline-block}.dot-red{background-color:#ff5f56}.dot-yellow{background-color:#ffbd2e}.dot-green{background-color:#27c93f}.desktop-url{font-family:var(--font-body);font-size:.55rem;color:#ffffff73;background-color:#ffffff0a;padding:2px 28px;border-radius:4px;flex-grow:1;max-width:200px;text-align:center;margin:0 auto;letter-spacing:.02em}.desktop-screen{flex-grow:1;background-color:#000;position:relative}.desktop-screen video{width:100%;height:100%;object-fit:cover;display:block}@media(hover:hover){.horizontal-project-card:hover .desktop-mockup{transform:translateY(-6px) scale(1.02)}}.parallax-portal-img-wrapper{transition:transform var(--transition-normal)}@media(hover:hover){.horizontal-project-card:hover .parallax-portal-img-wrapper{transform:scale(1.02)}}.timeline-svg-draw{overflow:visible}#timeline-draw-path{stroke-dasharray:1000;stroke-dashoffset:1000;transition:stroke var(--transition-slow)}header.floating-header{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(0);opacity:1;width:calc(100% - 40px);max-width:800px;height:50px!important;background-color:#fff;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(10,17,40,.08);border-radius:50px;z-index:1010;box-shadow:0 10px 30px #0a11280d;transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .45s ease,background-color var(--transition-slow),border-color var(--transition-slow),box-shadow var(--transition-normal);display:flex!important;align-items:center!important;padding:0!important}header.floating-header.header-hidden{transform:translate(-50%) translateY(-140%)!important;opacity:0!important;pointer-events:none!important}header.floating-header .container{padding:0 24px!important;height:100%!important;display:flex!important;align-items:center!important}.scroll-indicator-arrow{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;border:1px solid rgba(10,17,40,.08);color:var(--text-main);background-color:var(--bg-card);transition:all var(--transition-normal);animation:arrow-float-vertical 2s infinite ease-in-out;cursor:pointer;box-shadow:0 4px 12px #0a112808}@media(hover:hover){.scroll-indicator-arrow:hover{background-color:var(--accent);color:var(--accent-contrast);border-color:var(--accent);transform:translateY(2px) scale(1.03)}.scroll-indicator-arrow.arrow-horizontal:hover{transform:translate(2px) scale(1.03)}}.scroll-indicator-arrow.arrow-horizontal{animation:arrow-float-horizontal 2s infinite ease-in-out}@keyframes arrow-float-vertical{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes arrow-float-horizontal{0%,to{transform:translate(0)}50%{transform:translate(6px)}}.cta-bento-card{background-color:var(--bg-card)}.cta-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:var(--space-lg);align-items:center;text-align:left}.cta-content{max-width:600px}.cta-action{display:flex;justify-content:flex-end;align-items:center}@media(max-width:768px){header.floating-header{top:10px;width:calc(100% - 20px)}header.floating-header .container{padding:8px 16px!important}header.floating-header nav{gap:var(--space-sm)!important}.bento-card{padding:var(--space-sm) var(--space-md)!important}.cta-grid{grid-template-columns:1fr;gap:var(--space-md);text-align:center}.cta-content{max-width:100%}.cta-action{justify-content:center}.custom-entrance-h1{font-size:clamp(1.6rem,7vw,2.2rem)!important;word-break:break-word!important}}@media(max-width:480px){.bento-card{padding:clamp(20px,4vw,28px) clamp(16px,3.5vw,24px)!important;border-radius:16px!important}.btn-pop{width:100%!important;justify-content:center!important;text-align:center!important}.custom-entrance-h1{font-size:clamp(1.35rem,6.5vw,1.85rem)!important;word-break:break-word!important}.horizontal-project-card{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;margin:0 auto!important;padding:16px!important}}.nowrap-desktop{white-space:nowrap}@media(max-width:1024px){.nowrap-desktop{white-space:normal!important}}@media(min-width:1440px){.container{padding-left:96px;padding-right:96px}}@media(max-width:1439px)and (min-width:1280px){.container{padding-left:64px;padding-right:64px}}@media(max-width:1279px)and (min-width:1024px){.container{padding-left:48px;padding-right:48px}}@media(max-width:1023px)and (min-width:768px){.container{padding-left:32px;padding-right:32px}}@media(max-width:767px)and (min-width:480px){.container{padding-left:24px;padding-right:24px}}@media(max-width:479px){.container{padding-left:20px;padding-right:20px}}#hero{position:relative;z-index:1}#projects{position:relative;z-index:2;margin-bottom:var(--space-xl)}.card-emberquit:hover,.card-emberquit:hover .project-thumb-container,.card-emberquit:hover img{transform:none!important;box-shadow:none!important}.project-thumb-container img,.horizontal-project-media img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.project-thumb-container img{image-rendering:-webkit-optimize-contrast;image-rendering:high-quality}.card-restease:hover,.card-restease:hover .project-thumb-container,.card-restease:hover img,.card-f1:hover,.card-f1:hover .project-thumb-container,.card-f1:hover img,.card-honee:hover,.card-honee:hover .project-thumb-container,.card-honee:hover img{transform:none!important;box-shadow:none!important}@media(min-width:1440px){.container{max-width:1280px;margin-left:auto;margin-right:auto}}@media(max-width:1440px)and (min-width:1024px){.horizontal-project-card{width:100%;max-width:540px;box-sizing:border-box}.horizontal-project-card .project-card-image-wrap{height:250px}}@media(max-width:1023px)and (min-width:768px){.horizontal-project-card{width:100%;max-width:500px;padding:var(--space-md);gap:12px}.horizontal-project-card .project-card-image-wrap{height:210px}.project-card-title-mockup{font-size:1.8rem}.project-card-desc-mockup{font-size:.9rem;line-height:1.45;margin:2px 0 6px}}@media(min-width:768px)and (max-height:860px){.horizontal-project-card .project-card-image-wrap{height:260px!important}.horizontal-project-card{padding:20px!important;gap:14px!important}}@media(min-width:768px)and (max-height:740px){.horizontal-project-card .project-card-image-wrap{height:200px!important}.horizontal-project-card{padding:16px!important;gap:10px!important}.project-card-desc-mockup{font-size:.9rem!important;line-height:1.4!important;margin:2px 0 4px!important}.project-card-title-mockup{font-size:1.7rem!important}}@media(min-width:768px)and (max-height:640px){.horizontal-scroll-wrapper{min-height:520px!important}.horizontal-project-card .project-card-image-wrap{height:140px!important}.horizontal-project-card{padding:14px!important;gap:8px!important}.project-card-desc-mockup{font-size:.85rem!important;line-height:1.35!important;margin:1px 0 2px!important}.project-card-title-mockup{font-size:1.5rem!important}}
