:root{--c-navy:#111844;--c-blue:#4b5694;--c-steel:#7288ae;--c-beige:#eae0cf;--c-orange:#ff6b35;--c-teal:#00f5d4;--c-navy-90:#191f4a;--c-navy-80:#222857;--c-steel-30:#7288ae4d;--c-steel-15:#7288ae26;--c-beige-10:#eae0cf1a;--c-beige-20:#eae0cf33;--c-beige-light:#f4efe6;--bg:var(--c-navy);--bg-surface:var(--c-navy-90);--bg-raised:var(--c-navy-80);--text-primary:var(--c-beige);--text-secondary:var(--c-steel);--text-muted:#eae0cf73;--accent:var(--c-blue);--accent-light:var(--c-steel);--border:var(--c-steel-15);--border-hover:var(--c-steel-30);--font-display:"Playfair Display", Georgia, serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Courier New", monospace;--text-2xs:.625rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.75rem;--text-5xl:3.75rem;--text-6xl:5.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--space-32:8rem;--max-width:1200px;--gutter:clamp(1.5rem, 5vw, 4rem);--section-gap:clamp(5rem, 12vw, 10rem);--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.45, 0, .55, 1);--duration-fast:.18s;--duration-base:.3s;--duration-slow:.6s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:var(--bg);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);min-height:100vh;line-height:1.6;overflow-x:hidden}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul,ol{list-style:none}.container{width:100%;max-width:var(--max-width);padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:var(--section-gap);scroll-margin-top:72px}.section-alt .section-heading,.section-alt .section-label,.section-alt p,.section-alt .stat-label,.section-alt .stat-number,.section-alt .editorial-heading,.section-alt .editorial-sub,.section-alt .editorial-col-title,.section-alt .editorial-col-desc,.section-alt .editorial-stat-num,.section-alt .editorial-stat-label{color:var(--c-navy)}.section-alt .section-label:before{background:var(--c-blue)}.section-alt .stat-number{color:var(--c-blue)}.font-display{font-family:var(--font-display)}.font-body{font-family:var(--font-body)}.font-mono{font-family:var(--font-mono)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--c-beige)}.section-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--c-steel);align-items:center;gap:var(--space-3);font-weight:500;display:flex}.section-label:before{content:"";background:var(--c-steel);flex-shrink:0;width:2rem;height:1px;display:block}.section-heading{font-family:var(--font-display);font-size:clamp(var(--text-3xl), 5vw, var(--text-4xl));color:var(--text-primary);margin-top:var(--space-4);font-weight:600;line-height:1.15}.tag{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-secondary);background:var(--c-beige-10);white-space:nowrap;align-items:center;padding:.2em .65em;font-weight:500;display:inline-flex}.tag--status{color:var(--c-beige);border-color:var(--c-steel-30);background:var(--c-steel-15)}.tag--status.wip:before{content:"";background:#7fc97f;border-radius:50%;width:5px;height:5px;margin-right:5px;animation:2s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.btn-link{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;color:var(--text-secondary);transition:color var(--duration-fast) var(--ease-out);padding:var(--space-2) 0;border-bottom:1px solid #0000;font-weight:500;display:inline-flex}.btn-link:hover{color:var(--text-primary);border-bottom-color:var(--c-steel-30)}.btn-link svg{width:12px;height:12px;transition:transform var(--duration-fast) var(--ease-out)}.btn-link:hover svg{transform:translate(2px,-2px)}.divider{background:var(--border);width:100%;height:1px}.reveal{opacity:0;transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out);transform:translateY(24px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}.scaffold-section{border:1px dashed var(--border);border-radius:var(--radius-lg);padding:var(--space-16) var(--space-8);text-align:center;color:var(--text-muted);margin-block:var(--space-8)}.scaffold-section strong{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:var(--space-2);display:block}.ds-preview{padding:var(--space-12) 0}.ds-preview h2{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.15em;text-transform:uppercase;color:var(--c-steel);margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.ds-row{gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap;align-items:flex-start;display:flex}.ds-swatch{gap:var(--space-2);flex-direction:column;align-items:center;min-width:80px;display:flex}.ds-swatch-block{border-radius:var(--radius-md);border:1px solid var(--border);width:64px;height:64px}.ds-swatch span{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-muted);text-align:center}.ds-type-row{gap:var(--space-4);margin-bottom:var(--space-8);flex-direction:column;display:flex}.ds-type-sample{align-items:baseline;gap:var(--space-4);display:flex}.ds-type-label{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-muted);flex-shrink:0;min-width:120px}.nav{width:100%;height:56px;padding-inline:var(--gutter);z-index:100;transition:background-color var(--duration-base) var(--ease-out), border-bottom var(--duration-base) var(--ease-out), backdrop-filter var(--duration-base) var(--ease-out);background-color:#0000;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0}.nav.scrolled{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background-color:#111844b3}.nav-brand{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}.nav-brand:hover{color:var(--c-orange)}.nav-links{gap:var(--space-6);display:flex}.nav-link{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;color:var(--text-primary);text-transform:lowercase;transition:color var(--duration-fast) var(--ease-out);text-decoration:none}.nav-link:hover{color:var(--c-orange)}@media (width<=768px){.nav-links{display:none}}.nav-lab-icon{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);border:1px solid var(--border);width:40px;height:40px;transition:all var(--duration-fast) var(--ease-out);background:var(--bg-surface);border-radius:50%;justify-content:center;align-items:center;display:flex}.nav-lab-icon:hover,.nav-lab-icon.is-active{background:var(--c-beige);color:var(--c-navy);border-color:var(--c-beige)}.lab-panel{top:64px;right:var(--gutter);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:320px;padding:var(--space-6);z-index:99;opacity:0;pointer-events:none;transition:all var(--duration-base) var(--ease-out);position:fixed;transform:translateY(-10px);box-shadow:0 12px 40px #0000004d}.lab-panel.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.lab-panel-header{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.lab-panel-title{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--c-steel)}.lab-panel-close{color:var(--c-steel);width:24px;height:24px;transition:background var(--duration-fast), color var(--duration-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.lab-panel-close:hover{background:var(--border);color:var(--text-primary)}.lab-panel-close svg{width:12px;height:12px}.lab-panel-content{gap:var(--space-6);flex-direction:column;display:flex}.lab-section{gap:var(--space-2);flex-direction:column;display:flex}.lab-section-label{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--c-orange);text-transform:uppercase;letter-spacing:.1em}.lab-section-text{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.hero{background:linear-gradient(270deg, var(--c-navy), var(--c-navy-90));background-size:200% 200%;flex-direction:column;justify-content:center;align-items:flex-start;min-height:100dvh;padding-top:56px;padding-bottom:56px;animation:15s infinite gradientShift;display:flex;position:relative}.hero-container{width:100%;max-width:var(--max-width);padding-inline:var(--gutter);flex-direction:column;align-items:flex-start;margin-inline:auto;display:flex}.hero-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--c-steel);letter-spacing:.15em;margin-bottom:var(--space-4)}.hero-name{font-family:var(--font-display);font-size:clamp(var(--text-4xl), 8vw, var(--text-6xl));color:var(--c-beige);margin-bottom:var(--space-2);cursor:default;flex-wrap:wrap;font-weight:700;line-height:1.1;display:flex}.hero-name span{display:inline-block}.hero-subtitle-container{height:clamp(var(--text-2xl), 5vw, var(--text-3xl));margin-bottom:var(--space-4);align-items:center;display:flex;overflow:hidden}.hero-subtitle{font-family:var(--font-display);font-size:clamp(var(--text-2xl), 5vw, var(--text-3xl));color:var(--c-steel);transition:opacity var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out);font-style:italic}.hero-desc{font-family:var(--font-body);font-size:var(--text-base);color:var(--c-steel);max-width:480px;margin-bottom:var(--space-8);opacity:0;transition:opacity var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out);transform:translateY(10px)}.hero-desc.show{opacity:1;transform:translateY(0)}.hero-actions{gap:var(--space-6);opacity:0;transition:opacity var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out);flex-wrap:wrap;display:flex;transform:translateY(10px)}.hero-actions.show{opacity:1;transform:translateY(0)}.scroll-indicator{bottom:var(--space-8);color:var(--c-steel);opacity:1;transition:opacity var(--duration-base) var(--ease-out);align-items:center;gap:var(--space-2);animation:bounce 2s infinite var(--ease-in-out);flex-direction:column;display:flex;position:absolute;left:50%;transform:translate(-50%)}.scroll-indicator.hidden{opacity:0;pointer-events:none}@keyframes bounce{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,8px)}}@media (prefers-reduced-motion:reduce){.hero-name span{opacity:1!important;transform:none!important}.hero{background:var(--c-navy);animation:none!important}.scroll-indicator{animation:none!important}}.about-grid{gap:var(--space-8);margin-top:var(--space-12);margin-bottom:var(--space-12);grid-template-columns:1fr;display:grid}@media (width>=768px){.about-grid{grid-template-columns:55% 40%;justify-content:space-between;gap:5%}}.about-prose{gap:var(--space-6);font-family:var(--font-body);font-size:var(--text-lg);color:var(--text-secondary);flex-direction:column;line-height:1.8;display:flex}.about-prose p:first-child{font-size:var(--text-xl);color:var(--text-primary);font-weight:500}.about-stats{gap:var(--space-6);grid-template-columns:repeat(2,1fr);align-content:start;display:grid}.stat-block{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);transition:transform var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out)}.stat-block:hover{border-color:var(--c-orange);transform:translateY(-4px)}.stat-number{font-family:var(--font-display);font-size:var(--text-4xl);color:var(--c-orange);margin-bottom:var(--space-2);font-weight:700;line-height:1.1}.stat-label{font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-primary);letter-spacing:.08em;text-transform:uppercase}.process-scroll-container{gap:var(--space-8);margin-top:var(--space-12);flex-direction:column;display:flex}@media (width>=768px){.process-scroll-container{gap:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}}@media (width>=1024px){.process-scroll-container{gap:var(--space-4);grid-template-columns:repeat(4,1fr)}}.process-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-8);width:100%;transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);position:relative;overflow:hidden}.process-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.process-card:before{content:"";background:linear-gradient(90deg, var(--c-blue), var(--c-teal));opacity:0;width:100%;height:4px;transition:opacity var(--duration-fast) var(--ease-out);position:absolute;top:0;left:0}.process-card:hover:before{opacity:1}.process-num{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--c-steel);letter-spacing:.15em}.process-name{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-primary);margin-top:var(--space-3);font-weight:600}.process-desc{font-family:var(--font-body);font-size:var(--text-sm);color:var(--c-steel);margin-top:var(--space-4);line-height:1.7}.filter-bar{gap:var(--space-2);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.btn-filter{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-muted);transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;padding:.4em 1em}.btn-filter:hover{border-color:var(--border-hover);color:var(--text-primary)}.btn-filter.active{background:var(--c-blue);border-color:var(--c-blue);color:var(--c-beige)}.folder-stack-container{margin-top:var(--space-8);flex-direction:column;padding-bottom:20vh;display:flex;position:relative}.folder-card{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);min-height:80vh;transition:transform var(--duration-base) var(--ease-out);flex-direction:column;text-decoration:none;display:flex;position:sticky;overflow:hidden;box-shadow:0 -10px 40px #0003}.folder-card-inner{padding:var(--space-6) var(--space-8);flex-direction:column;height:100%;display:flex;position:relative}.folder-header{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--space-8);justify-content:space-between;align-items:flex-start;display:flex}.folder-meta-left{gap:var(--space-1);flex-direction:column;display:flex}.folder-meta-center{text-align:center;max-width:40%;line-height:1.4}@media (width<=768px){.folder-meta-center{display:none}}.folder-meta-right{text-align:right}.folder-bookmark{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);border:1px solid;display:inline-flex}.bookmark-icon{width:12px;height:12px}.folder-year{opacity:.8}.folder-body{padding-bottom:var(--space-8);z-index:2;justify-content:center;align-items:flex-end;display:flex}.folder-title{font-family:var(--font-display);text-align:center;letter-spacing:-.02em;text-transform:uppercase;text-shadow:0 4px 20px #0000001a;max-width:90%;margin:0;font-size:clamp(3rem,11vw,9rem);font-weight:800;line-height:.85}.folder-desc{text-align:center;max-width:600px;font-family:var(--font-body);font-size:var(--text-sm);opacity:.8;margin-top:var(--space-4);padding:0 var(--space-4);line-height:1.6}.folder-image{aspect-ratio:16/10;border-radius:var(--radius-md);z-index:1;width:50%;min-width:280px;max-width:500px;margin-top:auto;margin-bottom:var(--space-8);align-self:center;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s;position:relative;overflow:hidden;transform:perspective(1000px)rotateX(4deg)translateY(0);box-shadow:0 20px 50px #0006}.folder-img-wrapper{width:100%;height:100%}.folder-img-wrapper img{object-fit:cover;width:100%;height:100%}@media (hover:hover){.folder-card:hover .folder-image{transform:perspective(1000px)rotateX(0)translateY(-8px);box-shadow:0 30px 60px #00000080}}.hidden{display:none!important}.footer{padding:var(--space-16) 0 var(--space-12)}.footer-grid{gap:var(--space-8);margin-bottom:var(--space-8);grid-template-columns:1fr;display:grid}@media (width>=768px){.footer-grid{gap:var(--space-8);grid-template-columns:2fr 1fr 1fr}}.footer-brand-name{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-2)}.footer-brand-desc{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted)}.footer-links-col{gap:var(--space-3);flex-direction:column;display:flex}.footer-link{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}.footer-link:hover{color:var(--text-primary)}.footer-link.portfolio{color:var(--c-beige)}.footer-bottom{text-align:center;margin-top:var(--space-6);border-top:1px solid var(--border);padding-top:var(--space-8)}.footer-brand{margin-bottom:var(--space-6);overflow:hidden;container-type:inline-size}.oversized-text{font-family:var(--font-display);color:var(--text-primary);white-space:nowrap;letter-spacing:-.02em;opacity:0;margin:0;padding-bottom:.15em;font-size:clamp(2rem,13.5cqi,15rem);font-weight:700;line-height:1.1;transition:transform 1s cubic-bezier(.16,1,.3,1),opacity 1s cubic-bezier(.16,1,.3,1);transform:translateY(100%)}.oversized-text.is-visible{opacity:1;transform:translateY(0)}.brand-highlight{color:var(--c-orange)}.footer-meta-row{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}@media (width>=768px){.footer-meta-row{flex-direction:row;justify-content:space-between}}.btn-scroll-top{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);transition:color var(--duration-fast);display:inline-flex}.footer-copy{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.section-alt{background-color:var(--c-beige-light);color:var(--c-navy)}.section-alt .section-heading,.section-alt .text-primary{color:var(--c-navy)}.section-alt .text-secondary{color:var(--c-blue)}.section-alt .text-muted{color:#11184499}.section-alt .bg-surface,.section-alt .project-card,.section-alt .process-card{background-color:var(--c-beige);border-color:#1118441a}.section-alt .process-card:hover{box-shadow:0 8px 24px #1118441a}.section-alt .process-card:before{background:linear-gradient(90deg, var(--c-orange), var(--c-blue))}.section-alt .project-card:hover{border-color:var(--c-orange);box-shadow:0 12px 30px #1118441a}.section-alt .tag{color:var(--c-navy);background-color:#1118440d;border-color:#1118441a}.section-alt .tag--status.wip:before{background:var(--c-orange)}.section-alt .btn-link{color:var(--c-navy)}.section-alt .btn-link:hover{border-bottom-color:var(--c-navy);color:var(--c-orange)}.section-alt .btn-filter{color:var(--c-navy);border-color:#11184433}.section-alt .btn-filter:hover{border-color:var(--c-navy)}.section-alt .btn-filter.active{background-color:var(--c-navy);color:var(--c-beige)}.section-alt .section-label{color:var(--c-blue)}.section-alt .section-label:before{background-color:var(--c-blue)}.section-alt .process-num{color:var(--c-orange)}.section-alt .process-desc,.section-alt .project-desc,.section-alt .project-tagline{color:#111844b3}.section-alt .tag--status{color:var(--c-navy);background-color:#1118440d;border-color:#1118441a}.editorial-card{border:none;border-bottom:1px solid var(--border);padding-bottom:var(--space-8);margin-bottom:var(--space-8);transition:border-color var(--duration-fast) var(--ease-out);background:0 0;border-radius:0;flex-direction:column;display:flex}.editorial-card:hover{border-color:var(--c-orange);box-shadow:none;transform:none}.section-alt .editorial-card:hover{border-color:var(--c-orange);box-shadow:none}.editorial-card-inner{gap:var(--space-6);flex-direction:column;display:flex}.editorial-card-header{border-bottom:1px solid var(--border);padding-bottom:var(--space-2);justify-content:space-between;align-items:baseline;display:flex}.editorial-number{font-family:var(--font-display);font-size:var(--text-xl);color:var(--c-orange);font-weight:600}.editorial-meta{gap:var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--c-steel);display:flex}.editorial-img-wrapper{aspect-ratio:16/9;background-color:var(--bg-raised);width:100%;position:relative;overflow:hidden}.editorial-img-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-slow) var(--ease-out)}.editorial-img-wrapper:hover img{transform:scale(1.05)}.editorial-card-body{gap:var(--space-3);flex-direction:column;display:flex}.editorial-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;line-height:1.2}.editorial-desc{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-secondary);line-height:1.6}.editorial-link{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--text-primary);align-self:flex-start}@media (width>=768px){.editorial-card-inner{flex-direction:row;align-items:flex-start}.editorial-img-wrapper{order:2;width:50%}.editorial-card-header{gap:var(--space-4);border-bottom:none;flex-direction:column;width:10%}.editorial-meta{flex-direction:column}.editorial-card-body{width:40%;padding-right:var(--space-8);order:1}}.case-study{padding-top:100px}.case-study-hero{padding-block:var(--space-12) var(--space-16)}.back-link{margin-bottom:var(--space-8);font-size:var(--text-sm)}.case-study-meta{gap:var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;color:var(--c-orange);margin-bottom:var(--space-6);text-transform:uppercase;display:flex}.case-study-title{font-family:var(--font-display);font-size:clamp(var(--text-4xl), 6vw, var(--text-6xl));margin-bottom:var(--space-4);font-weight:700;line-height:1.1}.case-study-tagline{font-family:var(--font-body);font-size:clamp(var(--text-lg), 3vw, var(--text-xl));color:var(--c-steel);max-width:800px;margin-bottom:var(--space-8);line-height:1.5}.case-study-tech-list{gap:var(--space-3);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.tech-item{font-family:var(--font-mono);font-size:var(--text-xs);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--c-beige);padding:.3em .8em}.case-study-image-hero{width:100%;margin-bottom:var(--space-16)}.editorial-img{aspect-ratio:21/9;object-fit:cover;border-radius:var(--radius-md);width:100%}.cs-grid{gap:var(--space-12);margin-bottom:var(--space-32);grid-template-columns:1fr;display:grid}@media (width>=1024px){.cs-grid{grid-template-columns:3fr 7fr}}.cs-sidebar-sticky{position:sticky;top:100px}.cs-sidebar h3{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--c-orange);margin-bottom:var(--space-4)}.cs-sidebar p{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-secondary);line-height:1.6}.cs-main{gap:var(--space-16);flex-direction:column;display:flex}.cs-section h2{font-family:var(--font-display);font-size:var(--text-3xl);margin-bottom:var(--space-6);color:var(--c-beige);font-weight:600}.cs-section p{font-family:var(--font-body);font-size:var(--text-lg);color:var(--text-secondary);line-height:1.8}.key-learning-box{margin-top:var(--space-8);padding:var(--space-6);border-left:4px solid var(--c-orange);background:var(--bg-surface);font-family:var(--font-body);font-size:var(--text-base);color:var(--c-beige)}.footer-editorial{padding-top:var(--space-24);padding-bottom:var(--space-8);background:var(--bg);border-top:1px solid var(--border)}.footer-editorial .footer-grid{gap:var(--space-12);margin-bottom:var(--space-24);grid-template-columns:1fr;display:grid}@media (width>=768px){.footer-editorial .footer-grid{gap:var(--space-8);grid-template-columns:2fr 1fr 1fr}}.footer-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.15em;text-transform:uppercase;color:var(--c-steel);margin-bottom:var(--space-6)}.footer-prose{font-family:var(--font-body);font-size:var(--text-lg);color:var(--text-secondary);max-width:400px;line-height:1.6}.footer-links{gap:var(--space-3);flex-direction:column;display:flex}.footer-links a{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);transition:color var(--duration-fast) var(--ease-out)}.footer-links a:hover{color:var(--c-orange)}.footer-bottom{border-top:1px solid var(--border);padding-top:var(--space-8)}.footer-brand{text-align:center;margin-bottom:var(--space-12);overflow:hidden}.oversized-text{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.05em;font-size:clamp(3rem,12vw,20rem);font-weight:700;line-height:1}.footer-tea{width:clamp(3rem,10vw,16rem);height:clamp(3rem,10vw,16rem);color:var(--c-orange)}.footer-meta-row{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.copyright{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--c-steel)}.btn-scroll-top{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em;transition:color var(--duration-fast) var(--ease-out);display:flex}.btn-scroll-top:hover{color:var(--c-orange)}.btn-scroll-top svg{width:14px;height:14px}.editorial-grid-section{padding-block:var(--space-16);z-index:10;position:relative}.editorial-grid-section.overlap-prev{padding-top:var(--space-24);background:var(--bg);margin-top:-40vh}.editorial-header{border-bottom:1px solid var(--border);padding-bottom:var(--space-8);margin-bottom:var(--space-8)}.editorial-heading{font-family:var(--font-display);text-transform:uppercase;max-width:900px;margin-bottom:var(--space-6);color:var(--text-primary);font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.1}.editorial-sub{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-secondary);max-width:600px;line-height:1.6}.editorial-columns{gap:var(--space-8);border-bottom:1px solid var(--border);padding-bottom:var(--space-12);margin-bottom:var(--space-12);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.editorial-col{border-left:1px solid var(--border);padding-left:var(--space-4)}.editorial-col:first-child{border-left:none;padding-left:0}.editorial-col-title{font-family:var(--font-display);font-size:var(--text-base);text-transform:uppercase;margin-bottom:var(--space-4);color:var(--text-primary)}.editorial-col-desc{font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-secondary);line-height:1.6}.editorial-stats{gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.editorial-stat{flex-direction:column;display:flex}.editorial-stat-num{font-family:var(--font-display);color:var(--text-primary);font-size:clamp(3rem,8vw,6rem);font-weight:500;line-height:1}.editorial-stat-label{font-family:var(--font-mono);font-size:var(--text-2xs);text-transform:uppercase;color:var(--text-secondary);margin-bottom:var(--space-2)}.section-alt .editorial-grid-section.overlap-prev{background:var(--c-beige-light)}.tea-fumes .fume{transform-origin:bottom;animation:3s ease-in-out infinite alternate floatFume}.tea-fumes .fume-1{animation-delay:0s}.tea-fumes .fume-2{animation-delay:1s}.tea-fumes .fume-3{animation-delay:2s}@keyframes floatFume{0%{opacity:.3;transform:translateY(0)translate(0)scale(1)}to{opacity:.8;transform:translateY(-10px)translate(5px)scale(1.05)}}.nav-brand-container{align-items:center;gap:var(--space-2);display:flex}.nav-tea{width:42px;height:42px;color:var(--c-beige);margin-right:var(--space-3)}.hero-tea-wrapper{width:120px;height:120px;color:var(--c-orange);cursor:crosshair;z-index:10;transition:transform .3s;position:absolute;bottom:10%;right:10%}.hero-tea-wrapper:hover{transform:scale(1.1)rotate(5deg)}.hero-tea-wrapper:hover .fume{animation-duration:1.5s}