.scroll-to-top{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);width:48px;height:48px;background-color:var(--color-action-floating-bg);color:var(--color-action-floating-content);border:1px solid var(--color-action-floating-border);border-radius:50%;font-size:24px;cursor:pointer;z-index:var(--z-scroll-to-top);opacity:0;transform:translateY(20px);transition:all .3s ease;box-shadow:0 4px 12px var(--color-action-floating-shadow);display:flex;align-items:center;justify-content:center;pointer-events:none}.scroll-to-top.visible{opacity:1;transform:translateY(0);pointer-events:auto}.scroll-to-top:hover{background-color:var(--color-action-floating-bg-hover);transform:translateY(-2px);box-shadow:0 8px 24px var(--color-action-floating-shadow)}.scroll-to-top:active{background-color:var(--color-action-floating-bg);transform:translateY(0)}@media (max-width: 768px){.scroll-to-top{bottom:var(--spacing-lg);right:var(--spacing-lg);width:44px;height:44px;font-size:20px}}@media (prefers-reduced-motion: reduce){.scroll-to-top{transition:none}}.navbar{position:sticky;top:0;height:64px;background-color:color-mix(in srgb,var(--bg) 74%,transparent);border-bottom:1px solid color-mix(in srgb,var(--border) 66%,transparent);-webkit-backdrop-filter:var(--blur-medium);backdrop-filter:var(--blur-medium);z-index:var(--z-navbar);display:flex;align-items:center}.navbar-container{max-width:calc(var(--layout-max-width) + (2 * var(--layout-gutter)));width:100%;margin:0 auto;padding:0 var(--layout-gutter);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg)}@media (max-width: 768px){.navbar-container{gap:var(--spacing-md)}}.navbar-logo{font-family:var(--font-display);font-size:20px;font-weight:800;letter-spacing:-1px;color:var(--text-primary);text-decoration:none;transition:color var(--motion-smooth);flex-shrink:0;white-space:nowrap}.navbar-logo:hover{color:var(--color-content-secondary)}.navbar-menu{display:flex;gap:var(--spacing-lg);align-items:center;list-style:none;margin:0;padding:0;flex:1;order:1}.navbar-menu li{margin:0}.navbar-menu-mobile{display:none}.navbar-link{font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--text-primary);text-decoration:none;transition:color var(--motion-smooth);white-space:nowrap;letter-spacing:.02em}.navbar-link:hover{color:var(--color-content-secondary)}.navbar-controls{display:flex;gap:var(--spacing-md);align-items:center;flex-shrink:0;order:2}.navbar-lang-toggle{background-color:var(--color-control-surface);border:1px solid transparent;padding:6px 12px;border-radius:var(--radius-sm);font-family:var(--font-body);font-weight:600;font-size:12px;color:var(--color-control-content);cursor:pointer;transition:background-color var(--motion-smooth),border-color var(--motion-smooth),transform var(--motion-smooth);text-transform:uppercase;letter-spacing:.5px}.navbar-lang-toggle:hover{background-color:var(--color-control-surface-hover);color:var(--color-control-content);border-color:var(--color-control-border-active);transform:translateY(-1px)}.navbar-mobile-toggle{display:none;background:none;border:none;color:var(--text-primary);font-size:24px;cursor:pointer;padding:0;flex-shrink:0;transition:color .2s ease;order:3}.navbar-mobile-toggle:hover{color:var(--color-content-secondary)}@media (max-width: 768px){.navbar-logo{margin-right:auto}.navbar-mobile-toggle{order:2}.navbar-controls{order:1}.navbar-menu{display:none;position:absolute;top:64px;left:0;right:0;background-color:var(--surface-glass-strong);-webkit-backdrop-filter:var(--blur-medium);backdrop-filter:var(--blur-medium);border-bottom:1px solid var(--border);flex-direction:column;gap:0;padding:var(--spacing-md) 0;margin:0;order:3}.navbar-menu-desktop{display:none}.navbar-menu-mobile.mobile-open{display:flex}.navbar-menu li{margin:0}.navbar-link{display:block;padding:var(--spacing-sm) var(--layout-gutter)}.navbar-mobile-toggle{display:block}.navbar-controls{gap:var(--spacing-sm)}.navbar-lang-toggle{padding:5px 10px;font-size:11px}}._container_ddku7_11{display:inline-flex;gap:2px;background-color:var(--color-control-surface);padding:4px;border-radius:12px;border:1px solid transparent;box-shadow:inset 0 0 0 1px var(--color-border-subtle)}._button_ddku7_31{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 14px;border:none;background-color:transparent;color:var(--color-control-content-muted);border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;transition:background-color var(--motion-smooth),color var(--motion-smooth),box-shadow var(--motion-smooth);font-family:var(--font-body)}._button_ddku7_31:hover{color:var(--color-control-content);background-color:var(--color-control-surface-hover)}._button_ddku7_31._active_ddku7_75{background-color:var(--color-control-surface-active);color:var(--color-control-content);border:1px solid var(--color-control-border-active);box-shadow:var(--shadow-soft)}._label_ddku7_89{font-size:12px;font-weight:500;letter-spacing:.5px}@media (max-width: 640px){._label_ddku7_89{display:none}._button_ddku7_31{padding:6px 10px}}@media (prefers-reduced-motion: reduce){._button_ddku7_31{transition:none}}.parallax-frame{overflow:hidden}.parallax-media-content{width:100%;height:100%;transform-origin:center;will-change:transform}.parallax-media-scale{transform:translate3d(0,var(--parallax-y, 0),0) scale(1.07)}.parallax-media-no-scale{transform:translate3d(0,var(--parallax-y, 0),0)}.parallax-block{transform:translate3d(0,var(--parallax-y, 0),0);will-change:transform}@media (prefers-reduced-motion: reduce){.parallax-media-content,.parallax-block{transform:none}}.reveal{opacity:0;transform:translateY(34px);filter:blur(8px);transition:opacity var(--motion-cinematic) var(--reveal-delay, 0ms),transform var(--motion-cinematic) var(--reveal-delay, 0ms),filter var(--motion-cinematic) var(--reveal-delay, 0ms)}.reveal.is-visible{opacity:1;transform:translateY(0);filter:blur(0)}@media (prefers-reduced-motion: reduce){.reveal,.reveal.is-visible{opacity:1;transform:none;filter:none;transition:none}}.site-footer{position:relative;overflow:hidden;padding:clamp(82px,12vw,150px) var(--layout-gutter) var(--layout-gutter);color:var(--color-content-on-overlay);background:radial-gradient(circle at 78% 14%,rgba(10,208,160,.2),transparent 30%),linear-gradient(135deg,var(--neutral-95),var(--neutral-85))}.site-footer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.2;background-image:radial-gradient(rgba(228,240,236,.32) .7px,transparent .7px);background-size:5px 5px;-webkit-mask-image:linear-gradient(120deg,transparent 10%,black 52%,transparent 100%);mask-image:linear-gradient(120deg,transparent 10%,black 52%,transparent 100%)}.site-footer-grid{position:relative;display:grid;grid-template-columns:minmax(220px,.7fr) minmax(340px,1fr);gap:clamp(48px,8vw,148px);align-items:start}.site-footer-aside{display:flex;flex-direction:column;gap:clamp(22px,4vw,44px)}.site-footer-kicker{margin:12px 0 0;color:var(--color-accent-on-overlay);font-size:clamp(13px,1.2vw,16px);font-weight:600;line-height:1;letter-spacing:.13em;text-transform:uppercase}.site-footer-status{width:fit-content;margin:0;padding:9px 13px;border:1px solid rgba(10,208,160,.28);border-radius:999px;color:var(--green-30);background:rgba(10,208,160,.08);font-size:12px;font-weight:600;line-height:1;letter-spacing:.08em;text-transform:uppercase}.site-footer-content{max-width:var(--layout-reading-width)}.site-footer-heading{padding-bottom:clamp(36px,6vw,64px)}.site-footer-content h2{max-width:690px;margin-bottom:clamp(18px,2.5vw,28px);color:var(--neutral-0);font-size:clamp(46px,6.4vw,84px);line-height:.94;letter-spacing:-.06em}.site-footer-location{margin:0;color:#f7faf9c2;font-size:clamp(16px,1.5vw,18px)}.site-footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-bottom:clamp(42px,7vw,72px)}.site-footer-link{display:flex;min-height:112px;flex-direction:column;justify-content:space-between;padding:clamp(18px,2.2vw,24px);border:1px solid rgba(228,240,236,.14);border-radius:var(--radius-md);color:var(--neutral-0);background:rgba(255,255,255,.045);transition:background-color var(--motion-smooth),border-color var(--motion-smooth),transform var(--motion-smooth)}.site-footer-link:hover{border-color:#0ad0a07a;color:var(--neutral-0);background:rgba(10,208,160,.1);transform:translateY(-2px)}.site-footer-link span{color:#f7faf99e;font-size:11px;font-weight:600;letter-spacing:.13em;line-height:1;text-transform:uppercase}.site-footer-link strong{color:inherit;font-size:clamp(17px,1.8vw,21px);font-weight:600;line-height:1.25;overflow-wrap:anywhere}.site-footer-link strong span{margin-left:7px;color:inherit;font-size:.72em}.site-footer-bottom{display:flex;justify-content:space-between;align-items:baseline;gap:var(--spacing-lg);padding-top:clamp(28px,4vw,38px);border-top:1px solid rgba(228,240,236,.12)}.site-footer-action{color:var(--neutral-0);font-size:clamp(17px,1.7vw,21px);font-weight:600}.site-footer-action:hover{color:var(--color-accent-on-overlay)}.site-footer-copyright{margin:0 0 0 auto;color:#f7faf994;font-size:12px;letter-spacing:.13em;text-transform:uppercase}@media (max-width: 768px){.site-footer-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.site-footer-content{max-width:none}.site-footer-content h2{font-size:clamp(42px,13vw,62px)}.site-footer-links{grid-template-columns:1fr}.site-footer-bottom{flex-direction:column;align-items:flex-start}.site-footer-copyright{margin-left:0}}@media (prefers-reduced-motion: reduce){.site-footer-link{transform:none;transition:none}}.work-carousel,.work-carousel-rail{position:relative}.work-carousel-arrow{position:absolute;top:clamp(90px,11vw,122px);z-index:2;display:flex;width:48px;height:48px;align-items:center;justify-content:center;border:1px solid var(--color-border-subtle);border-radius:999px;background:var(--color-carousel-control-bg);color:var(--color-carousel-control-content);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:var(--blur-soft);backdrop-filter:var(--blur-soft);font-size:20px;cursor:pointer;transition:background-color var(--motion-smooth),color var(--motion-smooth),opacity var(--motion-smooth),transform var(--motion-smooth),box-shadow var(--motion-smooth)}.work-carousel-arrow-previous{left:-23px;transform:translate(-50%)}.work-carousel-arrow-next{right:-23px;transform:translate(50%)}.work-carousel-arrow:hover:not(:disabled){background:var(--color-carousel-control-bg-hover);color:var(--color-carousel-control-hover-content);box-shadow:var(--shadow-floating)}.work-carousel-arrow:disabled{opacity:.18;cursor:default}@media (max-width: 768px){.work-carousel-arrow{top:clamp(92px,29vw,132px)}.work-carousel-arrow-previous{left:8px;transform:none}.work-carousel-arrow-next{right:8px;transform:none}}@media (prefers-reduced-motion: reduce){.work-carousel-arrow{transition:none}}.home-page{width:100%;background:var(--color-surface-canvas)}.section.home-hero{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100svh - 64px);display:flex;align-items:center;padding-top:clamp(72px,9vw,116px);padding-bottom:clamp(84px,10vw,132px)}.section.home-hero:before{content:"";position:absolute;top:-12%;right:-8%;bottom:0;left:-8%;z-index:-2;background:radial-gradient(circle at 72% 18%,rgba(10,208,160,.14),transparent 31%),radial-gradient(circle at 88% 68%,rgba(109,223,184,.12),transparent 30%),radial-gradient(circle at 35% 62%,rgba(10,208,160,.05),transparent 34%)}.section.home-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.28;background-image:radial-gradient(rgba(10,15,14,.16) .7px,transparent .7px);background-size:4px 4px;-webkit-mask-image:radial-gradient(circle at 70% 40%,black,transparent 64%);mask-image:radial-gradient(circle at 70% 40%,black,transparent 64%)}.home-hero .container{width:100%}.home-hero-intro{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(340px,1fr);column-gap:clamp(48px,8vw,148px);align-items:start}.home-hero-label{font-size:11px;font-weight:600;line-height:1;letter-spacing:.13em;text-transform:uppercase;color:var(--text-primary);margin-top:12px}.home-hero-main{grid-column:2;width:100%;max-width:var(--layout-reading-width)}.home-hero h1{color:var(--text-primary);font-size:var(--font-display-xl);line-height:.87;letter-spacing:-.078em;max-width:none;margin-bottom:clamp(26px,3vw,40px)}.home-hero-accent{color:var(--accent-text)}.home-hero .tagline{max-width:none;margin:0;font-family:var(--font-body);font-size:clamp(16px,1.5vw,20px);font-style:normal;line-height:1.55;color:var(--text-secondary)}.home-about{background:var(--color-surface-canvas);padding-top:clamp(110px,16vw,208px);padding-bottom:clamp(94px,14vw,170px)}.home-about-grid{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(340px,1fr);gap:clamp(48px,8vw,148px);align-items:start}.home-about h2{margin-bottom:0;font-family:var(--font-body);font-size:clamp(13px,1.2vw,16px);font-weight:600;letter-spacing:.13em;line-height:1;text-transform:uppercase;color:var(--accent-text)}.home-about-copy{max-width:var(--layout-reading-width)}.home-about-copy p{font-size:clamp(17px,1.45vw,20px);line-height:1.7;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.home-about-link{display:inline-flex;align-items:center;gap:10px;margin-top:var(--spacing-md);font-size:12px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--text-primary)}.home-about-link:hover{color:var(--accent-text)}#about,#work{scroll-margin-top:64px}.home-work{position:relative;padding:clamp(72px,8vw,104px) var(--layout-gutter) clamp(124px,17vw,220px);background:var(--color-surface-canvas)}.home-work h2{margin-bottom:clamp(48px,8vw,96px);font-family:var(--font-body);font-size:clamp(13px,1.2vw,16px);font-weight:600;letter-spacing:.13em;line-height:1;text-transform:uppercase;color:var(--accent-text)}.work-grid{display:flex;gap:clamp(16px,2vw,26px);overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory;scrollbar-width:none}.work-grid::-webkit-scrollbar{display:none}.work-card{display:block;flex:0 0 calc((100% - clamp(16px,2vw,26px) * 2) / 3);min-width:244px;text-decoration:none;background:transparent;color:var(--text-primary);scroll-snap-align:start;transition:transform var(--motion-smooth)}.work-card:hover{color:var(--text-primary);transform:translateY(-2px)}.work-card-image{width:100%;aspect-ratio:1.42 / 1;background-color:var(--color-surface-subtle);margin-bottom:clamp(20px,2.4vw,28px);overflow:hidden;border-radius:var(--radius-md);box-shadow:0 1px 2px #0a0f0e0a;transition:transform var(--motion-smooth),box-shadow var(--motion-smooth)}.work-card-image-fill{width:100%;height:100%}.work-card:hover .work-card-image,.work-card:focus-visible .work-card-image{transform:translateY(-3px) scale(1.008);box-shadow:var(--shadow-floating)}.work-card-foundations{display:flex;align-items:flex-end;padding:var(--spacing-md);background:linear-gradient(135deg,var(--color-work-placeholder-start),var(--color-work-placeholder-end))}.work-card-foundations span{color:var(--color-work-placeholder-content);font-family:var(--font-display);font-size:clamp(24px,3vw,32px);font-weight:700}.work-card h3{font-family:var(--font-display);font-size:clamp(21px,2.1vw,27px);font-weight:700;line-height:1.12;letter-spacing:-.035em;margin-bottom:var(--spacing-xs);color:var(--text-primary)}.work-year{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:var(--spacing-md)}.work-description{font-size:15px;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-md)}.work-tags{display:flex;flex-wrap:wrap;gap:8px}.work-tags .tag{margin:0;padding:4px 9px;border:0;border-radius:999px;background:var(--color-accent-surface);color:var(--color-accent-strong);font-size:10px;font-weight:600;letter-spacing:.1em;line-height:1.4;text-transform:uppercase}@media (max-width: 768px){.section.home-hero{padding-top:clamp(64px,14vw,88px);padding-bottom:clamp(56px,14vw,80px)}.home-hero-intro,.home-about-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.home-hero-main{grid-column:1}.home-hero h1{font-size:clamp(58px,20vw,92px);margin-bottom:clamp(28px,8vw,40px)}.home-about{padding-top:var(--spacing-xl);padding-bottom:clamp(88px,20vw,124px)}.home-work{padding:0 var(--layout-gutter) clamp(88px,20vw,124px)}.work-grid{gap:var(--spacing-md)}.work-card{flex-basis:min(82vw,340px)}}@media (prefers-reduced-motion: reduce){.work-card,.work-card-image{transform:none;transition:none}}.about-page{width:100%;background:var(--color-surface-canvas)}.about-hero{position:relative;isolation:isolate;overflow:hidden;padding-top:clamp(76px,10vw,124px);padding-bottom:clamp(70px,10vw,112px)}.about-hero:before{content:"";position:absolute;top:-15%;right:-8%;bottom:0;left:-8%;z-index:-1;background:radial-gradient(circle at 78% 20%,rgba(10,208,160,.18),transparent 30%),radial-gradient(circle at 15% 78%,rgba(10,208,160,.06),transparent 32%)}.about-hero-grid,.about-section-grid{display:grid;grid-template-columns:minmax(180px,.48fr) minmax(420px,1fr);gap:clamp(48px,8vw,132px);align-items:start}.about-kicker,.about-section-grid>h2,.about-background-grid>h2,.about-highlights h2{margin:12px 0 0;font-family:var(--font-body);font-size:clamp(13px,1.2vw,16px);font-weight:600;line-height:1;letter-spacing:.13em;text-transform:uppercase;color:var(--accent-text)}.about-hero-copy h1{max-width:820px;margin-bottom:clamp(32px,4vw,50px);color:var(--text-primary);font-size:clamp(52px,7vw,92px);line-height:.98;letter-spacing:-.065em}.about-lead{max-width:760px;margin-bottom:0;color:var(--text-primary);font-size:clamp(19px,1.85vw,24px);line-height:1.65}.about-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-top:clamp(72px,10vw,112px)}.about-fact{padding:clamp(24px,3vw,34px);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--surface-glass)}.about-fact strong{display:block;margin-bottom:8px;font-family:var(--font-display);font-size:clamp(32px,4vw,48px);letter-spacing:-.05em;line-height:1;color:var(--text-primary)}.about-fact span{color:var(--text-secondary);font-size:15px}.about-story{padding-top:clamp(92px,14vw,156px);padding-bottom:clamp(96px,14vw,180px)}.about-story-copy{max-width:var(--layout-reading-width)}.about-story-copy p{margin-bottom:clamp(26px,3vw,34px);color:var(--text-primary);font-size:clamp(18px,1.55vw,21px);line-height:1.75}.about-story-copy blockquote{margin-top:clamp(46px,6vw,66px);padding:0 0 0 clamp(22px,3vw,32px);border-left:2px solid var(--accent);color:var(--text-primary);font-family:var(--font-display);font-size:clamp(27px,3vw,38px);font-weight:700;line-height:1.28;letter-spacing:-.045em}.about-highlights{padding-top:clamp(74px,10vw,108px);padding-bottom:clamp(94px,13vw,148px);background:var(--color-surface-subtle)}.about-highlight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,24px)}.about-highlight-card{min-height:228px;padding:clamp(26px,3vw,36px);border-radius:var(--radius-lg);background:var(--color-surface-elevated);box-shadow:var(--shadow-soft)}.about-highlight-card h3{margin-bottom:var(--spacing-md);font-size:clamp(25px,2.4vw,30px);letter-spacing:-.045em}.about-highlight-card p{margin-bottom:0;font-size:16px;line-height:1.65}.about-background{padding-top:clamp(112px,16vw,190px);padding-bottom:clamp(112px,17vw,202px);scroll-margin-top:64px}.about-background-grid{display:grid;grid-template-columns:minmax(180px,.4fr) minmax(480px,1fr);gap:clamp(48px,8vw,124px);align-items:start}.about-timeline{position:relative}.about-timeline:before{content:"";position:absolute;top:10px;bottom:0;left:5px;width:1px;background:var(--color-border-default)}.about-timeline-entry{position:relative;padding-left:clamp(30px,3.2vw,46px);margin-bottom:clamp(48px,7vw,72px)}.about-timeline-entry:last-child{margin-bottom:0}.about-timeline-entry:before{content:"";position:absolute;top:9px;left:0;width:11px;height:11px;border-radius:50%;border:2px solid var(--color-surface-canvas);background:var(--accent)}.about-timeline-heading h3{margin-bottom:5px;font-size:clamp(24px,2.5vw,30px);line-height:1.2;letter-spacing:-.045em}.about-timeline-heading p{margin-bottom:var(--spacing-md);color:var(--accent-text);font-size:16px;font-weight:600}.about-timeline-description{max-width:740px;margin-bottom:0;font-size:clamp(16px,1.45vw,18px);line-height:1.7}.about-education{padding-top:clamp(90px,12vw,132px);padding-bottom:clamp(110px,16vw,184px);background:linear-gradient(180deg,var(--color-surface-canvas),var(--color-surface-subtle));scroll-margin-top:64px}.about-education-list{display:grid;gap:clamp(34px,5vw,48px)}.about-education-entry{padding-bottom:clamp(28px,4vw,38px);border-bottom:1px solid var(--color-border-subtle)}.about-education-entry:last-child{border-bottom:0;padding-bottom:0}.about-education-entry h3{margin-bottom:8px;font-size:clamp(25px,2.5vw,32px);letter-spacing:-.045em}.about-education-entry p{margin-bottom:0;font-size:clamp(16px,1.45vw,18px)}@media (max-width: 768px){.about-hero-grid,.about-section-grid,.about-background-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.about-hero-copy h1{font-size:clamp(46px,13vw,62px)}.about-facts,.about-highlight-grid{grid-template-columns:1fr}.about-fact{padding:var(--spacing-md)}.about-highlight-card{min-height:0}}.sidebar{position:sticky;top:calc(64px + var(--spacing-lg));width:212px;height:max-content;border-right:none;padding:20px 18px 20px 20px;margin-top:0;overflow-y:visible;z-index:var(--z-sidebar);border-radius:var(--radius-lg);background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transition:transform var(--motion-smooth),background-color var(--motion-smooth)}@media (max-width: 960px){.sidebar{position:fixed;width:100%;max-width:300px;left:-300px;background-color:transparent;border-right:none;border-bottom:0;top:64px;height:auto;max-height:calc(100vh - 64px);padding:var(--spacing-xl) var(--spacing-md) var(--spacing-md);border-radius:0 var(--radius-lg) var(--radius-lg) 0}.sidebar.mobile-open{left:0}}.sidebar-index{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:1px;color:var(--color-content-tertiary);opacity:1;margin-bottom:16px}.sidebar-nav{display:flex;flex-direction:column;gap:12px}.sidebar-link{display:flex;align-items:flex-start;gap:12px;padding:9px 12px;font-size:13px;color:var(--color-content-secondary);border-left:2px solid transparent;border-radius:0 var(--radius-sm) var(--radius-sm) 0;transition:all .2s ease;text-decoration:none;line-height:1.45;margin-left:-12px}.sidebar-number{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--color-content-secondary);min-width:20px;transition:color .2s ease}.sidebar-label{min-width:0;transition:color .2s ease}.sidebar-link:hover{color:var(--color-accent-default);background:var(--color-accent-surface)}.sidebar-link:hover .sidebar-number,.sidebar-link:hover .sidebar-label{color:var(--color-accent-default)}.sidebar-link.active{color:var(--color-accent-default);border-left-color:var(--color-accent-default);font-weight:600}.sidebar-link.active .sidebar-number,.sidebar-link.active .sidebar-label{color:var(--color-accent-default);font-weight:600}.sidebar-link.active:before{content:none}.sidebar-toggle-mobile{display:none;position:fixed;left:var(--spacing-md);bottom:var(--spacing-xl);width:48px;height:48px;background-color:var(--color-action-primary-bg);color:var(--color-action-primary-content);border:none;border-radius:50%;font-size:24px;cursor:pointer;z-index:calc(var(--z-sidebar) + 1);transition:all .2s ease;box-shadow:var(--shadow-glow)}@media (max-width: 960px){.sidebar-toggle-mobile{display:flex;align-items:center;justify-content:center}.sidebar-toggle-mobile:hover{background-color:var(--color-action-primary-bg-hover);transform:scale(1.1);box-shadow:0 8px 24px #0ad0a04d}}.sidebar-overlay{display:none;position:fixed;top:64px;left:0;right:0;bottom:0;background-color:#00000080;border:0;z-index:calc(var(--z-sidebar) - 1)}@media (max-width: 960px){.sidebar-overlay{display:block}}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--color-accent-default);border-radius:2px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--color-accent-strong)}.section-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--hero-bg);color:var(--hero-title-color);min-height:min(78vh,820px);display:flex;align-items:center;justify-content:center;padding:clamp(100px,12vw,152px) var(--layout-gutter)}.section-hero:before{content:"";position:absolute;top:-16%;right:-10%;bottom:0;left:-10%;z-index:-1;background:radial-gradient(circle at 74% 26%,rgba(10,208,160,.22),transparent 29%),radial-gradient(circle at 18% 78%,rgba(10,208,160,.09),transparent 32%)}.section-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.2;background-image:radial-gradient(rgba(228,240,236,.22) .65px,transparent .65px);background-size:4px 4px;-webkit-mask-image:radial-gradient(circle at 70% 32%,black,transparent 65%);mask-image:radial-gradient(circle at 70% 32%,black,transparent 65%)}@media (max-width: 768px){.section-hero{min-height:auto;padding:clamp(76px,20vw,112px) var(--layout-gutter)}}.section-hero-content{max-width:1040px}.section-hero h1{color:var(--hero-accent-color);max-width:920px;margin-bottom:clamp(30px,5vw,52px);font-size:clamp(58px,8.5vw,126px);line-height:.91;letter-spacing:-.072em}.section-hero .tagline{max-width:650px;margin-bottom:0;font-family:var(--font-body);font-size:clamp(18px,1.8vw,22px);font-style:normal;line-height:1.6;color:var(--color-content-on-overlay)}.section-hero-metadata{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:clamp(24px,4vw,48px);margin-top:clamp(52px,8vw,84px);padding-top:clamp(28px,4vw,42px);padding-right:clamp(20px,3vw,34px);padding-bottom:clamp(26px,4vw,38px);padding-left:clamp(20px,3vw,34px);border:1px solid var(--color-border-on-overlay);border-radius:var(--radius-lg);background:rgba(228,240,236,.035);-webkit-backdrop-filter:var(--blur-soft);backdrop-filter:var(--blur-soft)}.metadata-item p{color:var(--color-content-on-overlay);font-weight:500;margin-bottom:0;font-size:clamp(15px,1.4vw,17px)}.metadata-item .meta{color:#e4f0ecb3;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px}@media (max-width: 768px){.section-hero-metadata{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}}.section-content{background:var(--color-surface-canvas);padding:var(--spacing-case-section) var(--layout-gutter)}.section-content-variant-solid-dark{position:relative;overflow:hidden;background:radial-gradient(circle at 88% 14%,rgba(10,208,160,.16),transparent 35%),var(--neutral-90);border-radius:var(--radius-surface);padding-left:clamp(28px,5vw,64px);padding-right:clamp(28px,5vw,64px)}.section-content-variant-solid-dark .section-content-text h2,.section-content-variant-solid-dark .section-content-body p,.section-content-variant-solid-dark .section-content-body strong{color:#f7faf8}@media (max-width: 768px){.section-content{padding:var(--spacing-case-section-mobile) var(--layout-gutter)}}.section-content-grid{display:grid;grid-template-columns:1fr 40%;gap:clamp(36px,6vw,72px);align-items:start}.section-content-grid.section-content-right{grid-template-columns:1fr 40%}.section-content-grid.section-content-left{grid-template-columns:40% 1fr}.section-content-grid.section-content-right .section-content-media{grid-column:2}.section-content-grid.section-content-right .section-content-text{grid-column:1;grid-row:1}.section-content-grid.section-content-text-only{grid-template-columns:minmax(0,var(--layout-reading-width))}.section-content-grid.section-content-text-right{grid-template-columns:1fr minmax(340px,40%)}.section-content-grid.section-content-text-right .section-content-text{grid-column:2}.section-content-grid.section-content-layout-stacked{grid-template-columns:minmax(0,1fr);gap:var(--spacing-lg)}.section-content-grid.section-content-layout-stacked .section-content-text{grid-column:1;grid-row:1;max-width:var(--content-reading-width)}.section-content-grid.section-content-layout-stacked .section-content-media{grid-column:1;grid-row:2;max-width:none}@media (max-width: 768px){.section-content-grid,.section-content-grid.section-content-left,.section-content-grid.section-content-right,.section-content-grid.section-content-text-right{grid-template-columns:1fr}.section-content-grid.section-content-text-right .section-content-text{grid-column:1}.section-content-grid:not(.section-content-layout-stacked) .section-content-media{grid-column:1;grid-row:2}.section-content-grid:not(.section-content-layout-stacked) .section-content-text{grid-column:1;grid-row:1}}.section-content-media{width:100%;max-width:100%;border-radius:var(--radius-surface);overflow:hidden;background-color:var(--color-surface-subtle);border:1px solid color-mix(in srgb,var(--color-border-subtle) 58%,transparent);box-shadow:var(--shadow-floating);aspect-ratio:var(--media-aspect-ratio, 4/3)}.section-content-media-sm{max-width:420px}.section-content-media-md{max-width:640px}.section-content-media-lg{max-width:900px}.section-content-media-full{max-width:none}.section-content-media-no-bg{background:transparent;border-color:transparent;box-shadow:none}.section-content-media-frame-white{padding:12px;background:#fff;border-color:#fff;box-shadow:none}.section-content-media-frame-white .section-content-video{border-radius:calc(var(--radius-surface) - 12px)}[data-theme=dark] .section-content-media:not(.section-content-media-no-bg){background-color:var(--color-surface-muted);border-color:var(--color-border-subtle)}[data-theme=dark] .section-content-media.section-content-media-frame-white{background:#fff;border-color:#fff}@media (max-width: 768px){.section-content-media{aspect-ratio:var(--media-aspect-ratio, 16/9)}}.section-content-image,.section-content-video{width:100%;height:100%;display:block}.section-content-media-fit-contain .section-content-image,.section-content-media-fit-contain .section-content-video{object-fit:contain}.section-content-media-fit-cover .section-content-image,.section-content-media-fit-cover .section-content-video{object-fit:cover}.section-content-text h2{color:var(--color-content-primary);margin-bottom:clamp(20px,3vw,32px);font-size:clamp(38px,4.8vw,62px);letter-spacing:-.045em}.section-content#goal .section-content-text h2{color:var(--color-accent-default);margin-bottom:clamp(14px,2vw,22px);font-size:clamp(16px,1.35vw,20px);font-weight:700;letter-spacing:0;text-transform:uppercase}.section-content#goal .section-content-body p{max-width:min(920px,100%);font-size:clamp(28px,4vw,48px);line-height:1.22;font-weight:500;color:var(--color-content-primary)}.section-content#goal.section-content-variant-solid-dark .section-content-body p,.section-content#goal.section-content-variant-solid-dark .section-content-body strong{color:#f7faf8}.section-content-body{display:flex;flex-direction:column;gap:var(--spacing-md)}.section-content-body p{color:var(--color-content-secondary);margin-bottom:0;max-width:var(--layout-reading-width);font-size:clamp(17px,1.45vw,19px);line-height:1.7}.section-content-brand-mark{width:fit-content;padding:16px;margin-bottom:clamp(22px,3vw,32px);border-radius:8px;background:var(--color-brand-mark-surface, transparent)}.section-content-brand-mark img{display:block;width:clamp(42px,4vw,56px);height:auto}.section-content-brand-mark-credit-card img{width:clamp(144px,11vw,176px)}.section-content-body ul,.section-content-body ol{margin-left:var(--spacing-lg);margin-bottom:var(--spacing-md);color:var(--color-content-secondary)}.section-content-body li{margin-bottom:var(--spacing-sm);color:var(--color-content-secondary)}.section-process{background:var(--color-surface-canvas);padding:var(--spacing-case-section) var(--layout-gutter)}@media (max-width: 768px){.section-process{padding:var(--spacing-case-section-mobile) var(--layout-gutter)}}.section-process h2{color:var(--color-content-primary);max-width:840px;margin-bottom:clamp(64px,9vw,104px);font-size:clamp(40px,5.2vw,68px);letter-spacing:-.05em}.process-steps{display:flex;flex-direction:column;gap:clamp(80px,11vw,136px)}.process-step{display:grid;grid-template-columns:minmax(110px,.22fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:start}.process-step-number{font-family:var(--font-display);font-size:clamp(78px,10vw,122px);font-weight:800;color:color-mix(in srgb,var(--color-accent-default) 88%,transparent);letter-spacing:-.09em;line-height:.88;min-width:0;flex-shrink:0}.section-process-number-lg .process-step-number{font-size:clamp(72px,9vw,110px)}.section-process-number-xl .process-step-number{font-size:clamp(78px,10vw,122px)}.process-step-title{font-family:var(--font-body);font-size:clamp(22px,2.25vw,30px);line-height:1.25;letter-spacing:-.025em;margin-bottom:clamp(10px,1.5vw,16px);color:var(--color-content-primary);font-weight:600;max-width:720px}.section-process-title-sm .process-step-title{font-size:clamp(19px,1.85vw,25px)}.process-step-content,.process-step-copy{display:flex;flex-direction:column;gap:var(--spacing-md)}.process-step-content p{margin-bottom:0;max-width:760px;font-size:clamp(16px,1.4vw,18px);line-height:1.7;color:var(--color-content-secondary)}.process-step-layout-media-aside .process-step-content{display:grid;grid-template-columns:minmax(320px,1fr) minmax(270px,.84fr);gap:clamp(28px,4vw,48px);align-items:start}.process-step-layout-media-aside .process-step-media-group{margin-top:0}.process-step-layout-media-aside .process-step-after,.process-step-copy .process-step-after{margin-top:0;padding-top:0;border-top:0;color:var(--color-content-secondary)}.process-step-media-group{margin:clamp(4px,1vw,12px) 0 0 0}.process-step-media-group-caption-dark{overflow:hidden;border-radius:var(--radius-surface);background:#000}.process-step-media-group-caption-dark .process-step-media{border-radius:0;background:#000;border-color:#000}.process-step-media-group-caption-dark .process-step-video,.process-step-media-group-caption-dark .process-step-media-frame-white.process-step-media-align-copy .process-step-video{border-radius:0}.process-step-media{width:100%;border-radius:var(--radius-lg);overflow:hidden;background-color:transparent;border:1px solid transparent;aspect-ratio:var(--process-media-aspect-ratio, 16/9);margin:0}.process-step-media-sm{max-width:520px}.process-step-media-md{max-width:760px}.process-step-media-lg{max-width:980px}.process-step-media-full,.process-step-media-image{max-width:none}.process-step-media-custom{aspect-ratio:auto;overflow:visible}.process-step-layout-media-aside .process-step-media-discovery-mockup{width:min(100%,430px);justify-self:end;margin-top:clamp(52px,6vw,76px)}.process-step-media-test-video{padding:16px;background:#000;border-color:#000}.process-step-media-frame-white{padding:16px;border-radius:var(--radius-surface);background:#fff;border-color:#fff;aspect-ratio:auto}.process-step-media-frame-white .process-step-video{height:auto;border-radius:calc(var(--radius-surface) - 16px)}.process-step-media-align-copy{padding:0}.process-step-media-frame-white.process-step-media-align-copy .process-step-video{border-radius:var(--radius-surface)}.process-step-media-no-bg{background:transparent;border-color:transparent;box-shadow:none}[data-theme=dark] .process-step-media:not(.process-step-media-no-bg){background-color:transparent;border-color:transparent}[data-theme=dark] .process-step-media-test-video{background-color:#000;border-color:#000}[data-theme=dark] .process-step-media-frame-white{background-color:#fff;border-color:#fff}.process-step-image,.process-step-video{width:100%;height:100%;display:block}.process-step-media-fit-contain .process-step-image,.process-step-media-fit-contain .process-step-video{object-fit:contain}.process-step-media-fit-cover .process-step-image,.process-step-media-fit-cover .process-step-video{object-fit:cover}.process-step-media-caption{max-width:760px;margin:var(--spacing-sm) 0 0 0;font-size:clamp(14px,1.1vw,16px);line-height:1.6;color:var(--color-content-tertiary)}.process-step-media-group-caption-dark .process-step-media-caption{max-width:none;margin:0;padding:clamp(16px,2.4vw,28px);color:#ffffffb8}.process-step-after{margin:var(--spacing-sm) 0 0 0;color:var(--color-content-tertiary)}@media (max-width: 768px){.section-process h2{margin-bottom:var(--spacing-xl)}.process-steps{gap:clamp(64px,18vw,96px)}.process-step{grid-template-columns:clamp(58px,18vw,82px) minmax(0,1fr);gap:clamp(16px,5vw,24px)}.process-step-number,.section-process-number-lg .process-step-number,.section-process-number-xl .process-step-number{font-size:clamp(54px,18vw,82px)}.process-step-title{font-size:clamp(21px,5.5vw,26px)}.section-process-title-sm .process-step-title{font-size:clamp(19px,5vw,23px)}.process-step-layout-media-aside .process-step-content{display:flex;flex-direction:column}.process-step-layout-media-aside .process-step-media-group{margin-top:var(--spacing-md)}.process-step-layout-media-aside .process-step-media-discovery-mockup{width:min(100%,460px);align-self:center;margin-top:var(--spacing-md)}}.section-final{background:var(--color-surface-canvas);padding:var(--spacing-case-section) var(--layout-gutter)}@media (max-width: 768px){.section-final{padding:var(--spacing-case-section-mobile) var(--layout-gutter)}}.section-final h2{color:var(--color-content-primary);max-width:840px;margin-bottom:clamp(28px,5vw,48px);font-size:clamp(40px,5.2vw,68px);letter-spacing:-.05em}.section-final-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.section-final-text{max-width:var(--layout-reading-width)}.section-final-text p{color:var(--color-content-secondary);margin-bottom:var(--spacing-md);font-size:clamp(17px,1.45vw,19px);line-height:1.7}.section-final-text ul,.section-final-text ol{color:var(--color-content-secondary);margin-left:var(--spacing-lg);font-size:clamp(17px,1.45vw,19px);line-height:1.7}.section-final-text li{font-size:inherit;line-height:inherit}.section-final-image-wrapper,.section-final-video-wrapper{width:100%;border-radius:var(--radius-surface);overflow:hidden;background-color:var(--color-surface-subtle);border:1px solid color-mix(in srgb,var(--color-border-subtle) 58%,transparent);box-shadow:var(--shadow-floating)}.section-final-media-no-bg{background:transparent;border-color:transparent;box-shadow:none}.section-final-media-padded{padding:16px}.section-final-media-labelled{display:flex;flex-direction:column;gap:16px}.section-final-media-label{margin:0;color:var(--color-content-primary);font-size:clamp(18px,1.7vw,22px);font-weight:500;letter-spacing:-.02em}.section-final-video-frame-dark{padding:16px;border-radius:var(--radius-surface);background:#000;border-color:#000;box-shadow:none}[data-theme=dark] .section-final-image-wrapper:not(.section-final-media-no-bg),[data-theme=dark] .section-final-video-wrapper:not(.section-final-media-no-bg){background-color:var(--color-surface-muted);border-color:var(--color-border-subtle)}[data-theme=dark] .section-final-video-frame-dark{background-color:#000;border-color:#000}@media (min-width: 769px){.section-final-layout-media-columns .section-final-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--spacing-lg);align-items:start}.section-final-layout-media-columns .section-final-text{grid-column:1 / -1}.section-final-layout-media-columns .section-final-image-wrapper{grid-column:1;aspect-ratio:var(--final-image-aspect-ratio, 4/3)}.section-final-layout-media-columns .section-final-secondary-image-wrapper{grid-column:2}.section-final-layout-media-columns .section-final-video-wrapper{grid-column:2;aspect-ratio:var(--final-video-aspect-ratio, 4/3)}}.section-final-layout-stacked .section-final-image-wrapper,.section-final-layout-stacked .section-final-video-wrapper{aspect-ratio:var(--final-image-aspect-ratio, 16/9)}.section-final-layout-stacked .section-final-media-labelled{aspect-ratio:auto}.section-final-layout-stacked .section-final-media-labelled .section-final-image{height:auto;aspect-ratio:var(--final-image-aspect-ratio, 16/9)}@media (max-width: 768px){.section-final-image-wrapper,.section-final-video-wrapper{aspect-ratio:16/9}.section-final-media-labelled{aspect-ratio:auto}.section-final-media-labelled .section-final-image{height:auto;aspect-ratio:var(--final-image-aspect-ratio, 16/9)}}.section-final-layout-stacked .section-final-video-frame-dark{aspect-ratio:auto}.section-final-video-frame-dark .section-final-video{height:auto;border-radius:calc(var(--radius-surface) - 16px)}.section-final-layout-journey-columns .section-final-video-frame-dark{aspect-ratio:auto}.section-final-image,.section-final-video{width:100%;height:100%;display:block}.section-final-media-fit-contain .section-final-image,.section-final-media-fit-contain .section-final-video{object-fit:contain}.section-final-media-fit-cover .section-final-image,.section-final-media-fit-cover .section-final-video{object-fit:cover}@media (min-width: 769px){.section-final-layout-journey-columns .section-final-content{display:grid;grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);grid-template-rows:auto auto;column-gap:var(--spacing-lg);row-gap:clamp(12px,1.6vw,18px);align-items:start}.section-final-layout-journey-columns .section-final-text{grid-column:1;grid-row:1;max-width:720px}.section-final-layout-journey-columns .section-final-image-wrapper{grid-column:1;grid-row:2;align-self:start;aspect-ratio:var(--final-image-aspect-ratio, 4/3)}.section-final-layout-journey-columns .section-final-image-wrapper.section-final-media-no-bg{aspect-ratio:auto;border-radius:0;overflow:visible}.section-final-layout-journey-columns .section-final-image-wrapper.section-final-media-no-bg .section-final-image{height:auto}.section-final-layout-journey-columns .section-final-video-wrapper{grid-column:2;grid-row:1 / span 2;align-self:start;aspect-ratio:auto}}.section-results{background-color:var(--color-surface-canvas);color:var(--color-content-primary);padding:var(--spacing-case-section) var(--layout-gutter)}@media (max-width: 768px){.section-results{padding:var(--spacing-case-section-mobile) var(--layout-gutter)}}.section-results h2{color:var(--color-content-primary);max-width:760px;margin-bottom:clamp(20px,3vw,32px);font-size:clamp(38px,4.8vw,62px);letter-spacing:-.045em}.results-description{max-width:760px;margin:0 0 clamp(44px,7vw,72px);color:var(--color-content-secondary);font-size:clamp(17px,1.45vw,19px);line-height:1.7}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:clamp(16px,2vw,24px)}@media (max-width: 768px){.results-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}@media (max-width: 480px){.results-grid{grid-template-columns:1fr}}}.result-card{padding:clamp(28px,4vw,40px) clamp(20px,3vw,32px);background:radial-gradient(circle at 78% 5%,var(--color-accent-surface),transparent 43%),var(--color-surface-elevated);border-radius:var(--radius-surface);border:0;box-shadow:var(--shadow-soft);text-align:left;transition:transform var(--motion-smooth),box-shadow var(--motion-smooth)}.result-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-floating),var(--shadow-glow)}.result-metric{font-family:var(--font-display);font-size:clamp(56px,7vw,96px);font-weight:800;color:var(--color-accent-default);letter-spacing:-2px;line-height:1;margin-bottom:var(--spacing-md);display:flex;align-items:baseline;justify-content:flex-start;gap:4px;min-width:0}.result-display-value{display:block;max-width:100%;font-size:clamp(36px,4.4vw,64px);line-height:1.08;letter-spacing:-.045em;overflow-wrap:break-word}.result-unit{font-size:.4em;font-weight:600;color:var(--color-content-tertiary);letter-spacing:0}.result-label{font-weight:600;color:var(--color-content-primary);margin-bottom:var(--spacing-sm);font-size:14px;line-height:1.4}.result-note{font-size:13px;color:var(--color-content-secondary);margin-bottom:0;line-height:1.5}.section-learning{padding:var(--spacing-case-section) var(--layout-gutter);background:radial-gradient(circle at 86% 12%,var(--color-accent-surface),transparent 35%),var(--learned-bg);border-radius:var(--radius-surface);box-shadow:var(--shadow-soft)}@media (max-width: 768px){.section-learning{padding:var(--spacing-case-section-mobile) var(--layout-gutter)}}.section-learning-content{max-width:var(--layout-reading-width)}.section-learning h2{color:var(--learned-title-color);margin-bottom:clamp(28px,5vw,48px);font-size:clamp(40px,5.2vw,68px);letter-spacing:-.05em}.section-learning-text{display:flex;flex-direction:column;gap:var(--spacing-md)}.section-learning-text p{font-size:clamp(17px,1.45vw,19px);line-height:1.7;color:var(--learned-body-color);margin-bottom:0}.section-learning-text p:last-child{margin-bottom:0}.case-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-md);padding:clamp(68px,9vw,112px) 0 0;background:transparent}.case-navigation-card{display:flex;min-height:180px;flex-direction:column;justify-content:space-between;gap:var(--spacing-lg);padding:clamp(28px,4vw,40px);border:0;border-radius:var(--radius-surface);color:var(--color-content-primary);background-color:var(--surface-glass);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:var(--blur-soft);backdrop-filter:var(--blur-soft);transition:transform var(--motion-smooth),background-color var(--motion-smooth),box-shadow var(--motion-smooth)}.case-navigation-card .meta{color:var(--color-accent-default)}.case-navigation-card strong{font-family:var(--font-display);font-size:clamp(22px,2vw,30px);line-height:1.2}.case-navigation-next{text-align:right}.case-navigation-card:hover{color:var(--color-content-primary);background-color:var(--color-accent-surface);transform:translateY(-4px);box-shadow:var(--shadow-floating),var(--shadow-glow)}@media (max-width: 768px){.case-navigation{grid-template-columns:1fr;padding-top:var(--spacing-lg)}}.credit-card-flow{--flow-stage-card-height: clamp(74px, 7vw, 92px);width:100%;padding:clamp(20px,3vw,32px);border:1px solid var(--color-border-subtle);border-radius:var(--radius-surface);background:var(--color-surface-subtle)}.credit-card-flow-legend{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:clamp(22px,3vw,32px);color:var(--color-content-tertiary);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.credit-card-flow-legend-main:before,.credit-card-flow-legend-alt:before{content:"";display:inline-block;width:34px;margin:0 10px 4px 0;border-top:2px solid var(--color-content-primary);vertical-align:middle}.credit-card-flow-legend-alt:before{border-top:2px dashed var(--color-content-tertiary)}.credit-card-flow-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,28px)}.credit-card-flow-stage{position:relative;min-width:0}.credit-card-flow-stage:not(:last-child):after{content:"";position:absolute;top:calc(var(--flow-stage-card-height) / 2);right:calc(clamp(18px,3vw,28px)*-1);width:clamp(18px,3vw,28px);border-top:2px solid var(--color-content-primary)}.credit-card-flow-stage h4{display:flex;align-items:center;justify-content:center;min-height:var(--flow-stage-card-height);padding:14px clamp(12px,2vw,20px);margin-bottom:22px;border-radius:12px;color:var(--color-accent-on-overlay);background:var(--color-surface-overlay);font-family:var(--font-body);font-size:clamp(15px,1.5vw,18px);font-weight:700;letter-spacing:-.02em;text-align:center;text-wrap:balance}.credit-card-flow-path{display:flex;flex-direction:column;align-items:center;gap:22px}.credit-card-flow-node{position:relative;width:fit-content;max-width:100%;padding:10px 16px;border-radius:999px;color:var(--color-content-on-overlay);background:var(--color-surface-overlay);font-size:clamp(12px,1.15vw,14px);font-weight:500;line-height:1.35;text-align:center}.credit-card-flow-node:not(:last-child):after{content:"";position:absolute;left:50%;top:100%;height:22px;border-left:2px solid var(--color-content-primary)}.credit-card-flow-node.is-decision{border:1.5px solid var(--color-accent-border);color:var(--color-content-primary);background:var(--color-accent-surface)}.credit-card-flow-node.is-success{border:1.5px solid var(--color-accent-strong);color:var(--color-action-primary-content);background:var(--color-feedback-success)}.credit-card-flow-branches{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:30px;padding-top:20px;border-top:2px dashed var(--color-content-tertiary)}.credit-card-flow-branches span{padding:8px 12px;border:1.5px solid var(--color-feedback-error);border-radius:999px;color:var(--color-feedback-error);background:color-mix(in srgb,var(--color-feedback-error) 8%,transparent);font-size:clamp(12px,1.05vw,13px);font-weight:400;line-height:1.3;text-align:center}[data-theme=dark] .credit-card-flow{background:transparent}[data-theme=dark] .credit-card-flow-node.is-decision{background:var(--color-accent-surface)}@media (max-width: 860px){.credit-card-flow-stages{grid-template-columns:1fr;gap:var(--spacing-lg)}.credit-card-flow-stage:not(:last-child):after{display:none}}.case-study-wrapper{display:flex;flex-direction:column;background:var(--color-surface-canvas)}.case-study-hero{width:100%}.case-study-page{display:grid;grid-template-columns:212px minmax(0,1fr);gap:clamp(32px,5vw,64px);width:calc(100% - (2 * var(--layout-gutter)));max-width:var(--layout-max-width);margin:clamp(62px,8vw,104px) auto clamp(64px,8vw,112px)}@media (max-width: 960px){.case-study-page{grid-template-columns:1fr;margin-top:clamp(16px,5vw,40px)}}.case-study-main{grid-column:2;width:100%}@media (max-width: 960px){.case-study-main{grid-column:1}}.case-study-main>section{width:100%;margin:0;padding-top:var(--spacing-case-section);padding-bottom:var(--spacing-case-section);padding-left:0;padding-right:0}.case-study-main>section:first-child{padding-top:clamp(68px,8vw,108px)}.dm-redesign-main #context{padding-bottom:0}.case-study-main>section+section:not(.section-content-variant-solid-dark){border-top:0}.case-study-main>.section-content-variant-solid-dark,.case-study-main>.section-learning{padding-left:clamp(28px,5vw,64px);padding-right:clamp(28px,5vw,64px)}.case-study-main>.section-content-variant-solid-dark{box-shadow:var(--shadow-atmospheric)}.case-study-main .container{max-width:none}@media (max-width: 768px){.case-study-main>section{padding-top:var(--spacing-case-section-mobile);padding-bottom:var(--spacing-case-section-mobile)}}.logo-transition{position:relative;display:grid;gap:clamp(10px,1.5vw,16px);width:100%;padding:clamp(16px,2.4vw,24px);overflow:hidden;border-radius:var(--radius-surface);background:radial-gradient(circle at 80% 75%,color-mix(in srgb,var(--color-accent-default) 8%,transparent),transparent 44%),var(--color-surface-subtle);box-shadow:var(--shadow-soft)}.logo-transition-panel{position:relative;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;min-height:clamp(118px,15vw,172px);margin:0;padding:clamp(10px,1.5vw,16px)}.logo-transition-panel img{width:100%;height:auto;max-height:clamp(94px,12vw,136px);object-fit:contain}.logo-transition-label{order:-1;align-self:flex-start;padding:5px 9px;border-radius:999px;background:var(--color-surface-elevated);color:var(--color-content-secondary);font-size:clamp(10px,.95vw,11px);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.logo-transition-panel-after .logo-transition-label{background:color-mix(in srgb,var(--color-accent-default) 14%,var(--color-surface-elevated));color:var(--color-accent-strong)}.logo-transition-direction{display:inline-flex;justify-self:center;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;background:var(--color-accent-default);color:var(--color-content-inverse);font-size:19px;font-weight:700;line-height:1}.semantic-palette-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.4vw,28px);width:100%;min-width:0}.semantic-palette{min-width:0;overflow:hidden;padding:clamp(16px,2vw,24px);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.semantic-palette h4{margin:0 0 var(--spacing-md);font-size:clamp(18px,2vw,24px);letter-spacing:-.03em}.semantic-palette-light{border:1px solid #e5e5df;background:#ffffff;color:#010705}.semantic-palette-dark{border:1px solid #333330;background:#0d0d0c;color:#fff}.semantic-palette-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.semantic-palette-token{display:flex;min-width:0;gap:clamp(6px,1vw,10px);align-items:center;min-height:clamp(34px,4.5vw,42px);padding:6px clamp(7px,1vw,11px);border-radius:10px;font-size:clamp(9px,.9vw,12px);line-height:1.2;overflow-wrap:anywhere}.semantic-palette-light .semantic-palette-token{border:1px solid #e5e5df;background:#ffffff}.semantic-palette-dark .semantic-palette-token{border:1px solid #333330;background:#0d0d0c}.semantic-palette-color{display:block;flex:none;width:clamp(16px,2vw,21px);height:clamp(16px,2vw,21px);border:1px solid rgba(125,128,123,.34);border-radius:999px;background:var(--token-color)}.semantic-palette-token>span:last-child{min-width:0;overflow-wrap:anywhere}@media (max-width: 768px){.semantic-palette-comparison{grid-template-columns:1fr}.semantic-palette-token{font-size:12px}}.interactive-palette,.process-step-media-palette{width:100%}.interactive-palette-track{display:flex;min-height:clamp(236px,27vw,290px);overflow:hidden;border-radius:var(--radius-lg);background:var(--color-surface-muted);box-shadow:var(--shadow-soft)}.interactive-palette-color{display:flex;flex:1 1 0;flex-direction:column;align-items:flex-start;min-width:0;padding:clamp(18px,2.2vw,26px) clamp(8px,.85vw,13px);border:0;background:var(--palette-color);color:var(--palette-text);cursor:pointer;font-family:var(--font-body);text-align:left;transition:opacity .18s ease,box-shadow .18s ease}.interactive-palette-track-active .interactive-palette-color:not(.is-active){opacity:.34}.interactive-palette-color.is-active{box-shadow:inset 0 0 0 3px #0107053d}.interactive-palette-color:focus-visible{position:relative;z-index:1;outline-offset:-4px}.interactive-palette-name{max-width:100%;font-size:clamp(11px,1vw,14px);font-weight:600;line-height:1.18;overflow-wrap:break-word}.interactive-palette-hex{margin-top:clamp(12px,2vw,22px);font-size:clamp(10px,.9vw,12px);letter-spacing:-.02em}.interactive-palette-share{margin-top:auto;font-size:clamp(18px,2.4vw,29px);font-weight:500;line-height:1}.interactive-palette-detail{display:flex;align-items:center;min-height:148px;margin-top:var(--spacing-md);padding:clamp(20px,3vw,28px);border:0;border-radius:var(--radius-md);background:var(--color-surface-subtle);box-shadow:var(--shadow-soft)}.interactive-palette-detail.has-selection{display:grid;grid-template-columns:minmax(160px,.45fr) minmax(220px,1fr) auto;gap:var(--spacing-md)}.interactive-palette-detail-heading{display:flex;align-items:center;gap:12px}.interactive-palette-dot{width:42px;height:42px;flex:0 0 42px;border:1px solid rgba(1,7,5,.12);border-radius:50%;background:var(--palette-color)}.interactive-palette-detail h4{margin:2px 0 0;color:var(--color-content-primary);font-size:clamp(19px,2vw,24px);letter-spacing:-.03em}.interactive-palette-role{margin:0;color:var(--color-accent-default);font-size:12px;font-weight:700;letter-spacing:.1em;line-height:1.2;text-transform:uppercase}.process-step-content .interactive-palette-description,.process-step-content .interactive-palette-instruction{margin:0;max-width:none;color:var(--color-content-secondary);font-size:clamp(15px,1.35vw,17px);line-height:1.55}.interactive-palette-reset{padding:10px 16px;border:1px solid var(--color-border-default);border-radius:999px;background:var(--color-surface-canvas);color:var(--color-content-primary);cursor:pointer;font:600 14px/1.25 var(--font-body);white-space:nowrap}.interactive-palette-reset:hover{background:var(--color-surface-muted)}@media (max-width: 768px){.interactive-palette-track{min-height:258px;overflow-x:auto;border-radius:var(--radius-md)}.interactive-palette-color{flex:0 0 clamp(96px,calc(var(--palette-share) * 6),164px);padding-right:clamp(12px,3vw,16px);padding-left:clamp(12px,3vw,16px)}.interactive-palette-color.is-active{flex-basis:clamp(116px,calc(var(--palette-share) * 7),178px)}.interactive-palette-detail.has-selection{grid-template-columns:1fr}}.accessibility-comparison{width:100%}.accessibility-comparison-grid{display:grid;grid-template-columns:minmax(0,1fr) clamp(70px,10vw,116px) minmax(0,1fr);gap:clamp(14px,2vw,28px);align-items:center}.accessibility-comparison-card{display:flex;flex-direction:column;min-width:0;margin:0;padding:clamp(14px,2vw,22px);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-subtle)}.accessibility-comparison-card-after{border-color:color-mix(in srgb,var(--color-accent-default) 36%,var(--color-border-subtle));background:color-mix(in srgb,var(--color-accent-default) 5%,var(--color-surface-subtle))}.accessibility-comparison-caption{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;margin-bottom:12px}.accessibility-comparison-stage{color:var(--color-content-primary);font-size:clamp(18px,2vw,23px);font-weight:650;letter-spacing:-.03em}.accessibility-comparison-status{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:clamp(11px,1vw,12px);font-weight:650;line-height:1.2;white-space:nowrap}.accessibility-comparison-status-before{background:#fce8e6;color:#a2352c}.accessibility-comparison-status-after{background:color-mix(in srgb,var(--color-accent-default) 14%,var(--color-surface-canvas));color:color-mix(in srgb,var(--color-accent-default) 70%,#074132)}.process-step-content .accessibility-comparison-ratio{display:flex;gap:8px;align-items:baseline;margin:0 0 clamp(16px,2vw,22px);color:var(--color-content-secondary);font-size:clamp(13px,1.15vw,15px);line-height:1.4}.accessibility-comparison-ratio strong{color:var(--color-content-primary);font-size:clamp(19px,2vw,23px);font-weight:700;letter-spacing:-.03em}.accessibility-comparison-screen{display:block;width:min(100%,310px);height:auto;align-self:center;object-fit:contain}.accessibility-comparison-change{display:flex;flex-direction:column;gap:10px;align-items:center;color:var(--color-accent-default)}.accessibility-comparison-change span{font-size:clamp(10px,1vw,12px);font-weight:650;letter-spacing:.02em;text-align:center}.accessibility-comparison-change svg{width:clamp(42px,5vw,54px);height:auto}.accessibility-comparison-change path{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.process-step-content .accessibility-comparison-note{max-width:none;margin:var(--spacing-md) 0 0;padding-top:var(--spacing-md);border-top:1px solid var(--color-border-subtle);color:var(--color-content-tertiary);font-size:clamp(13px,1.2vw,15px)}[data-theme=dark] .accessibility-comparison-status-before{background:rgba(184,65,55,.2);color:#f1a39c}@media (max-width: 900px){.accessibility-comparison-grid{grid-template-columns:1fr}.accessibility-comparison-change{flex-direction:row;justify-content:center;padding:2px 0}.accessibility-comparison-change svg{transform:rotate(90deg)}.accessibility-comparison-screen{width:min(100%,340px)}}.colors-meaning-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,20px);width:100%;margin-top:var(--spacing-md)}.colors-meaning-swatch-card{min-width:0}.colors-meaning-swatch{display:block;width:clamp(52px,6vw,68px);height:clamp(52px,6vw,68px);margin-bottom:12px;border-radius:clamp(12px,1.5vw,16px);background:var(--swatch-color)}.colors-meaning-swatch-outlined{border:2px solid #e3e5e8}.colors-meaning-token,.colors-meaning-usage{margin:0}.colors-meaning-token{color:var(--color-content-primary);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(11px,1.05vw,13px);font-weight:600}.section-content-body .colors-meaning-usage{margin-top:6px;color:#b84137;font-size:clamp(11px,1.05vw,13px);line-height:1.35}@media (max-width: 768px){.colors-meaning-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}}:root{--neutral-0: #FFFFFF;--neutral-5: #F7FAF9;--neutral-10: #F3F9F7;--neutral-15: #E9F2EE;--neutral-20: #D9E5E0;--neutral-30: #B8C8C2;--neutral-50: #7CA89A;--neutral-60: #4A7A6A;--neutral-70: #2F5046;--neutral-80: #1C2E29;--neutral-85: #161D1B;--neutral-90: #0A0F0E;--neutral-95: #050807;--neutral-100: #000000;--gray-0: #FFFFFF;--gray-5: #FAFAFA;--gray-10: #F3F3F3;--gray-15: #E8E8E8;--gray-20: #D6D6D6;--gray-50: #727272;--gray-75: #292929;--gray-85: #171717;--gray-90: #0A0A0A;--green-10: #D6F7EC;--green-20: #A8EED6;--green-30: #6DDFB8;--green-40: #2FD4A3;--green-50: #0AD0A0;--green-60: #07A07A;--green-70: #057A5C;--green-80: #04553F;--green-90: #022E22;--red-50: #E5484D;--red-60: #B5363B}:root{--color-surface-canvas: var(--neutral-0);--color-surface-subtle: var(--neutral-5);--color-surface-muted: var(--neutral-10);--color-surface-elevated: var(--neutral-0);--color-surface-overlay: var(--neutral-90);--color-surface-inverse: var(--neutral-90);--color-content-primary: var(--neutral-90);--color-content-secondary: rgba(10, 15, 14, .78);--color-content-tertiary: var(--neutral-60);--color-content-quiet: var(--neutral-50);--color-content-on-overlay: var(--neutral-5);--color-content-on-accent: var(--neutral-90);--color-content-inverse: var(--neutral-0);--color-border-subtle: rgba(10, 15, 14, .08);--color-border-default: rgba(10, 15, 14, .16);--color-border-strong: var(--neutral-60);--color-border-on-overlay: rgba(228, 240, 236, .08);--color-border-focus: var(--green-50);--color-action-primary-bg: var(--green-50);--color-action-primary-bg-hover: var(--green-60);--color-action-primary-bg-active: var(--green-70);--color-action-primary-content: var(--neutral-90);--color-action-secondary-bg: transparent;--color-action-secondary-bg-hover: var(--neutral-10);--color-action-secondary-content: var(--neutral-90);--color-action-secondary-border: var(--neutral-60);--color-action-floating-bg: var(--neutral-0);--color-action-floating-bg-hover: var(--neutral-10);--color-action-floating-content: var(--neutral-90);--color-action-floating-border: var(--neutral-90);--color-action-floating-shadow: rgba(10, 15, 14, .08);--color-work-placeholder-start: var(--neutral-80);--color-work-placeholder-end: var(--neutral-60);--color-work-placeholder-content: var(--neutral-0);--color-control-surface: var(--gray-10);--color-control-surface-hover: var(--gray-15);--color-control-surface-active: var(--gray-0);--color-control-content: var(--gray-90);--color-control-content-muted: var(--gray-50);--color-control-border: var(--gray-20);--color-control-border-active: rgba(10, 10, 10, .18);--color-carousel-control-bg: rgba(255, 255, 255, .94);--color-carousel-control-bg-hover: var(--gray-90);--color-carousel-control-content: var(--gray-90);--color-carousel-control-hover-content: var(--gray-0);--color-carousel-control-border: var(--gray-90);--color-brand-mark-surface: transparent;--color-accent-default: var(--green-60);--color-accent-strong: var(--green-70);--color-accent-on-overlay: var(--green-50);--color-accent-surface: var(--green-10);--color-accent-border: rgba(10, 208, 160, .2);--color-accent-glow: rgba(10, 208, 160, .12);--color-feedback-success: var(--green-60);--color-feedback-error: var(--red-60);--color-focus-ring: var(--green-50);--color-focus-ring-offset: var(--neutral-0);--bg: var(--color-surface-canvas);--surface: var(--color-surface-elevated);--surface-subtle: var(--color-surface-subtle);--text-primary: var(--color-content-primary);--text-secondary: var(--color-content-secondary);--accent: var(--green-50);--accent-text: var(--color-accent-default);--accent-subtle: rgba(10, 208, 160, .1);--border: var(--color-border-subtle);--tag-bg: var(--color-accent-surface);--tag-text: var(--color-accent-default);--section-dark-bg: var(--color-surface-overlay);--section-dark-surface: var(--neutral-85);--section-dark-text: var(--color-content-on-overlay);--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 40px;--spacing-xl: 60px;--spacing-section: 100px;--spacing-case-section: clamp(116px, 12vw, 168px);--spacing-case-section-mobile: clamp(88px, 20vw, 120px);--layout-max-width: 1200px;--layout-gutter: clamp(24px, 4.25vw, 60px);--content-reading-width: 760px;--layout-reading-width: 700px;--font-display: "Bricolage Grotesque", sans-serif;--font-tagline: "Fraunces", serif;--font-body: "DM Sans", sans-serif;--font-display-xl: clamp(72px, 11.4vw, 164px);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-surface: clamp(24px, 3vw, 36px);--surface-glass: rgba(255, 255, 255, .68);--surface-glass-strong: rgba(255, 255, 255, .84);--shadow-soft: 0 1px 2px rgba(10, 15, 14, .03), 0 16px 42px rgba(10, 15, 14, .06);--shadow-floating: 0 2px 8px rgba(10, 15, 14, .04), 0 34px 80px rgba(10, 15, 14, .13);--shadow-glow: 0 16px 60px rgba(10, 208, 160, .12);--shadow-atmospheric: 0 48px 120px rgba(10, 15, 14, .09);--blur-soft: blur(12px);--blur-medium: blur(24px);--motion-smooth: .32s cubic-bezier(.22, 1, .36, 1);--motion-cinematic: .76s cubic-bezier(.22, 1, .36, 1);--hero-bg: var(--neutral-90);--hero-title-color: var(--neutral-5);--hero-accent-color: var(--green-50);--learned-bg: var(--color-surface-subtle);--learned-title-color: var(--color-content-primary);--learned-body-color: var(--color-content-secondary);--learned-accent-color: var(--color-accent-default);--z-navbar: 1000;--z-sidebar: 900;--z-scroll-to-top: 800;--z-modal: 2000}[data-theme=dark]{--color-surface-canvas: var(--neutral-90);--color-surface-subtle: var(--neutral-85);--color-surface-muted: var(--neutral-85);--color-surface-elevated: var(--neutral-80);--color-surface-overlay: var(--neutral-95);--color-surface-inverse: var(--neutral-0);--color-content-primary: var(--neutral-5);--color-content-secondary: var(--neutral-15);--color-content-tertiary: var(--neutral-50);--color-content-quiet: var(--neutral-60);--color-content-on-overlay: var(--neutral-15);--color-content-on-accent: var(--neutral-90);--color-content-inverse: var(--neutral-90);--color-border-subtle: rgba(228, 240, 236, .08);--color-border-default: rgba(228, 240, 236, .16);--color-border-strong: var(--neutral-50);--color-border-on-overlay: rgba(228, 240, 236, .12);--color-border-focus: var(--green-40);--color-action-primary-bg: var(--green-50);--color-action-primary-bg-hover: var(--green-40);--color-action-primary-bg-active: var(--green-30);--color-action-primary-content: var(--neutral-90);--color-action-secondary-bg: transparent;--color-action-secondary-bg-hover: rgba(228, 240, 236, .05);--color-action-secondary-content: var(--neutral-5);--color-action-secondary-border: var(--neutral-50);--color-action-floating-bg: var(--neutral-5);--color-action-floating-bg-hover: var(--neutral-15);--color-action-floating-content: var(--neutral-90);--color-action-floating-border: var(--neutral-5);--color-action-floating-shadow: rgba(0, 0, 0, .28);--color-work-placeholder-start: var(--neutral-80);--color-work-placeholder-end: var(--neutral-60);--color-work-placeholder-content: var(--neutral-0);--color-control-surface: var(--gray-85);--color-control-surface-hover: var(--gray-75);--color-control-surface-active: var(--gray-75);--color-control-content: var(--gray-0);--color-control-content-muted: var(--gray-20);--color-control-border: var(--gray-50);--color-control-border-active: rgba(255, 255, 255, .24);--color-carousel-control-bg: rgba(10, 10, 10, .88);--color-carousel-control-bg-hover: var(--gray-0);--color-carousel-control-content: var(--gray-0);--color-carousel-control-hover-content: var(--gray-90);--color-carousel-control-border: var(--gray-0);--color-brand-mark-surface: var(--gray-0);--color-accent-default: var(--green-50);--color-accent-strong: var(--green-40);--color-accent-on-overlay: var(--green-50);--color-accent-surface: rgba(10, 208, 160, .08);--color-accent-border: rgba(10, 208, 160, .24);--color-accent-glow: rgba(10, 208, 160, .18);--color-feedback-success: var(--green-40);--color-feedback-error: var(--red-50);--color-focus-ring: var(--green-40);--color-focus-ring-offset: var(--neutral-90);--bg: var(--color-surface-canvas);--surface: var(--neutral-80);--surface-subtle: var(--neutral-85);--text-primary: var(--color-content-primary);--text-secondary: var(--color-content-secondary);--accent: var(--green-50);--accent-text: var(--green-50);--accent-subtle: rgba(10, 208, 160, .15);--border: var(--color-border-subtle);--tag-bg: var(--green-50);--tag-text: var(--neutral-90);--section-dark-bg: var(--color-surface-overlay);--section-dark-surface: var(--neutral-85);--section-dark-text: var(--color-content-on-overlay);--hero-bg: var(--neutral-95);--hero-title-color: var(--neutral-5);--hero-accent-color: var(--green-50);--learned-bg: var(--color-surface-subtle);--learned-title-color: var(--color-content-primary);--learned-body-color: var(--color-content-secondary);--learned-accent-color: var(--color-accent-default);--surface-glass: rgba(18, 26, 24, .72);--surface-glass-strong: rgba(18, 26, 24, .9);--shadow-soft: 0 1px 2px rgba(0, 0, 0, .24), 0 18px 48px rgba(0, 0, 0, .24);--shadow-floating: 0 2px 10px rgba(0, 0, 0, .3), 0 36px 88px rgba(0, 0, 0, .42);--shadow-glow: 0 18px 68px rgba(10, 208, 160, .2);--shadow-atmospheric: 0 48px 120px rgba(0, 0, 0, .36)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--color-content-primary);background-color:var(--color-surface-canvas);transition:background-color .2s ease,color .2s ease;line-height:1.7;overflow-x:hidden}.skip-link{position:fixed;top:var(--spacing-sm);left:var(--spacing-sm);z-index:calc(var(--z-modal) + 1);padding:10px 16px;border-radius:var(--radius-sm);color:var(--color-action-primary-content);background:var(--color-action-primary-bg);font-weight:600;transform:translateY(calc(-100% - var(--spacing-lg)));transition:transform .16s ease}.skip-link:focus-visible{color:var(--color-action-primary-content);transform:translateY(0)}[id]{scroll-margin-top:calc(64px + var(--spacing-md))}.app-status{min-height:100vh;display:grid;place-content:center;gap:var(--spacing-sm);padding:var(--layout-gutter);text-align:center}.app-status button{justify-self:center;padding:10px 18px;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-content-primary);background:var(--color-surface-elevated);cursor:pointer}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:800;line-height:1.1;letter-spacing:-.02em}h1{font-size:var(--font-display-xl);letter-spacing:-3px;margin-bottom:var(--spacing-lg)}h2{font-size:clamp(40px,5vw,72px);margin-bottom:var(--spacing-lg)}h3{font-size:clamp(32px,4vw,48px);margin-bottom:var(--spacing-md)}p{font-size:18px;line-height:1.7;margin-bottom:var(--spacing-md);color:var(--text-secondary)}.tagline{font-family:var(--font-tagline);font-style:italic;font-weight:300;font-size:clamp(20px,2.5vw,36px);line-height:1.4;color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.meta{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-secondary);margin-bottom:var(--spacing-md)}.container{width:100%;max-width:var(--layout-max-width);margin:0 auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;clip-path:inset(50%);border:0}.section{padding:clamp(96px,12vw,152px) var(--layout-gutter);margin:0}@media (max-width: 768px){.section{padding:var(--spacing-section) var(--layout-gutter)}}.section-dark{background-color:var(--section-dark-bg);color:var(--section-dark-text)}.section-dark p,.section-dark h2,.section-dark h3{color:var(--section-dark-text)}.tag{display:inline-block;padding:6px 12px;background-color:var(--tag-bg);color:var(--tag-text);border-radius:999px;font-size:13px;font-weight:600;margin-right:var(--spacing-sm);margin-bottom:var(--spacing-sm)}a{color:var(--accent);text-decoration:none;transition:color var(--motion-smooth)}a:hover{color:var(--accent-text)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--surface-subtle)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-text)}