@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=block";@import"https://fonts.googleapis.com/css2?family=Ovo&display=block";*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);overflow:hidden;font-weight:300;background:var(--color-surface);color:var(--color-text-primary);transition:background .3s ease,color .3s ease}:root{--font-primary: "Poppins", system-ui, Avenir, Helvetica, Arial, sans-serif;--font-display: "Poppins", sans-serif;--font-mono: "Monaco", "Menlo", "Courier New", monospace;--font-serif-primary: "Ovo", Georgia, "Times New Roman", serif;--font-serif-display: "Ovo", Georgia, serif;--color-surface: #F5F7FC;--color-text-primary: #1a1a1a;--color-text-secondary: #555;--color-text-subtle: #555;--color-border: rgba(11, 18, 40, .14);--color-border-subtle: rgba(119, 119, 119, .1);--color-accent-primary: #0066cc;--color-accent-hover: #0052a3;--color-success: #00875a;--color-warning: #ff8b00;--color-info: #0052cc;--color-surface-raised: rgba(254, 254, 255, .95);--color-surface-overlay: rgba(119, 119, 119, .05);--color-surface-hover: rgba(119, 119, 119, .1);--color-surface-pressed: rgba(119, 119, 119, .15);--color-nav-bg: rgba(240, 240, 240, .95);--color-nav-overlay: #ccc;--space-xs: 8px;--space-sm: 16px;--space-md: 24px;--space-lg: 32px;--space-xl: 48px;--space-xxl: 48px;--space-xxxl: 96px;--space-xxxxl: 128px;--grid-max-width: 1600px;--grid-gutter: 32px;--grid-margin: 48px}body.dark-mode{--color-surface: #1a1a1a;--color-text-primary: #e8e8e8;--color-text-secondary: #b3b3b3;--color-text-subtle: #999;--color-border: rgba(255, 255, 255, .12);--color-border-subtle: rgba(255, 255, 255, .08);--color-accent-primary: #4d9fff;--color-accent-hover: #6bb0ff;--color-surface-raised: rgba(30, 30, 30, .95);--color-surface-overlay: rgba(255, 255, 255, .05);--color-surface-hover: rgba(255, 255, 255, .08);--color-surface-pressed: rgba(255, 255, 255, .12);--color-nav-bg: rgba(20, 20, 20, .95);--color-nav-overlay: #333}.app{height:100vh;width:100vw;position:relative;overflow:hidden;background:var(--color-surface)}.cover-page{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-surface);z-index:2000;overflow:hidden}.animated-sticker{position:absolute;pointer-events:none}.cover-header{position:relative;z-index:1}.cover-header{text-align:center;cursor:pointer;padding:var(--space-xl);border-radius:24px;transition:background .3s ease;background:none;border:none;font-family:inherit;width:auto}.cover-header:hover{background:transparent}.cover-header:focus{outline:2px solid var(--color-accent-primary);outline-offset:4px;background:#ffffff4d}body.dark-mode .cover-header:focus{background:#ffffff14}.cover-header h1{font-family:var(--font-display);font-size:5rem;font-weight:500;margin:0;margin-bottom:var(--space-sm);line-height:1.1;position:relative;display:inline-block;color:#222}body.dark-mode .cover-header h1{color:#fefefe}.cover-header h1 .bowtie{position:absolute;bottom:-15px;left:calc(50% - 48px);transform:translate(-50%);width:60px;height:auto;pointer-events:none;z-index:10}.cover-header span{font-size:1.5rem;color:#676767;font-weight:400;display:block}.cover-tagline{color:#676767;font-weight:400;margin-top:var(--space-lg);padding:0 1.5rem;line-height:1.5;min-height:4.5em;display:block}.cover-tagline-sub{font-size:1.25rem;color:#676767;font-weight:400;margin-top:var(--space-sm);line-height:1.5}@media (max-width: 900px){.cover-header h1 .bowtie{left:calc(50% - 28px)!important;bottom:-23px!important}}@media (max-width: 480px){.cover-header h1 .bowtie{left:calc(50% - 28px)!important;bottom:-23px!important}}@media (max-width: 900px){.cover-page{align-items:center}.cover-header{padding:1rem 8px;width:100%;max-width:100%;margin:0 auto!important;box-sizing:border-box!important;text-align:center!important}.cover-header h1{font-size:2rem!important;text-align:center!important;margin:0 auto var(--space-sm) auto!important;line-height:1.2!important}.cover-header>span{font-size:.9rem}.cover-tagline{line-height:1.4!important;display:block!important;padding:0 .25rem}.cover-tagline span{font-size:inherit}}@media (max-width: 480px){.cover-page{padding:16px!important;box-sizing:border-box!important}.cover-header{padding:.5rem 16px!important;width:calc(100% - 32px)!important;max-width:calc(100% - 32px)!important;margin:0 auto!important;box-sizing:border-box!important;text-align:center!important}.cover-header h1{font-size:1.5rem!important;text-align:center!important;margin:0 auto var(--space-sm) auto!important;line-height:1.2!important;width:100%!important}}.minimal-header{position:fixed;top:0;right:0;z-index:1000;padding:12px 18px;background:#d3f1a6;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:0 0 0 12px;display:flex;align-items:center;gap:18px;border-left:1px solid #676767;border-bottom:1px solid #676767;box-shadow:0 4px 16px #00000008;opacity:.3;transition:transform .15s cubic-bezier(.4,0,.2,1),opacity .15s ease,background .15s ease,border .15s ease,box-shadow .15s ease}.minimal-header.slide-hidden{transform:translate(calc(100% - 64px))}.minimal-header.slide-hidden:hover{transform:translate(0)}.minimal-header:hover{opacity:1;background:#d3f1a6;border-left:1px solid #676767;border-bottom:1px solid #676767;box-shadow:0 4px 16px #0000001a}.header-name{opacity:1;visibility:visible;transition:opacity .3s ease,visibility 0s}.minimal-header.slide-hidden .header-name{opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s .3s}.minimal-header.slide-hidden:hover .header-name{opacity:1;visibility:visible;transition:opacity .3s ease .2s,visibility 0s .2s}.header-name{background:none;border:none;cursor:pointer;padding:0;font-family:inherit;transition:opacity .3s ease}.header-name:hover{opacity:.8}.header-name:focus{outline:2px solid var(--color-accent-primary);outline-offset:2px;border-radius:4px}.header-name h1{font-family:var(--font-display);font-size:.75rem;font-weight:600;margin:0;text-align:right;position:relative;display:inline-block}.header-name h1 a{position:relative;display:inline-block;text-decoration:none;color:inherit}.header-name h1 .bowtie{position:absolute;bottom:-8px;left:calc(50% - 36px);transform:translate(-50%);width:18px;height:auto;pointer-events:none;z-index:10}.header-name span{font-size:.56rem;color:#676767;font-weight:400;display:block;text-align:right}.view-toggle{display:flex;gap:3px;background:var(--color-surface-overlay);border-radius:15px;padding:3px;border:1px solid var(--color-border-subtle)}.font-toggle{display:flex;gap:3px;background:var(--color-surface-overlay);border-radius:15px;padding:3px;border:1px solid var(--color-border-subtle);width:48px;height:40px}.font-toggle .toggle-btn{font-size:1.2rem;padding:0;width:42px;height:34px;display:flex;align-items:center;justify-content:center}.dark-mode-toggle-container{display:flex;gap:3px;background:var(--color-surface-overlay);border-radius:15px;padding:3px;border:1px solid var(--color-border-subtle);width:48px;height:40px}.dark-mode-toggle-container .toggle-btn{font-size:1.2rem;padding:0;width:42px;height:34px;display:flex;align-items:center;justify-content:center;line-height:1}.toggle-btn{background:none;border:none;color:var(--color-text-secondary);padding:6px 12px;border-radius:12px;font-size:.56rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;font-family:inherit}.toggle-btn:focus{outline:2px solid var(--color-accent-primary);outline-offset:2px}.toggle-btn.active{background:var(--color-accent-primary);color:#fff;box-shadow:0 2px 4px #06c3}.toggle-btn:hover:not(.active){background:var(--color-surface-hover)}.left-nav{position:fixed;left:0;opacity:.8;top:0;height:100vh;width:96px;background:var(--color-nav-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;display:flex;flex-direction:column;align-items:center;padding:132px 0 2rem;transition:width .3s ease,background .3s ease;border-right:1px solid var(--color-border-subtle)}.left-nav:after{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-nav-overlay);content:"";opacity:0;pointer-events:none}.left-nav.open{width:300px}.nav-toggle{display:none}.nav-content{display:flex;flex-direction:column;align-items:center;height:100%;width:100%}.introduction-indicator{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;padding:0 8px}.introduction-dot{width:64px;height:64px;border-radius:50%;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;background:#fff;border:1px solid #676767;display:flex;align-items:center;justify-content:center;padding:0;font-family:inherit}.introduction-dot:focus{outline:2px solid var(--color-accent-primary);outline-offset:2px}.introduction-dot.active{border-color:var(--color-accent-primary);transform:scale(1.15);box-shadow:0 0 0 3px #06c3}.introduction-dot:hover:not(.active){transform:scale(1.08);border-color:#676767}.introduction-icon{font-size:1.5rem;filter:grayscale(.3)}.introduction-dot.active .introduction-icon{filter:grayscale(0)}.project-indicators{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;padding:0 8px}.project-dot{width:64px;height:64px;border-radius:16px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#fff;border:2px solid #222;padding:0;font-family:inherit}body.dark-mode .project-dot,body.dark-mode .project-hero-media{border-color:#fff}.project-section{height:calc(100vh - 64px)}.project-content{padding:1rem 2rem 1.5rem}.project-hero-media-thumbnail{height:120px;position:static}.project-dot.active{border-color:var(--color-accent-primary);transform:scale(1.15);box-shadow:0 0 0 3px #06c3}.project-dot:hover:not(.active){transform:scale(1.08);border-color:#676767}.supporting-dot{display:flex;align-items:center;justify-content:center}.supporting-icon{font-size:1.5rem;font-weight:600}.nav-info{margin-top:auto;text-align:center;opacity:0;transition:opacity .3s ease;padding:0 1rem}.left-nav.open .nav-info{opacity:1}.project-counter{color:#7779;font-size:.875rem;margin-bottom:.5rem}.current-project-name{color:#676767;font-size:1rem;font-weight:600;line-height:1.2}.project-viewport{height:100vh;width:100vw;overflow:hidden}.projects-container{display:flex;height:100vh;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;background:var(--color-surface)}.project-viewport-transitions{height:100vh;width:100vw;overflow:hidden;position:relative}.transitions-container{height:100vh;width:100vw;position:relative;background:var(--color-surface)}.transitions-text-layer{position:absolute;top:0;left:96px;right:448px;height:100vh;overflow:hidden;z-index:2;pointer-events:auto}.transitions-text-content{width:100%;height:100%;overflow-y:auto;overflow-x:hidden}.transitions-hero-layer{position:fixed;top:80px;right:24px;width:400px;height:400px;z-index:1;pointer-events:none}.transitions-hero-image{position:absolute;top:0;left:0;width:100%;height:100%}.transitions-hero-only{width:400px;height:400px}.transitions-hero-only .project-hero-media{width:100%;height:100%;border-radius:12px;overflow:hidden;border:2px solid #676767}.transitions-hero-only .project-hero-media img,.transitions-hero-only .project-hero-media video{width:100%;height:100%;object-fit:cover}.transitions-text-content .project-section{min-width:100%;width:100%;height:100vh;padding-left:0}.transitions-text-content .project-content{max-width:100%;padding:80px var(--space-lg) var(--space-xxl)}.transitions-text-content .project-two-column-layout{display:block}.transitions-text-content .project-hero-column{display:none}.transitions-text-content .project-text-column{width:100%;padding-right:0}.project-viewport:after{position:absolute;top:0;right:0;bottom:0;left:0;background:#ddd;content:"";opacity:0;pointer-events:none}.projects-container::-webkit-scrollbar{display:none}.project-section{min-width:100vw;width:calc(100vw - 96px);height:100vh;display:flex;align-items:flex-start;justify-content:center;scroll-snap-align:start;position:relative;overflow-y:auto;padding-left:96px}.project-content{max-width:1192px;padding:80px var(--space-lg) var(--space-xxl);text-align:left}.project-hero-media-thumbnail{width:100%;max-width:100%;height:224px;margin-bottom:var(--space-lg);overflow:hidden;cursor:pointer;border-radius:12px;position:sticky;top:-12px;background:#fff;transition:all .3s ease;border:2px solid #676767;z-index:100}.project-hero-media-thumbnail:hover{transform:translateY(-2px);border-color:#676767}.project-hero-media-thumbnail.non-clickable:hover{transform:none;border-color:#676767}.project-hero-media-thumbnail video,.project-hero-media-thumbnail img{width:100%;height:100%;object-fit:contain;display:block}@media (min-width: 769px){.project-two-column-layout{display:grid;grid-template-columns:1fr 400px;gap:3rem;align-items:start;height:100%}.project-text-column{min-width:0;overflow-y:auto;padding-right:1rem}.project-hero-column{position:sticky;top:80px;height:400px}.project-hero-media{width:400px;height:400px;aspect-ratio:1 / 1;overflow:hidden;cursor:pointer;border-radius:12px;background:#fff;transition:all .3s ease;border:2px solid #676767;position:static}.project-hero-media:hover{transform:translateY(-2px);border-color:#676767;box-shadow:0 8px 24px #0000001a}.project-hero-media.non-clickable{cursor:default}.project-hero-media.non-clickable:hover{transform:none;border-color:#676767;box-shadow:none}.project-hero-media img,.project-hero-media video{width:100%;height:100%;object-fit:cover;display:block}}.hero-container-desktop{display:block}.hero-container-mobile{display:none}@media (max-width: 768px){.hero-container-desktop{display:none}.hero-container-mobile{display:block}.project-two-column-layout{display:flex;flex-direction:column}.project-text-column{width:100%;order:2}.project-hero-column{width:100%;margin-bottom:var(--space-md);order:1}.project-hero-media{width:100%;height:150px;aspect-ratio:16 / 9;overflow:hidden;cursor:pointer;border-radius:12px;background:#fff;transition:all .3s ease;border:2px solid #222;position:static}.project-hero-media:hover{transform:translateY(-2px);border-color:#676767}.project-hero-media.non-clickable:hover{transform:none;border-color:#676767}.project-hero-media img,.project-hero-media video{width:100%;height:100%;object-fit:contain;display:block}}@media (max-width: 480px){.project-hero-media{height:120px}}.project-header{margin-bottom:var(--space-lg)}h2{font-family:var(--font-display);font-size:2rem;font-weight:400;margin-bottom:var(--space-lg);line-height:1.1}.project-meta{color:#676767;font-size:.875rem;font-weight:400;margin-bottom:1rem;line-height:1.4}.project-meta-plain{color:#676767;font-size:.75rem;font-weight:400;margin-top:.5rem;line-height:1.4}.project-description{margin-bottom:2rem}.project-description p{font-size:1.25rem;line-height:1.6;color:#676767}.project-story-inline{margin-bottom:var(--space-lg);padding:8px var(--space-md);background:var(--color-surface-overlay);border-radius:12px;border:1px solid var(--color-border-subtle);cursor:pointer;transition:all .3s ease;font-family:var(--font-primary);font-size:1.1rem;line-height:1.7;text-align:left;position:relative;overflow:hidden;min-height:144px;box-sizing:border-box}.project-story-inline:not(.expanded){height:auto;padding-bottom:8px;position:relative}.project-story-inline.expanded{height:auto;padding-bottom:8px}.project-story-inline:before{content:attr(data-label);display:block;font-size:.65rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-subtle);opacity:.6;margin-bottom:4px;transition:opacity .3s ease,color .3s ease}.project-story-inline:hover{background:var(--color-surface-hover);border-color:var(--color-accent-primary)}.project-story-inline:hover .caret{color:var(--color-accent-primary)}.project-story-inline .caret{display:inline-block;font-size:.65rem;color:var(--color-text-secondary);transition:transform .3s ease,color .3s ease;transform:rotate(0);margin-right:.5rem;vertical-align:middle}.project-story-inline .caret.expanded{transform:rotate(90deg)}.project-story-inline .fade-indicator{position:relative;display:inline}.project-story-inline .fade-indicator:after{content:"";position:absolute;right:0;bottom:0;width:120px;height:1.7em;background:linear-gradient(to right,transparent,var(--color-surface) 70%);pointer-events:none}.project-story-inline>div{display:inline;font-family:var(--font-primary)}.project-story-inline span{white-space:pre-line;display:inline;font-family:var(--font-primary)}.project-story-inline *{font-family:var(--font-primary)}.project-technologies{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:3rem}.tech-tag{background:#d5eb98;color:#222;padding:.4rem .8rem;border-radius:4.8px;font-size:.7rem;font-weight:500;border:1px solid #777}.project-challenges,.project-outcomes{margin-bottom:2rem}.project-challenges h4,.project-outcomes h4{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#555}.project-challenges ul,.project-outcomes ul{list-style:none;padding:0}.project-challenges li,.project-outcomes li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:#676767;line-height:1.4}.project-challenges li:before{content:"⚡";position:absolute;left:0;top:.5rem;color:#676767}.project-outcomes li:before{content:"✨";position:absolute;left:0;top:.5rem;color:#676767}.project-links{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.project-links a{text-decoration:none;padding:var(--space-sm) var(--space-md);border-radius:8px;font-weight:600;font-size:.875rem;border:1px solid transparent;transition:all .3s ease;display:inline-flex;align-items:center;gap:var(--space-xs)}.project-links a[href*=case-studies]{background:var(--color-accent-primary);color:#fff;border-color:var(--color-accent-primary)}.project-links a[href*=case-studies]:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0066cc4d}.project-links a[href*="fortune.com"]{background:var(--color-surface-hover);color:var(--color-text-secondary);border-color:var(--color-border-subtle)}.project-links a[href*="fortune.com"]:hover{background:var(--color-surface-pressed);color:var(--color-text-primary);transform:translateY(-2px);box-shadow:0 2px 8px #7773}.project-links a:not([href*=case-studies]):not([href*="fortune.com"]){background:var(--color-surface-hover);color:var(--color-text-secondary);border-color:var(--color-border-subtle)}.project-links a:not([href*=case-studies]):not([href*="fortune.com"]):hover{background:var(--color-surface-pressed);color:var(--color-text-primary);transform:translateY(-2px);box-shadow:0 2px 8px #7773}.profile-link-ios{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px;height:80px;background:var(--color-surface);border:1px solid #333;border-radius:8px;text-decoration:none;font-size:.75rem;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px #0000000d;gap:6px;padding:8px;text-align:center}.profile-link-ios:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a;border-color:var(--color-accent-primary)}.profile-link-ios .link-icon{font-size:1.5rem;margin-bottom:2px}.profile-link-ios .link-text{font-size:.7rem;font-weight:500;line-height:1.1}.profile-links-container{display:flex;gap:1rem;margin-top:2rem;justify-content:flex-start;flex-wrap:wrap}@media (max-width: 768px){.supporting-projects-slide .supporting-header{padding-top:80px;padding-left:16px;padding-right:16px}.supporting-projects-slide .projects-grid{padding:0 16px 6rem}.minimal-header{padding:.5rem 1rem .5rem 3rem;border-radius:8px 0 0 8px;top:80px;right:0;left:auto;transform:translate(0);touch-action:pan-x;z-index:1001;border-left:1px solid #676767;border-top:1px solid #676767;border-bottom:1px solid #676767}.minimal-header.slide-hidden{transform:translate(calc(100% - 36px))}.minimal-header.slide-hidden:hover{transform:translate(0);opacity:1!important;background:#d3f1a6!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;z-index:1001}.minimal-header:not(.slide-hidden){opacity:1!important;background:#d3f1a6!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;z-index:1001}.minimal-header:not(.slide-hidden):before{content:"";position:absolute;top:0;left:100%;width:40px;height:100%;background:transparent;cursor:pointer;z-index:-1}.header-name{display:none}.left-nav{position:fixed;left:0;top:0;width:100vw;height:auto;flex-direction:row;padding:.75rem 2rem;border-right:none;border-bottom:1px solid rgba(119,119,119,.1);overflow-x:auto;overflow-y:hidden;z-index:1000;background:#fefeffa6;justify-content:center}.left-nav.open{width:100vw;height:auto}.nav-toggle{display:none}.nav-content{flex-direction:row;width:auto;height:auto;align-items:center;justify-content:center;gap:.75rem}.project-indicators{flex-direction:row;gap:.75rem;margin-bottom:0;padding:0}.project-dot{width:48px;height:48px;border-radius:6px;flex-shrink:0}.project-dot.active{transform:scale(1.1)}.project-dot:hover:not(.active){transform:scale(1.05)}.nav-info{display:none}.project-viewport{margin-left:0;padding-top:72px}.project-section{width:100vw;min-width:100vw;padding-left:0;height:calc(100vh - 72px)}.project-content{padding:1.5rem 2rem 2rem;max-width:100%}.project-hero-media-thumbnail{width:100%;max-width:100%;height:224px;margin-bottom:var(--space-lg);overflow:hidden;cursor:pointer;border-radius:12px;position:sticky;top:-12px;background:#fff;transition:all .3s ease;border:2px solid #676767;z-index:100}.project-description p{font-size:1rem}.project-meta{gap:.75rem}.project-links{flex-direction:column}.project-links a{text-align:center}.project-story-inline{font-size:.95rem;padding:6px var(--space-sm);min-height:120px}.project-story-inline:before{font-size:.6rem}.carousel-prev{left:8px}.carousel-next{right:8px}}@media (max-width: 480px){.minimal-header{padding:.5rem .75rem}.left-nav{padding:.5rem 2rem;background:#fefeffa6}.project-indicators{gap:.5rem}.project-dot{width:40px;height:40px}.project-hero-media-thumbnail{height:120px;position:static}.project-header h2{font-size:1.5rem}.project-meta{flex-direction:row;flex-wrap:wrap;gap:.5rem;justify-content:flex-start}.project-year,.project-client,.project-role{text-align:left}.project-story-inline{font-size:.9rem;padding:6px var(--space-sm);min-height:100px}}.supporting-projects-slide{background:var(--color-surface)!important;display:block!important;padding:0!important}.slide-full-layer{scrollbar-width:thin;-ms-overflow-style:auto}.slide-full-layer::-webkit-scrollbar{width:8px}.slide-full-layer::-webkit-scrollbar-thumb{background:#7777774d;border-radius:4px}.slide-full-layer::-webkit-scrollbar-thumb:hover{background:#77777780}.supporting-projects-slide .supporting-header{text-align:center;margin-bottom:var(--space-xs);padding-top:80px}.supporting-projects-slide .supporting-header h2{margin-bottom:var(--space-sm);font-family:var(--font-display);font-size:2rem;font-weight:400;line-height:1.1}.supporting-projects-slide .supporting-header p{font-size:1rem;color:#676767;max-width:600px;margin:0 auto;line-height:1.5}.supporting-projects-slide .projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1192px;background:var(--color-surface);padding:48px 2rem 8rem}.supporting-header{text-align:center;margin-bottom:var(--space-lg)}.supporting-header p{font-size:1rem;max-width:600px;margin:0 auto}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(px,1fr));gap:2rem;max-width:1192px;margin:0 auto}.project-card{background:var(--color-surface);border-radius:16px;border:2px solid var(--color-border);overflow:visible;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-4px);border-color:#676767}.project-card-media{width:100%;aspect-ratio:2 / 1;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:all .3s ease;border-radius:14px 14px 0 0;border-bottom:2px solid #676767}.project-card-media:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#8080801a;z-index:1;pointer-events:none}.project-card-media.non-clickable{cursor:default}.project-card-media video,.project-card-media img{width:100%;height:100%;object-fit:cover}.project-image{width:100%;height:192px;overflow:hidden;background:#7777770d;display:flex;align-items:center;justify-content:center}.project-image img{width:100%;height:100%;object-fit:cover}.project-card-content{padding:1.5rem;text-align:left;display:flex;flex-direction:column;flex:1}.project-card-header{margin-bottom:1rem}.project-card-header h3{font-size:1.25rem;font-weight:600;line-height:1.3;transition:color .3s ease;margin-bottom:.5rem}.project-card-header h3.clickable-title{cursor:pointer}.project-card-header h3.clickable-title:hover{color:var(--color-accent-primary)}.project-short-description{font-size:.95rem;line-height:1.5;margin-bottom:1.5rem}.project-technologies-compact{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tech-tag-small{background:#7777771a;color:#676767;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;border:1px solid rgba(119,119,119,.1);position:relative;cursor:pointer;transition:all .3s ease}.tech-tag-small:hover{background:#77777726;color:#555}.tech-tag-small:after{content:attr(title);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#333333f2;color:#fff;padding:6px 10px;border-radius:6px;font-size:.7rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:2000;box-shadow:0 4px 12px #0003}.tech-tag-small:hover:after{opacity:1}.tech-tag-small:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#333333f2;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:2000}.tech-tag-small:hover:before{opacity:1}.tech-more{background:#7777770d;color:#676767;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;position:relative;cursor:pointer;transition:all .3s ease}.tech-more:hover{background:#7777771a;color:#676767}.tech-more:after{content:attr(title);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#333333f2;color:#fff;padding:8px 12px;border-radius:6px;font-size:.7rem;white-space:pre-line;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:2000;box-shadow:0 4px 12px #0003;max-width:250px;text-align:left}.tech-more:hover:after{opacity:1}.tech-more:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#333333f2;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:2000}.tech-more:hover:before{opacity:1}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.project-tag{padding:.25rem .5rem;border-radius:8px;font-size:.7rem;font-weight:500;letter-spacing:.5px;border:1px solid #777}.project-tag-more{padding:.25rem .5rem;border-radius:8px;font-size:.7rem;font-weight:500;background:#7777770d;color:#676767;border:1px solid rgba(119,119,119,.1);cursor:pointer;transition:all .3s ease;position:relative}.project-tag-more:hover{background:#7777771a;color:#676767;border-color:#7773}.project-tag-more:after{content:attr(title);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#333333f2;color:#fff;padding:8px 12px;border-radius:6px;font-size:.75rem;white-space:pre-line;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:2000;box-shadow:0 4px 12px #0003;max-width:250px;text-align:left}.project-tag-more:hover:after{opacity:1}.project-tag-more:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#333333f2;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1000}.project-tag-more:hover:before{opacity:1}.project-tag[data-tag="Design Systems"]{background:#0066cc1a;color:var(--color-accent-primary);border-color:#06c3}.project-tag[data-tag=AI]{background:#ff8b001a;color:var(--color-warning);border-color:#ff8b0033}.project-tag[data-tag=Innovation]{background:#00875a1a;color:var(--color-success);border-color:#00875a33}.project-tag[data-tag=Infrastructure]{background:#0052cc1a;color:var(--color-info);border-color:#0052cc33}.project-tag[data-tag=Leadership]{background:#6633991a;color:#639;border-color:#6393}.project-tag[data-tag="Press Coverage"]{background:#dc35451a;color:#dc3545;border-color:#dc354533}.project-tag:not([data-tag="Design Systems"]):not([data-tag=AI]):not([data-tag=Innovation]):not([data-tag=Infrastructure]):not([data-tag=Leadership]):not([data-tag="Press Coverage"]){background:var(--color-surface-hover);color:var(--color-text-secondary);border-color:var(--color-border-subtle)}.project-card-links{display:flex;gap:1rem;margin-top:auto;padding-top:8px}.card-link{background:#e92356b3;color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:8px;font-family:var(--font-primary);font-size:.875rem;font-weight:500;border:2px solid #333;transition:all .3s ease;text-align:center;flex:1;cursor:pointer}.card-link:disabled{opacity:.5;cursor:not-allowed}.card-link:hover{background:#e92356d9;border-color:#333;color:#fff;transform:translateY(-2px)}@media (max-width: 768px){.minimal-header{gap:.75rem;padding:.75rem 1rem}.view-toggle{order:-1}.supporting-projects{padding:2rem;height:100vh;margin-top:0;scroll-snap-type:y proximity}.supporting-header{margin-bottom:2rem;scroll-snap-align:start}.project-card{scroll-snap-align:center}.supporting-header h2{font-size:1.75rem}.supporting-header p{font-size:.95rem}.projects-grid{grid-template-columns:1fr;gap:1rem}.project-card-header{flex-direction:column;align-items:flex-start;gap:.5rem}.project-card-links{flex-direction:column}.project-card-media{aspect-ratio:16 / 9}}@media (max-width: 480px){.supporting-projects{padding:2rem 2rem 1.5rem;margin-top:0;height:100vh;scroll-snap-type:y proximity}.supporting-header{margin-bottom:1rem;scroll-snap-align:start}.project-card{scroll-snap-align:center}.supporting-header h2{font-size:1.5rem;margin-bottom:.5rem}.supporting-header p{font-size:.875rem}.projects-grid{grid-template-columns:1fr;gap:.75rem}.project-card-content{padding:1rem}.project-card-header h3{font-size:1.1rem}.project-short-description{font-size:.875rem}}.project-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:3000;padding:var(--space-md)}.project-modal{background:#fefefffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:var(--space-xl);max-width:800px;width:100%;max-height:80vh;overflow-y:auto;overflow-x:hidden;position:relative;box-shadow:0 20px 60px #0000004d;border:1px solid rgba(255,255,255,.2)}.project-modal::-webkit-scrollbar{width:8px}.project-modal::-webkit-scrollbar-track{background:transparent;margin:24px 0}.project-modal::-webkit-scrollbar-thumb{background:#7777774d;border-radius:4px}.project-modal::-webkit-scrollbar-thumb:hover{background:#77777780}.modal-close{position:absolute;top:var(--space-md);right:var(--space-md);background:none;border:none;font-size:1.5rem;color:#676767;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.modal-close:hover{background:#7777771a;color:#333;transform:scale(1.1)}.project-modal h2{margin-bottom:var(--space-lg);padding-right:var(--space-xl)}.modal-story{color:#676767}@media (max-width: 768px){.project-modal{padding:var(--space-lg);max-height:90vh}.project-modal h2{font-size:1.5rem}.modal-story p{font-size:1rem}}.video-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:4000;padding:var(--space-md)}.video-modal{position:relative;max-width:85vw;max-height:90vh;background:#101212;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.1)}.video-modal .modal-close{position:absolute;top:var(--space-md);right:var(--space-md);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50%;font-size:1.25rem;color:#ffffffe6;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.video-modal .modal-close:hover{background:#fff3;color:#fff;transform:scale(1.1)}.carousel-nav{position:fixed;top:50%;margin-top:-24px;background:#fff;border:none;outline:none!important;width:48px;height:48px;border-radius:50%;font-size:1.5rem;line-height:1;color:#000;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease,transform .3s ease;z-index:4001;box-shadow:0 4px 16px #0000004d;padding:0;flex-shrink:0}.carousel-nav:hover{background:#f0f0f0;transform:scale(1.1)}.carousel-nav:focus{outline:none!important;box-shadow:0 4px 16px #0000004d}.carousel-nav:active{outline:none!important}.carousel-prev{left:calc(5% - 16px)}.carousel-next{right:calc(5% - 16px)}.carousel-indicator{position:fixed;bottom:var(--space-md);left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:var(--space-xs) var(--space-md);border-radius:20px;font-size:.875rem;font-weight:500;z-index:4001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);max-width:600px}.media-description{color:#eee;font-size:.875rem;line-height:1.5;text-align:center;padding:0 var(--space-xs)}.media-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.modal-video{width:100%;height:auto;max-height:90vh;display:block}@media (max-width: 768px){.video-modal{max-width:95vw;max-height:95vh}.modal-video{max-height:95vh}.carousel-nav{width:48px;height:48px;font-size:1.5rem}.carousel-prev{left:5%}.carousel-next{right:5%}.carousel-indicator{bottom:var(--space-sm);font-size:.75rem;padding:var(--space-xs) var(--space-sm);max-width:90vw}.media-description{font-size:.75rem}}@media (prefers-color-scheme: dark){.minimal-header{background:#0000004d}.left-nav{background:#000000e6}@media (max-width: 768px){.left-nav{background:#fefeffa6!important}}@media (max-width: 480px){.left-nav{background:#fefeffa6!important}}}.markdown-content{display:inline}.markdown-content p{display:inline;margin:0;white-space:normal}.markdown-content p:last-child{margin-bottom:0}.project-story-inline .markdown-content p{display:inline;margin:0}.project-story-inline .markdown-content p:last-child{padding-bottom:0}.project-story-inline .markdown-content strong{font-weight:600}.project-story-inline .markdown-content em{font-style:italic}.project-story-inline .markdown-content code{font-family:var(--font-mono);font-size:.9em;background:#7777771a;padding:.2em .4em;border-radius:3px}.animated-content{display:block}.animated-content>div{display:block;margin-bottom:1em}.animated-content>div:last-child{margin-bottom:0}.animated-content .markdown-content{display:block}.animated-content .markdown-content p{display:block;margin:0}.markdown-content strong{font-weight:600;color:inherit}.markdown-content a{color:var(--color-accent-primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.markdown-content a:visited{color:var(--color-accent-primary)}body.dark-mode .markdown-content a:visited{color:#b19cd9}.markdown-content a:hover{border-bottom-color:var(--color-accent-primary)}.markdown-content code{font-family:var(--font-mono);font-size:.9em;background:#7777771a;padding:.2em .4em;border-radius:3px;color:var(--color-accent-primary)}.modal-story.markdown-content{display:block}.modal-story.markdown-content p{display:block;margin-bottom:1em}.modal-story.markdown-content p:last-child{margin-bottom:0}.modal-story.markdown-content h1,.modal-story.markdown-content h2,.modal-story.markdown-content h3,.modal-story.markdown-content h4,.modal-story.markdown-content h5,.modal-story.markdown-content h6{font-weight:600;line-height:1.3;margin:1.5em 0 .5em}.modal-story.markdown-content h1:first-child,.modal-story.markdown-content h2:first-child,.modal-story.markdown-content h3:first-child{margin-top:0}.modal-story.markdown-content ul,.modal-story.markdown-content ol{margin:1em 0;padding-left:1.5em}.modal-story.markdown-content li{margin:.5em 0}.modal-story.markdown-content pre{background:#1e1e1e;color:#d4d4d4;padding:var(--space-md);border-radius:6px;overflow-x:auto;margin:1em 0}.modal-story.markdown-content pre code{background:none;padding:0;color:inherit}.modal-story.markdown-content blockquote{border-left:4px solid var(--color-border);padding-left:var(--space-md);margin:1em 0;color:#676767;font-style:italic}.react-player-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.react-player{width:100%!important;height:auto!important;max-height:90vh}.video-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1rem;font-weight:500;z-index:10}.introduction-container{height:100vh;width:calc(100vw - 96px);overflow-y:auto;padding-left:96px;background:var(--color-surface)}.introduction-section{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:40px 0}.introduction-content{max-width:880px;padding:0 var(--space-lg) 8rem;color:var(--color-text-secondary);text-align:left;width:100%}.introduction-banner{width:100%;max-width:100%;height:128px;margin-bottom:var(--space-lg);overflow:hidden;border-radius:12px;background:#0000000d;box-shadow:0 2px 8px #0000001a;position:sticky;top:-12px;z-index:100}.introduction-banner img{width:100%;height:100%;object-fit:cover;display:block}.introduction-header{margin-bottom:var(--space-lg)}.introduction-text{font-family:var(--font-primary);font-size:1.1rem;line-height:1.7}.introduction-markdown{display:block;font-family:var(--font-primary)}.introduction-markdown p{display:block;margin-bottom:1.5em;font-size:1.1rem;line-height:1.7;font-family:var(--font-primary)}.introduction-markdown p:last-child{margin-bottom:0}.introduction-markdown strong{font-weight:600;color:inherit}.introduction-markdown em{font-style:italic}.introduction-markdown a{color:var(--color-accent-primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.introduction-markdown a:hover{border-bottom-color:var(--color-accent-primary)}.introduction-markdown code{font-family:var(--font-mono);font-size:.9em;background:#7777771a;padding:.2em .4em;border-radius:3px;color:var(--color-accent-primary)}@media (max-width: 768px){.introduction-container{width:100vw;padding-left:0;padding-top:72px;height:calc(100vh - 72px)}.introduction-section{padding:1.5rem 0 2rem;min-height:calc(100vh - 72px)}.introduction-content{padding:0 2rem 6rem;max-width:100%}.introduction-banner{height:96px;margin-bottom:var(--space-md);position:static;top:0}.introduction-header h2{font-size:1.75rem}.introduction-text{font-size:1rem}.introduction-markdown p{font-size:1rem;line-height:1.6;margin-bottom:1.25em}.introduction-indicator{margin-bottom:0;padding:0}.introduction-dot{width:48px;height:48px;border-radius:50%}.introduction-dot.active{transform:scale(1.1)}.introduction-dot:hover:not(.active){transform:scale(1.05)}.introduction-icon{font-size:1.2rem}}@media (max-width: 480px){.introduction-container{padding-top:64px;height:calc(100vh - 64px)}.introduction-section{padding:1rem 0 1.5rem;min-height:calc(100vh - 64px)}.introduction-content{padding:0 2rem var(--space-md)}.introduction-banner{height:120px}.introduction-header h2{font-size:1.5rem}.introduction-text{font-size:.95rem}.introduction-markdown p{font-size:.95rem;line-height:1.5;margin-bottom:1em}.introduction-dot{width:40px;height:40px}.introduction-icon{font-size:1rem}}body.serif-mode{font-family:var(--font-serif-primary);font-size:115%}body.serif-mode .cover-header h1{font-family:var(--font-serif-display);font-size:5.5rem}body.serif-mode .header-name h1{font-family:var(--font-serif-display);font-size:.7rem}body.serif-mode .header-name span{font-size:.7rem}body.serif-mode h2,body.serif-mode .project-header h2,body.serif-mode .supporting-header h2,body.serif-mode .introduction-header h2{font-family:var(--font-serif-display);font-size:2.2rem}body.serif-mode .cover-tagline,body.serif-mode .cover-tagline-sub,body.serif-mode .project-description p{font-family:var(--font-serif-primary);font-size:1.375rem}body.serif-mode .project-story-inline,body.serif-mode .project-story-inline *,body.serif-mode .introduction-text,body.serif-mode .introduction-markdown,body.serif-mode .introduction-markdown p{font-family:var(--font-serif-primary);font-size:1.21rem}body.serif-mode .markdown-content,body.serif-mode .modal-story{font-family:var(--font-serif-primary)}body.serif-mode .project-meta{font-size:.9625rem}body.serif-mode .project-meta-plain{font-size:.825rem}body.serif-mode .project-short-description{font-size:1.045rem}body.serif-mode .font-toggle .toggle-btn{font-size:1.5rem}body.serif-mode .tech-tag,body.serif-mode .project-tag{font-size:.77rem;font-weight:600}body.serif-mode .tech-tag-small,body.serif-mode .tech-more{font-size:.825rem;font-weight:600}body.serif-mode .card-link{font-family:var(--font-serif-primary);font-size:.9625rem;font-weight:600}.slide-transition-container{position:relative;width:100%;height:100vh;overflow:hidden}.slide-full-layer{position:absolute;top:0;left:96px;right:0;height:100vh;overflow-y:auto;overflow-x:hidden;z-index:3;background:var(--color-surface)}.slide-text-layer{position:absolute;top:0;left:240px;right:calc(25vw + 88px);max-width:664px;height:100vh;overflow:hidden;z-index:2;pointer-events:auto}.slide-text-content{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;background:var(--color-surface);scrollbar-width:none;-ms-overflow-style:none}.slide-text-content::-webkit-scrollbar{display:none}.slide-image-layer{position:fixed;top:128px;left:min(984px,calc(75vw - 64px));width:25vw;min-width:300px;max-width:500px;aspect-ratio:1 / 1;z-index:1;pointer-events:auto}.slide-image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.project-slide-image{width:100%;height:100%;border-radius:24px;overflow:hidden;border:2px solid #676767;cursor:pointer;transition:all .3s ease;background:#fff}.project-slide-image.non-clickable{cursor:default}.project-slide-image:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.project-slide-image.non-clickable:hover{transform:none;box-shadow:none}.project-slide-image img,.project-slide-image video{width:100%;height:100%;object-fit:contain;display:block}.project-slide-content,.introduction-slide{width:100%;max-width:664px;padding:128px 0 var(--space-xxl) 0}.introduction-slide .introduction-text{font-size:1.1rem;line-height:1.7;margin-bottom:var(--space-lg)}.introduction-slide .introduction-text .markdown-content p{display:block;margin-bottom:1.5em}.introduction-slide .introduction-markdown p{font-size:1.1rem;line-height:1.7;margin-bottom:1.5em;height:100%;width:100%}.supporting-projects-slide .supporting-header{text-align:center;margin-bottom:var(--space-xs);padding-top:128px;padding-left:128px;padding-right:128px}.supporting-projects-slide .projects-grid{display:grid;grid-template-columns:repeat(3,1fr);row-gap:4rem;column-gap:3rem;max-width:100%;width:100%;padding:48px 128px;margin:0}.project-hero-banner-mobile{display:none}@media (max-width: 768px){.slide-text-layer{left:0;right:0;top:0;height:100vh}.slide-image-layer{display:none}.slide-full-layer{left:0;top:0;height:100vh}.project-hero-banner-mobile{display:block;width:100%;height:94px;margin-bottom:var(--space-md);overflow:hidden;border-radius:12px;background:#fff;border:2px solid #676767}.project-hero-banner-mobile img{width:100%;height:100%;object-fit:contain;display:block}.project-slide-content,.introduction-slide{padding:var(--space-md) 2rem 6rem}.supporting-projects-slide{width:100%;max-width:100%;margin:0 auto}.supporting-projects-slide .supporting-header{padding:2rem 16px 1rem;text-align:center;max-width:100%}.supporting-projects-slide .supporting-header h2,.supporting-projects-slide .supporting-header p{text-align:center;margin:0 auto}.supporting-projects-slide .projects-grid{grid-template-columns:1fr;padding:0 16px 6rem;gap:1.5rem;max-width:100%;width:100%}.project-card{width:100%;max-width:100%;margin:0}}@media (max-width: 480px){.slide-text-layer{top:0;height:100vh}.project-slide-content,.introduction-slide{padding:var(--space-md) 2rem 4rem}}.editor{min-height:100vh;background:var(--color-surface-primary, #ffffff);color:var(--color-text-primary, #1a1a1a)}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg, 24px) var(--space-xl, 32px);border-bottom:1px solid var(--color-border, #e5e5e5);background:var(--color-surface-secondary, #fafafa)}.editor-header h1{font-size:1.5rem;font-weight:600;margin:0}.editor-actions{display:flex;gap:var(--space-sm, 12px)}.editor-layout{display:grid;grid-template-columns:300px 1fr;height:calc(100vh - 80px)}.project-list{border-right:1px solid var(--color-border, #e5e5e5);background:var(--color-surface-secondary, #fafafa);overflow-y:auto}.project-list h2{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:var(--space-lg, 24px) var(--space-md, 16px) var(--space-sm, 12px);margin:0;color:var(--color-text-secondary, #666)}.project-list-items{display:flex;flex-direction:column}.project-list-item{display:flex;align-items:center;gap:var(--space-sm, 12px);padding:var(--space-sm, 12px) var(--space-md, 16px);border:none;background:transparent;text-align:left;cursor:pointer;transition:background .2s ease;border-left:3px solid transparent}.project-list-item:hover{background:var(--color-surface-primary, #ffffff)}.project-list-item.featured{background:#e8f5e9}.project-list-item.featured:hover{background:#d4edda}.project-list-item.active{background:var(--color-surface-primary, #ffffff);border-left-color:var(--color-accent, #007bff)}.project-list-item.active.featured{background:#d4edda}.project-order{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--color-surface-tertiary, #f0f0f0);font-size:.75rem;font-weight:600;flex-shrink:0}.project-list-item.active .project-order{background:var(--color-accent, #007bff);color:#fff}.project-title{font-size:.875rem;line-height:1.4;color:var(--color-text-primary, #1a1a1a)}.editor-panel{overflow-y:auto;padding:var(--space-xl, 32px)}.editor-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-secondary, #666)}.editor-project-header{margin-bottom:var(--space-xl, 32px)}.editor-project-header h2{font-size:1.75rem;font-weight:600;margin:0 0 var(--space-xs, 8px) 0}.project-meta{display:flex;align-items:center;gap:var(--space-sm, 12px);font-size:.875rem;color:var(--color-text-secondary, #666)}.project-meta label{font-weight:500}.order-input{width:80px;padding:var(--space-xs, 8px) var(--space-sm, 12px);border:1px solid var(--color-border, #e5e5e5);border-radius:6px;font-size:.875rem;font-family:inherit;transition:border-color .2s ease}.order-input:focus{outline:none;border-color:var(--color-accent, #007bff)}.auto-save-indicator{display:inline-flex;align-items:center;gap:var(--space-xs, 8px);font-size:.75rem;font-weight:500;padding:var(--space-xs, 8px) var(--space-sm, 12px);border-radius:6px;transition:all .3s ease}.auto-save-indicator.saving{color:var(--color-text-secondary, #666);background:var(--color-surface-tertiary, #f0f0f0)}.auto-save-indicator.saved{color:#28a745;background:#e8f5e9}.source-indicator{display:inline-flex;align-items:center;gap:var(--space-xs, 8px);font-size:.75rem;font-weight:500;padding:var(--space-xs, 8px) var(--space-sm, 12px);border-radius:6px;transition:all .3s ease}.source-indicator.localStorage{color:#856404;background:#fff3cd;border:1px solid #ffc107}.source-indicator.file{color:#155724;background:#d4edda;border:1px solid #28a745}.editor-tabs{display:flex;gap:var(--space-xs, 8px);margin-bottom:var(--space-lg, 24px);border-bottom:2px solid var(--color-border, #e5e5e5)}.tab-btn{padding:var(--space-sm, 12px) var(--space-md, 16px);border:none;background:transparent;color:var(--color-text-secondary, #666);font-size:.875rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s ease;display:flex;align-items:center;gap:var(--space-xs, 8px)}.tab-btn:hover{color:var(--color-text-primary, #1a1a1a);background:var(--color-surface-secondary, #fafafa)}.tab-btn.active{color:var(--color-accent, #007bff);border-bottom-color:var(--color-accent, #007bff)}.tab-indicator{color:var(--color-accent, #007bff);font-weight:600}.tab-count{font-size:.75rem;color:var(--color-text-secondary, #666)}.tab-content{margin-bottom:var(--space-xl, 32px)}.talking-points-list{display:flex;flex-direction:column;gap:var(--space-md, 16px)}.talking-point-item{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-sm, 12px);align-items:start}.talking-point-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--color-surface-tertiary, #f0f0f0);color:var(--color-text-secondary, #666);font-size:.75rem;font-weight:600;flex-shrink:0;margin-top:var(--space-xs, 8px)}.talking-point-item textarea{width:100%;padding:var(--space-sm, 12px);border:1px solid var(--color-border, #e5e5e5);border-radius:6px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.875rem;line-height:1.5;resize:vertical;transition:border-color .2s ease}.talking-point-item textarea:focus{outline:none;border-color:var(--color-accent, #007bff)}.btn-remove{width:32px;height:32px;border-radius:50%;border:1px solid var(--color-border, #e5e5e5);background:var(--color-surface-primary, #ffffff);color:var(--color-text-secondary, #666);font-size:1.25rem;cursor:pointer;transition:all .2s ease;flex-shrink:0;margin-top:var(--space-xs, 8px);display:flex;align-items:center;justify-content:center;line-height:1}.btn-remove:hover{background:#dc3545;border-color:#dc3545;color:#fff}.empty-state{text-align:center;color:var(--color-text-secondary, #666);font-style:italic;padding:var(--space-xl, 32px);margin:0}.editor-metadata{margin-bottom:var(--space-xl, 32px);padding-top:var(--space-lg, 24px);border-top:1px solid var(--color-border, #e5e5e5)}.editor-fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg, 24px);margin-bottom:var(--space-xl, 32px)}.editor-fields .editor-field:last-child{grid-column:1 / -1}.editor-field{display:flex;flex-direction:column;gap:var(--space-sm, 12px)}.field-header{display:flex;justify-content:space-between;align-items:center}.field-header label{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary, #666)}.field-actions{display:flex;align-items:center;gap:var(--space-sm, 12px)}.preview-toggle{display:flex;gap:2px;background:var(--color-surface-tertiary, #f0f0f0);border-radius:6px;padding:2px}.preview-toggle .toggle-btn{padding:var(--space-xs, 8px) var(--space-sm, 12px);border:none;background:transparent;color:var(--color-text-secondary, #666);font-size:.75rem;font-weight:500;cursor:pointer;border-radius:4px;transition:all .2s ease}.preview-toggle .toggle-btn:hover{color:var(--color-text-primary, #1a1a1a)}.preview-toggle .toggle-btn.active{background:var(--color-surface-primary, #ffffff);color:var(--color-text-primary, #1a1a1a);box-shadow:0 1px 3px #0000001a}.editor-field textarea,.editor-field .tags-input{width:100%;padding:var(--space-md, 16px);border:1px solid var(--color-border, #e5e5e5);border-radius:8px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.9375rem;line-height:1.6;transition:border-color .2s ease}.editor-field textarea{resize:vertical}.editor-field textarea:focus,.editor-field .tags-input:focus{outline:none;border-color:var(--color-accent, #007bff)}.tags-preview{display:flex;flex-wrap:wrap;gap:var(--space-xs, 8px);margin-top:var(--space-xs, 8px)}.tag-chip{display:inline-flex;align-items:center;padding:var(--space-xs, 8px) var(--space-sm, 12px);background:var(--color-surface-tertiary, #f0f0f0);border:1px solid var(--color-border, #e5e5e5);border-radius:16px;font-size:.75rem;font-weight:500;color:var(--color-text-primary, #1a1a1a)}.field-info{font-size:.75rem;color:var(--color-text-secondary, #666)}.markdown-indicator{color:var(--color-accent, #007bff);font-weight:500}.markdown-preview-container{min-height:300px;padding:var(--space-md, 16px);border:1px solid var(--color-border, #e5e5e5);border-radius:8px;background:var(--color-surface-secondary, #fafafa);overflow-y:auto;text-align:left}.preview-empty{color:var(--color-text-secondary, #666);font-style:italic;text-align:left;padding:var(--space-md, 16px);margin:0}.markdown-preview-container .markdown-content{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.9375rem;line-height:1.6;color:var(--color-text-primary, #1a1a1a);text-align:left}.markdown-preview-container .markdown-content p{display:block!important;margin:0 0 1em}.markdown-preview-container .markdown-content p:last-child{margin-bottom:0}.markdown-content strong{font-weight:600;color:var(--color-text-primary, #1a1a1a)}.markdown-content em{font-style:italic}.markdown-content a{color:var(--color-accent, #007bff);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.markdown-content a:hover{border-bottom-color:var(--color-accent, #007bff)}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{font-weight:600;line-height:1.3;margin:1.5em 0 .5em;color:var(--color-text-primary, #1a1a1a)}.markdown-content h1:first-child,.markdown-content h2:first-child,.markdown-content h3:first-child,.markdown-content h4:first-child,.markdown-content h5:first-child,.markdown-content h6:first-child{margin-top:0}.markdown-content h1{font-size:1.75rem}.markdown-content h2{font-size:1.5rem}.markdown-content h3{font-size:1.25rem}.markdown-content h4{font-size:1.125rem}.markdown-content h5{font-size:1rem}.markdown-content h6{font-size:.875rem}.markdown-content ul,.markdown-content ol{margin:0 0 1em;padding-left:1.5em}.markdown-content li{margin:.25em 0}.markdown-content code{font-family:Monaco,Menlo,Courier New,monospace;font-size:.875em;background:var(--color-surface-tertiary, #f0f0f0);padding:.2em .4em;border-radius:3px;color:#e83e8c}.markdown-content pre{background:#1e1e1e;color:#d4d4d4;padding:var(--space-md, 16px);border-radius:6px;overflow-x:auto;margin:1em 0}.markdown-content pre code{background:none;padding:0;color:inherit;font-size:.875rem}.markdown-content blockquote{border-left:4px solid var(--color-border, #e5e5e5);padding-left:var(--space-md, 16px);margin:1em 0;color:var(--color-text-secondary, #666);font-style:italic}.btn-secondary,.btn-copy,.btn-save,.btn-vscode{padding:var(--space-xs, 8px) var(--space-md, 16px);border:1px solid var(--color-border, #e5e5e5);border-radius:6px;background:var(--color-surface-primary, #ffffff);color:var(--color-text-primary, #1a1a1a);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-xs, 8px)}.btn-vscode{padding:var(--space-xs, 8px);color:#007acc;border-color:#007acc}.btn-vscode:hover{background:#007acc;color:#fff;border-color:#007acc}.btn-vscode svg{width:16px;height:16px}.btn-secondary:hover,.btn-copy:hover{background:var(--color-surface-secondary, #fafafa);border-color:var(--color-text-secondary, #666)}.btn-save{background:var(--color-accent, #007bff);color:#fff;border-color:var(--color-accent, #007bff);padding:var(--space-sm, 12px) var(--space-lg, 24px);font-size:1rem}.btn-save:hover{background:#0056b3;border-color:#0056b3}.btn-save:disabled{opacity:.6;cursor:not-allowed}.btn-save.saved{background:#28a745;border-color:#28a745}.btn-save.error{background:#dc3545;border-color:#dc3545}.editor-save{display:flex;flex-direction:column;gap:var(--space-sm, 12px);padding:var(--space-lg, 24px);background:var(--color-surface-secondary, #fafafa);border-radius:8px;margin-bottom:var(--space-xl, 32px)}.save-note{font-size:.875rem;color:var(--color-text-secondary, #666);margin:0}.json-preview{border:1px solid var(--color-border, #e5e5e5);border-radius:8px;overflow:hidden}.json-preview summary{padding:var(--space-md, 16px);background:var(--color-surface-secondary, #fafafa);cursor:pointer;font-weight:500;-webkit-user-select:none;user-select:none}.json-preview summary:hover{background:#f0f0f0}.json-output{padding:var(--space-md, 16px);background:#1e1e1e;overflow-x:auto}.json-output pre{margin:0;color:#d4d4d4;font-family:Monaco,Menlo,Courier New,monospace;font-size:.875rem;line-height:1.5}.editor-loading,.editor-error{display:flex;align-items:center;justify-content:center;height:100vh;font-size:1.125rem;color:var(--color-text-secondary, #666)}.editor-error{color:#dc3545}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg, 24px)}.modal-content{background:var(--color-surface-primary, #ffffff);border-radius:12px;max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg, 24px);border-bottom:1px solid var(--color-border, #e5e5e5)}.modal-header h2{margin:0;font-size:1.5rem;font-weight:600}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--color-text-secondary, #666);cursor:pointer;padding:var(--space-xs, 8px);line-height:1;transition:color .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px}.modal-close:hover{color:var(--color-text-primary, #1a1a1a);background:var(--color-surface-secondary, #fafafa)}.modal-body{padding:var(--space-lg, 24px);overflow-y:auto;flex:1}.modal-body .editor-field{margin-bottom:0}.modal-body .field-header{margin-bottom:var(--space-sm, 12px)}.modal-body textarea{width:100%;min-height:200px}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-sm, 12px);padding:var(--space-lg, 24px);border-top:1px solid var(--color-border, #e5e5e5)}.file-sync-warning{margin-bottom:var(--space-lg, 24px);padding:var(--space-md, 16px);background:#fff3cd;border:1px solid #ffc107;border-radius:8px}.warning-content{display:flex;align-items:flex-start;gap:var(--space-md, 16px)}.warning-icon{font-size:1.5rem;flex-shrink:0}.warning-text{flex:1}.warning-text strong{display:block;font-size:.9375rem;font-weight:600;color:#856404;margin-bottom:var(--space-xs, 8px)}.warning-text p{margin:0;font-size:.875rem;color:#856404;line-height:1.5}.btn-reload{padding:var(--space-xs, 8px) var(--space-md, 16px);background:#ffc107;color:#856404;border:1px solid #e0a800;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.btn-reload:hover{background:#e0a800;border-color:#d39e00}@media (max-width: 768px){.editor-layout,.editor-fields{grid-template-columns:1fr}.editor-fields .editor-field:last-child{grid-column:1}.project-list{border-right:none;border-bottom:1px solid var(--color-border, #e5e5e5);max-height:200px}.editor-header{flex-direction:column;gap:var(--space-md, 16px);align-items:flex-start}.editor-actions{width:100%;justify-content:space-between}.modal-content{max-width:100%;max-height:100vh;border-radius:0}.modal-overlay{padding:0}.warning-content{flex-direction:column;gap:var(--space-sm, 12px)}.btn-reload{width:100%}}.script-page{min-height:100vh;max-height:100vh;background:#fafafa;color:#222;padding:var(--space-xl, 2rem);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-y:auto;overflow-x:hidden}.connection-status{position:fixed;top:var(--space-md, 1rem);right:var(--space-md, 1rem);display:flex;align-items:center;gap:var(--space-xs, .5rem);padding:var(--space-sm, .75rem) var(--space-md, 1rem);background:#ffffff0d;border-radius:var(--radius-md, 8px);font-size:.875rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;transition:all .3s ease}.connection-status.connecting{border:1px solid rgba(255,193,7,.3)}.connection-status.connected{border:1px solid rgba(76,175,80,.3)}.connection-status.disconnected{border:1px solid rgba(244,67,54,.3)}.status-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.connection-status.connecting .status-dot{background:#ffc107}.connection-status.connected .status-dot{background:#4caf50;animation:none}.connection-status.disconnected .status-dot{background:#f44336}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.view-mode-toggle{position:fixed;top:var(--space-md, 1rem);left:50%;transform:translate(-50%);display:flex;gap:0;background:#ffffffe6;border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-md, 8px);padding:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;box-shadow:0 2px 8px #0000001a}.view-mode-toggle button{padding:var(--space-sm, .75rem) var(--space-lg, 1.5rem);font-size:.875rem;font-weight:600;border:none;background:transparent;color:#666;cursor:pointer;border-radius:var(--radius-sm, 6px);transition:all .2s ease;white-space:nowrap}.view-mode-toggle button:hover{color:#222;background:#0000000d}.view-mode-toggle button.active{background:#222;color:#fff;box-shadow:0 1px 3px #0003}.script-header{max-width:900px;margin:0 auto var(--space-xxl, 3rem);padding-top:var(--space-xxl, 3rem)}.script-header h1{font-family:Ember Modern Display,Inter,sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:600;line-height:1.2;margin:0;color:#222}.script-content{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-xxl, 3rem)}.script-section{background:#00000005;border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-lg, 12px);padding:var(--space-xl, 2rem)}.script-section h2{font-family:Ember Modern Display,Inter,sans-serif;font-size:1.5rem;font-weight:600;margin:0 0 var(--space-lg, 1.5rem) 0;color:#222;text-transform:uppercase;letter-spacing:.05em;opacity:.7}.story-section h2{color:#0088b8}.tech-section h2{color:#00a88e}.talking-points-section h2{color:#ff6b35}.section-content{display:flex;flex-direction:column;gap:var(--space-md, 1rem)}.talking-points-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-md, 1rem)}.talking-points-list li{font-size:1.125rem;line-height:1.6;color:#222;padding-left:var(--space-lg, 1.5rem);position:relative;text-align:left}.talking-points-list li:before{content:"•";position:absolute;left:0;color:#ff6b35;font-weight:700;font-size:1.5rem;line-height:1.6}.section-content p{font-size:1.125rem;line-height:1.8;margin:0;color:#222;text-align:left}.empty-state{max-width:900px;margin:var(--space-xxxl, 4rem) auto;text-align:center;padding:var(--space-xxl, 3rem);background:#00000005;border:1px dashed rgba(0,0,0,.1);border-radius:var(--radius-lg, 12px)}.empty-state p{font-size:1.125rem;color:#666;margin:0}@media (max-width: 768px){.script-page{padding:var(--space-md, 1rem)}.script-header{padding-top:var(--space-xl, 2rem);margin-bottom:var(--space-xl, 2rem)}.script-header h1{font-size:2rem}.script-section{padding:var(--space-lg, 1.5rem)}.script-section h2{font-size:1.25rem}.section-content p,.talking-points-list li{font-size:1rem}.connection-status{top:var(--space-sm, .75rem);right:var(--space-sm, .75rem);font-size:.75rem}.view-mode-toggle{top:auto;bottom:var(--space-md, 1rem);left:50%;transform:translate(-50%)}.view-mode-toggle button{padding:var(--space-xs, .5rem) var(--space-md, 1rem);font-size:.75rem}}@media print{.connection-status,.view-mode-toggle{display:none}.script-page{background:#fff;color:#000}.script-section{background:#fff;border:1px solid #ddd;page-break-inside:avoid}.section-content p,.talking-points-list li{color:#000}}.login-page{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#fefeff;z-index:5000}.login-container{text-align:center;padding:var(--space-xl, 48px);max-width:400px;width:100%}.login-header{margin-bottom:var(--space-xl, 48px);display:flex;justify-content:center;align-items:center}.login-bowtie{width:80px;height:auto;opacity:.9;transition:opacity .3s ease,transform .3s ease}.login-bowtie:hover{opacity:1;transform:scale(1.05)}.login-form{display:flex;flex-direction:column;gap:var(--space-md, 24px)}.form-group{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.password-field{animation:slideIn .3s ease;overflow:hidden}@keyframes slideIn{0%{max-height:0;opacity:0;margin-bottom:0}to{max-height:100px;opacity:1;margin-bottom:var(--space-md, 24px)}}.form-group label{font-family:Poppins,sans-serif;font-size:.875rem;font-weight:500;color:#676767;margin-bottom:var(--space-xs, 8px);text-transform:uppercase;letter-spacing:.5px}.form-group input{width:100%;padding:var(--space-sm, 16px);font-family:Poppins,sans-serif;font-size:1rem;color:#333;background:#ffffff80;border:1px solid rgba(119,119,119,.2);border-radius:8px;transition:all .3s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:var(--color-accent-primary, #0066cc);background:#fffc;box-shadow:0 0 0 3px #0066cc1a}.form-group input:disabled{opacity:.6;cursor:not-allowed}.form-group input::placeholder{color:#676767}.error-message{background:#dc35451a;color:#dc3545;padding:var(--space-sm, 16px);border-radius:8px;font-size:.875rem;border:1px solid rgba(220,53,69,.2);text-align:left}.login-button{width:100%;padding:var(--space-sm, 16px) var(--space-md, 24px);font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;color:#fff;background:var(--color-accent-primary, #0066cc);border:none;border-radius:16px;cursor:pointer;transition:all .3s ease;margin-top:var(--space-sm, 16px)}.login-button:hover:not(:disabled){background:var(--color-accent-hover, #0052a3);transform:translateY(-2px);box-shadow:0 4px 12px #0066cc4d}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed}.mode-toggle-link{width:100%;padding:var(--space-xs, 8px);font-family:Poppins,sans-serif;font-size:.875rem;font-weight:500;color:#676767;background:transparent;border:none;cursor:pointer;transition:color .3s ease;text-align:center;margin-top:var(--space-xs, 8px)}.mode-toggle-link:hover:not(:disabled){color:var(--color-accent-primary, #0066cc);text-decoration:underline}.mode-toggle-link:disabled{opacity:.6;cursor:not-allowed}.login-divider{display:flex;align-items:center;margin:var(--space-lg, 32px) 0 var(--space-md, 24px) 0;position:relative}.login-divider:before{content:"";flex:1;height:1px;background:#7773}.login-divider:after{content:"";flex:1;height:1px;background:#7773}.login-divider span{padding:0 var(--space-sm, 16px);font-family:Poppins,sans-serif;font-size:.875rem;color:#676767;background:#fefeff}.sso-button{width:100%;padding:var(--space-sm, 16px) var(--space-md, 24px);font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;color:#333;background:#fff;border:2px solid rgba(119,119,119,.2);border-radius:16px;cursor:pointer;transition:all .3s ease;position:relative;display:flex;align-items:center;justify-content:center;gap:var(--space-xs, 8px)}.sso-button:hover:not(:disabled){border-color:var(--color-accent-primary, #0066cc);background:#0066cc0d;transform:translateY(-2px);box-shadow:0 4px 12px #0066cc26}.sso-button:active:not(:disabled){transform:translateY(0)}.sso-button:disabled{opacity:.6;cursor:not-allowed}.sso-button:before{content:"";width:20px;height:20px;background:linear-gradient(45deg,#f90,#ffb84d);border-radius:3px;margin-right:var(--space-xs, 8px);flex-shrink:0}@media (max-width: 768px){.login-container{padding:var(--space-lg, 32px)}.login-bowtie{width:64px}}@media (max-width: 480px){.login-container{padding:var(--space-md, 24px)}.login-bowtie{width:56px}}body:not(.user-is-tabbing) *:focus{outline:none}body.user-is-tabbing *:focus{outline:2px solid var(--color-accent-primary);outline-offset:2px}body.user-is-tabbing button:focus,body.user-is-tabbing a:focus,body.user-is-tabbing [role=button]:focus{outline:2px solid var(--color-accent-primary);outline-offset:2px}