:root{--color-text-primary: #1a1a1a;--color-text-secondary: #4a4a4a;--color-text-light: #7a7a7a;--color-background: #ffffff;--color-background-alt: #f8f8f8;--color-accent: #0066cc;--color-emphasis: #cc0000}@media(prefers-color-scheme: dark){:root{--color-text-primary: #ffffff;--color-text-secondary: #b8b8b8;--color-text-light: #888888;--color-background: #1a1a1a;--color-background-alt: #252525;--color-accent: #4d9fff;--color-emphasis: #ff4d4d}}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}@media(prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:clamp(1rem,.95rem + .25vw,1.125rem);font-weight:400;line-height:1.6;letter-spacing:0;color:var(--color-text-primary);background-color:var(--color-background);color:var(--color-text-primary);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:"Source Serif Pro",Georgia,"Times New Roman",serif;font-size:clamp(1.375rem,1.2rem + .875vw,1.75rem);font-weight:600;line-height:1.2;letter-spacing:-0.02em;color:var(--color-text-primary);margin-bottom:1rem}h1:not(:first-child),h2:not(:first-child),h3:not(:first-child),h4:not(:first-child),h5:not(:first-child),h6:not(:first-child){margin-top:2rem}h1{font-size:clamp(3.5rem,2.5rem + 5vw,6rem);font-weight:700;line-height:1.1;letter-spacing:-0.05em;margin-bottom:1.5rem}h2{font-size:clamp(2.25rem,1.8rem + 2.25vw,3.5rem);font-weight:600;line-height:1.2;letter-spacing:-0.02em}h3{font-size:clamp(1.75rem,1.5rem + 1.25vw,2.25rem);font-weight:600}h4{font-size:clamp(1.375rem,1.2rem + .875vw,1.75rem);font-weight:500}h5{font-size:clamp(1.125rem,1rem + .625vw,1.375rem);font-weight:500}h6{font-size:clamp(1rem,.95rem + .25vw,1.125rem);font-weight:600;text-transform:uppercase;letter-spacing:.05em}p{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:clamp(1rem,.95rem + .25vw,1.125rem);font-weight:400;line-height:1.6;letter-spacing:0;color:var(--color-text-primary);margin-bottom:1rem;max-width:65ch}p:last-child{margin-bottom:0}strong{font-weight:600;color:var(--color-text-primary)}em{font-style:italic;color:var(--color-text-primary)}small{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:clamp(.875rem,.8rem + .375vw,1rem);font-weight:400;line-height:1.4;letter-spacing:.02em;color:var(--color-text-light)}a{color:var(--color-accent);text-decoration:none;border-bottom:1px solid rgba(0,0,0,0);transition:border-color .2s cubic-bezier(0.215, 0.61, 0.355, 1)}a:hover,a:focus{border-bottom-color:var(--color-accent)}a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;transition:outline-offset .2s cubic-bezier(0.215, 0.61, 0.355, 1);border-bottom-color:rgba(0,0,0,0)}ul,ol{margin-bottom:1rem;padding-left:1.5rem;max-width:65ch}li{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:clamp(1rem,.95rem + .25vw,1.125rem);font-weight:400;line-height:1.6;letter-spacing:0;color:var(--color-text-primary);margin-bottom:.25rem}li:last-child{margin-bottom:0}blockquote{margin:2rem 0;padding-left:1.5rem;border-left:3px solid var(--color-accent);font-style:italic;color:var(--color-text-secondary);max-width:65ch}code{font-family:"SF Mono","Monaco","Inconsolata","Roboto Mono",monospace;font-size:.9em;background-color:var(--color-background-alt);padding:.1em .3em;border-radius:.2em;color:var(--color-text-primary)}img{max-width:100%;height:auto;display:block}button{font-family:inherit;border:none;cursor:pointer}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;transition:outline-offset .2s cubic-bezier(0.215, 0.61, 0.355, 1)}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;transition:outline-offset .2s cubic-bezier(0.215, 0.61, 0.355, 1)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-40px;left:6px;background:var(--color-accent);color:var(--color-background);padding:8px;text-decoration:none;z-index:1000}.skip-link:focus{top:6px}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}.nav-primary{position:fixed;top:0;left:0;right:0;z-index:100;background-color:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-background-alt);padding:1rem 1.5rem}@media(prefers-color-scheme: dark){.nav-primary{background-color:rgba(26,26,26,.95)}}@media(max-width: 480px){.nav-primary{padding:.5rem 1rem}}.nav-link{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:clamp(1.125rem,1rem + .625vw,1.375rem);font-weight:400;line-height:1.6;letter-spacing:0;color:var(--color-text-primary);font-weight:500;letter-spacing:0;color:var(--color-text-primary);text-decoration:none;border-bottom:2px solid rgba(0,0,0,0);transition:border-color .2s cubic-bezier(0.215, 0.61, 0.355, 1),color .2s cubic-bezier(0.215, 0.61, 0.355, 1)}.nav-link:hover,.nav-link:focus{color:var(--color-accent);border-bottom-color:var(--color-accent)}.nav-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;transition:outline-offset .2s cubic-bezier(0.215, 0.61, 0.355, 1);border-bottom-color:rgba(0,0,0,0)}.nav-link--home{display:inline-flex;align-items:center;gap:.25rem}.nav-link--home::before{content:"";display:inline-block;width:0;height:0;border-top:4px solid rgba(0,0,0,0);border-bottom:4px solid rgba(0,0,0,0);border-right:6px solid currentColor;transform:rotate(180deg);transition:transform .2s cubic-bezier(0.215, 0.61, 0.355, 1)}.nav-link--home:hover::before,.nav-link--home:focus::before{transform:rotate(180deg) translateX(2px)}main{display:grid;grid-template-columns:[full-start] 1fr [content-start] minmax(0, 65ch) [content-end] 1fr [full-end];gap:1.5rem;margin-top:80px;padding-bottom:6rem}main>*{grid-column:content}main .full-width{grid-column:full}@media(max-width: 480px){main{margin-top:60px}}.content-panel{background-color:hsla(0,0%,100%,.8);backdrop-filter:blur(10px);border:1px solid var(--color-background-alt);margin-bottom:4rem;padding:4rem;border-radius:0}@media(prefers-color-scheme: dark){.content-panel{background-color:rgba(26,26,26,.8);border-color:hsla(0,0%,100%,.1)}}@media(max-width: 768px){.content-panel{padding:3rem;margin-bottom:3rem}}@media(max-width: 480px){.content-panel{padding:2rem;margin-bottom:2rem}}.section-header{margin-bottom:3rem;text-align:center}@media(max-width: 480px){.section-header{margin-bottom:2rem}}.section-title{font-family:"Source Serif Pro",Georgia,"Times New Roman",serif;font-size:clamp(2.25rem,1.8rem + 2.25vw,3.5rem);font-weight:600;line-height:1.2;letter-spacing:-0.02em;color:var(--color-text-primary);margin-bottom:.5rem;position:relative}.section-title::after{content:"";display:block;width:60px;height:2px;background-color:var(--color-accent);margin:1rem auto 0}.section-subtitle{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:clamp(1.125rem,1rem + .625vw,1.375rem);font-weight:400;line-height:1.4;letter-spacing:.02em;color:var(--color-text-light);color:var(--color-text-secondary);max-width:50ch;margin:0 auto}.philosophy-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:2rem;margin-top:3rem}@media(max-width: 480px){.philosophy-grid{grid-template-columns:1fr;gap:1.5rem}}.elements-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:3rem}@media(max-width: 768px){.elements-grid{grid-template-columns:1fr;gap:2rem}}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:2rem}@media(max-width: 480px){.tools-grid{grid-template-columns:1fr;gap:1.5rem}}.techniques-list{display:flex;flex-direction:column;gap:3rem;margin-top:3rem}.technique-item{display:grid;grid-template-columns:auto 1fr;gap:2rem;align-items:start}@media(max-width: 768px){.technique-item{grid-template-columns:1fr;gap:1.5rem;text-align:center}}.showcase-content{display:flex;justify-content:center;margin-top:3rem}.showcase-demo{width:100%;max-width:600px;text-align:center}.quote-section{margin-top:4rem;padding-top:3rem;border-top:1px solid var(--color-background-alt);text-align:center}.timeline{display:flex;flex-direction:column;gap:3rem;margin-top:3rem;position:relative}.timeline::before{content:"";position:absolute;left:60px;top:0;bottom:0;width:2px;background-color:var(--color-accent);opacity:.3}@media(max-width: 480px){.timeline::before{left:30px}}.timeline-item{display:grid;grid-template-columns:120px 1fr;gap:2rem;align-items:start;position:relative}@media(max-width: 480px){.timeline-item{grid-template-columns:60px 1fr;gap:1.5rem}}.timeline-item::before{content:"";position:absolute;left:55px;top:8px;width:12px;height:12px;border-radius:50%;background-color:var(--color-accent);border:3px solid var(--color-background);z-index:10}@media(max-width: 480px){.timeline-item::before{left:25px}}.timeline-year{font-family:"Source Serif Pro",Georgia,"Times New Roman",serif;font-size:clamp(1.125rem,1rem + .625vw,1.375rem);font-weight:700;color:var(--color-accent);text-align:right}@media(max-width: 480px){.timeline-year{font-size:clamp(1rem,.95rem + .25vw,1.125rem);text-align:left}}.timeline-content{padding-left:1rem}@media(max-width: 480px){.timeline-content{padding-left:0}}.timeline-title{font-family:"Source Serif Pro",Georgia,"Times New Roman",serif;font-size:clamp(1.125rem,1rem + .625vw,1.375rem);font-weight:600;line-height:1.2;letter-spacing:-0.02em;color:var(--color-text-primary);margin-bottom:.5rem;color:var(--color-text-primary)}.timeline-description{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:clamp(1rem,.95rem + .25vw,1.125rem);font-weight:400;line-height:1.6;letter-spacing:0;color:var(--color-text-primary);color:var(--color-text-secondary);line-height:1.6;margin:0}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-background);overflow:hidden;padding:3rem}@media(max-width: 480px){.hero-section{padding:2rem 1rem;min-height:80vh}}.hero-content{text-align:center;z-index:10;max-width:800px;position:relative}.hero-number{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:clamp(1.125rem,1rem + .625vw,1.375rem);font-weight:400;line-height:1.4;letter-spacing:.02em;color:var(--color-text-light);color:var(--color-text-light);letter-spacing:.05em;margin-bottom:1rem;font-weight:500}.hero-title{margin-bottom:2rem}.hero-title__main{display:block;font-family:"Source Serif Pro",Georgia,"Times New Roman",serif;font-size:clamp(3.5rem,2.5rem + 5vw,6rem);font-weight:700;line-height:1.1;letter-spacing:-0.05em;color:var(--color-text-primary);margin-bottom:.5rem}@media(max-width: 768px){.hero-title__main{font-size:clamp(2.5rem,8vw,4rem)}}.hero-title__sub{display:block;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:clamp(1.75rem,1.5rem + 1.25vw,2.25rem);font-weight:300;line-height:1.4;letter-spacing:.02em;color:var(--color-text-secondary);text-transform:uppercase}@media(max-width: 768px){.hero-title__sub{font-size:clamp(1rem,4vw,1.5rem)}}.hero-description{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:clamp(1.375rem,1.2rem + .875vw,1.75rem);font-weight:400;line-height:1.6;letter-spacing:0;color:var(--color-text-primary);color:var(--color-text-secondary);max-width:50ch;margin:0 auto;line-height:1.6}.hero-description em{color:var(--color-accent);font-style:normal;font-weight:500}@media(max-width: 480px){.hero-description{font-size:clamp(1.125rem,1rem + .625vw,1.375rem)}}.floating-elements{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:-1}.floating-text{position:absolute;font-family:"Source Serif Pro",Georgia,"Times New Roman",serif;font-weight:300;color:var(--color-text-light);opacity:.2;user-select:none}.floating-text--1{top:15%;left:10%;font-size:clamp(1.5rem,4vw,3rem);animation:float-1 20s ease-in-out infinite;letter-spacing:.02em;writing-mode:vertical-rl;text-orientation:mixed}.floating-text--2{top:25%;right:15%;font-size:clamp(1rem,3vw,2rem);animation:float-2 25s ease-in-out infinite;transform:rotate(-5deg);text-transform:uppercase;letter-spacing:.05em}.floating-text--3{bottom:30%;left:5%;font-size:clamp(1.2rem,3.5vw,2.5rem);animation:float-3 18s ease-in-out infinite;letter-spacing:.05em;font-style:italic}.floating-text--4{bottom:40%;right:8%;font-size:clamp(.8rem,2.5vw,1.8rem);animation:float-4 22s ease-in-out infinite;transform:rotate(3deg);font-weight:100}.floating-number{position:absolute;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-weight:200;color:var(--color-accent);opacity:.15;user-select:none}.floating-number--1{top:40%;left:20%;font-size:clamp(2rem,6vw,4rem);animation:float-number-1 30s ease-in-out infinite;font-feature-settings:"tnum"}.floating-number--2{top:60%;right:25%;font-size:clamp(1.5rem,4vw,3rem);animation:float-number-2 35s ease-in-out infinite;letter-spacing:.05em;text-transform:uppercase;font-weight:100}@keyframes float-1{0%,100%{transform:translateY(0) translateX(0)}25%{transform:translateY(-20px) translateX(10px)}50%{transform:translateY(-10px) translateX(-15px)}75%{transform:translateY(-30px) translateX(5px)}}@keyframes float-2{0%,100%{transform:rotate(-5deg) translateY(0)}33%{transform:rotate(-3deg) translateY(-15px)}66%{transform:rotate(-7deg) translateY(-25px)}}@keyframes float-3{0%,100%{transform:translateX(0) translateY(0)}20%{transform:translateX(15px) translateY(-10px)}40%{transform:translateX(-10px) translateY(-20px)}60%{transform:translateX(20px) translateY(-5px)}80%{transform:translateX(-5px) translateY(-15px)}}@keyframes float-4{0%,100%{transform:rotate(3deg) translateY(0)}50%{transform:rotate(1deg) translateY(-20px)}}@keyframes float-number-1{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.05)}}@keyframes float-number-2{0%,100%{transform:translateX(0) translateY(0)}25%{transform:translateX(-20px) translateY(-10px)}75%{transform:translateX(10px) translateY(-20px)}}@media(prefers-reduced-motion: reduce){.floating-text,.floating-number{animation:none}}.philosophy-card{background-color:var(--color-background);border:1px solid var(--color-background-alt);padding:2rem;text-align:center;transition:transform .2s cubic-bezier(0.215, 0.61, 0.355, 1),box-shadow .2s cubic-bezier(0.215, 0.61, 0.355, 1),border-color .2s cubic-bezier(0.215, 0.61, 0.355, 1)}.philosophy-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1);border-color:var(--color-accent)}@media(max-width: 480px){.philosophy-card{padding:1.5rem}}.philosophy-icon{font-size:clamp(2.25rem,1.8rem + 2.25vw,3.5rem);margin-bottom:1.5rem;color:var(--color-accent);font-weight:300;line-height:1}.philosophy-title{font-family:"Source Serif Pro",Georgia,"Times New Roman",serif;font-size:clamp(1.375rem,1.2rem + .875vw,1.75rem);font-weight:600;line-height:1.2;letter-spacing:-0.02em;color:var(--color-text-primary);margin-bottom:1rem;color:var(--color-text-primary)}.philosophy-description{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:clamp(1rem,.95rem + .25vw,1.125rem);font-weight:400;line-height:1.6;letter-spacing:0;color:var(--color-text-primary);color:var(--color-text-secondary);line-height:1.6}.demo-card{background-color:var(--color-background);border:1px solid var(--color-background-alt);padding:2rem;margin:2rem 0;text-align:left;transition:all .2s cubic-bezier(0.215, 0.61, 0.355, 1);cursor:pointer}.demo-card:hover{background-color:var(--color-background-alt);border-color:var(--color-accent);transform:translateY(-1px)}.demo-card__title{font-family:"Source Serif Pro",Georgia,"Times New Roman",serif;font-size:clamp(1.125rem,1rem + .625vw,1.375rem);font-weight:600;line-height:1.2;letter-spacing:-0.02em;color:var(--color-text-primary);margin-bottom:.5rem;color:var(--color-text-primary)}.demo-card__text{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:clamp(1rem,.95rem + .25vw,1.125rem);font-weight:400;line-height:1.6;letter-spacing:0;color:var(--color-text-primary);color:var(--color-text-secondary);margin-bottom:1rem;line-height:1.6}.demo-card__meta{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:clamp(.875rem,.8rem + .375vw,1rem);font-weight:400;line-height:1.4;letter-spacing:.02em;color:var(--color-text-light);color:var(--color-text-light);letter-spacing:.02em;text-transform:uppercase}.elements-column__title{font-family:"Source Serif Pro",Georgia,"Times New Roman",serif;font-size:clamp(1.375rem,1.2rem + .875vw,1.75rem);font-weight:600;line-height:1.2;letter-spacing:-0.02em;color:var(--color-text-primary);margin-bottom:1.5rem;color:var(--color-text-primary);padding-bottom:.5rem;border-bottom:2px solid var(--color-accent)}.elements-list{list-style:none;padding:0;margin:0}.elements-item{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:clamp(1rem,.95rem + .25vw,1.125rem);font-weight:400;line-height:1.6;letter-spacing:0;color:var(--color-text-primary);padding:.5rem 0;border-bottom:1px solid var(--color-background-alt);position:relative;color:var(--color-text-secondary);transition:color .2s cubic-bezier(0.215, 0.61, 0.355, 1),padding-left .2s cubic-bezier(0.215, 0.61, 0.355, 1)}.elements-item::before{content:"—";position:absolute;left:0;color:var(--color-accent);font-weight:300;transition:transform .2s cubic-bezier(0.215, 0.61, 0.355, 1)}.elements-item:hover{color:var(--color-text-primary);padding-left:1rem}.elements-item:hover::before{transform:translateX(8px)}.elements-item:last-child{border-bottom:none}.tools-category{background-color:var(--color-background);border:1px solid var(--color-background-alt);padding:2rem;transition:border-color .2s cubic-bezier(0.215, 0.61, 0.355, 1),transform .2s cubic-bezier(0.215, 0.61, 0.355, 1)}.tools-category:hover{border-color:var(--color-accent);transform:translateY(-2px)}.tools-title{font-family:"Source Serif Pro",Georgia,"Times New Roman",serif;font-size:clamp(1.125rem,1rem + .625vw,1.375rem);font-weight:600;line-height:1.2;letter-spacing:-0.02em;color:var(--color-text-primary);margin-bottom:1.5rem;color:var(--color-text-primary);position:relative;text-transform:uppercase;letter-spacing:.02em;font-weight:600}.tools-title::after{content:"";display:block;width:30px;height:2px;background-color:var(--color-accent);margin-top:.25rem;transition:width .2s cubic-bezier(0.215, 0.61, 0.355, 1)}.tools-title:hover::after{width:50px}.tools-list{list-style:none;padding:0;margin:0}.tools-list li{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:clamp(1rem,.95rem + .25vw,1.125rem);font-weight:400;line-height:1.6;letter-spacing:0;color:var(--color-text-primary);color:var(--color-text-secondary);padding:.25rem 0;border-bottom:1px solid rgba(0,0,0,0);transition:color .2s cubic-bezier(0.215, 0.61, 0.355, 1),border-color .2s cubic-bezier(0.215, 0.61, 0.355, 1)}.tools-list li:hover{color:var(--color-text-primary);border-bottom-color:var(--color-background-alt)}.typographic-button{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:clamp(1rem,.95rem + .25vw,1.125rem);font-weight:400;line-height:1.6;letter-spacing:0;color:var(--color-text-primary);font-weight:500;padding:1rem 2rem;border:1px solid var(--color-text-primary);background:rgba(0,0,0,0);color:var(--color-text-primary);cursor:pointer;transition:all .2s cubic-bezier(0.215, 0.61, 0.355, 1);letter-spacing:0;text-transform:none}.typographic-button:hover{background:var(--color-text-primary);color:var(--color-background);transform:translateY(-1px)}.typographic-button:active{transform:translateY(0)}.typographic-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;transition:outline-offset .2s cubic-bezier(0.215, 0.61, 0.355, 1)}.typographic-button--secondary{border-color:var(--color-text-light);color:var(--color-text-secondary)}.typographic-button--secondary:hover{background:var(--color-text-light);color:var(--color-background);border-color:var(--color-text-light)}.demo-buttons{display:flex;gap:1rem;justify-content:center;margin:2rem 0}@media(max-width: 480px){.demo-buttons{flex-direction:column;align-items:center}}.demo-typography{margin-top:3rem;padding:2rem;background-color:var(--color-background-alt);border:1px solid var(--color-background-alt)}.type-sample{display:block;margin-bottom:1.5rem;transition:color .2s cubic-bezier(0.215, 0.61, 0.355, 1)}.type-sample:hover{color:var(--color-accent)}.type-sample:last-child{margin-bottom:0}.type-sample--display{font-family:"Source Serif Pro",Georgia,"Times New Roman",serif;font-size:clamp(2.25rem,1.8rem + 2.25vw,3.5rem);font-weight:700;line-height:1.1;letter-spacing:-0.05em;color:var(--color-text-primary)}.type-sample--headline{font-family:"Source Serif Pro",Georgia,"Times New Roman",serif;font-size:clamp(1.75rem,1.5rem + 1.25vw,2.25rem);font-weight:600;line-height:1.2;letter-spacing:-0.02em;color:var(--color-text-primary)}.type-sample--body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:clamp(1rem,.95rem + .25vw,1.125rem);font-weight:400;line-height:1.6;letter-spacing:0;color:var(--color-text-secondary)}.type-sample--caption{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:clamp(.875rem,.8rem + .375vw,1rem);font-weight:400;line-height:1.4;letter-spacing:.02em;color:var(--color-text-light);text-transform:uppercase}.technique-number{font-family:"Source Serif Pro",Georgia,"Times New Roman",serif;font-size:clamp(2.25rem,1.8rem + 2.25vw,3.5rem);font-weight:200;color:var(--color-accent);line-height:1;opacity:.7;user-select:none}.technique-title{font-family:"Source Serif Pro",Georgia,"Times New Roman",serif;font-size:clamp(1.375rem,1.2rem + .875vw,1.75rem);font-weight:600;line-height:1.2;letter-spacing:-0.02em;color:var(--color-text-primary);margin-bottom:1rem;color:var(--color-text-primary)}.technique-description{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:clamp(1rem,.95rem + .25vw,1.125rem);font-weight:400;line-height:1.6;letter-spacing:0;color:var(--color-text-primary);color:var(--color-text-secondary);line-height:1.6;margin-bottom:1.5rem}.technique-demo{padding:1.5rem;background-color:var(--color-background-alt);border:1px solid var(--color-background-alt);display:flex;align-items:center;justify-content:center;min-height:100px}.scale-demo{display:flex;align-items:baseline;gap:1rem}.scale-demo__large{font-family:"Source Serif Pro",Georgia,"Times New Roman",serif;font-size:clamp(2.25rem,1.8rem + 2.25vw,3.5rem);font-weight:700;color:var(--color-text-primary);line-height:1}.scale-demo__small{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:clamp(.875rem,.8rem + .375vw,1rem);font-weight:400;color:var(--color-text-light);line-height:1}.grid-demo{position:relative;width:200px;height:80px}.grid-demo .grid-line{position:absolute;left:0;right:0;height:1px;background-color:var(--color-accent);opacity:.3}.grid-demo .grid-line:nth-child(1){top:20px}.grid-demo .grid-line:nth-child(2){top:40px}.grid-demo .grid-line:nth-child(3){top:60px}.grid-demo .grid-text{position:absolute;top:15px;left:0;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:clamp(.875rem,.8rem + .375vw,1rem);color:var(--color-text-primary);line-height:1}.texture-demo{display:flex;flex-direction:column;align-items:center;gap:.5rem}.texture-demo__tight{font-family:"Source Serif Pro",Georgia,"Times New Roman",serif;font-size:clamp(1.125rem,1rem + .625vw,1.375rem);font-weight:600;letter-spacing:-0.05em;color:var(--color-text-primary)}.texture-demo__loose{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:clamp(1rem,.95rem + .25vw,1.125rem);font-weight:300;letter-spacing:.05em;color:var(--color-text-secondary)}.texture-demo__stacked{font-family:"Source Serif Pro",Georgia,"Times New Roman",serif;font-size:clamp(.875rem,.8rem + .375vw,1rem);font-weight:500;letter-spacing:0;color:var(--color-accent);line-height:.8;text-align:center}.color-demo{display:flex;gap:1.5rem;align-items:center}.color-demo__black{color:var(--color-text-primary);font-weight:600}.color-demo__gray{color:var(--color-text-secondary);font-weight:400}.color-demo__accent{color:var(--color-accent);font-weight:500}.typographic-quote{max-width:600px;margin:0 auto;text-align:center;border:none;padding:0}.quote-text{font-family:"Source Serif Pro",Georgia,"Times New Roman",serif;font-size:clamp(1.375rem,1.2rem + .875vw,1.75rem);font-style:italic;font-weight:400;line-height:1.6;color:var(--color-text-primary);margin-bottom:1.5rem}@media(max-width: 480px){.quote-text{font-size:clamp(1.125rem,1rem + .625vw,1.375rem)}}.quote-attribution{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:clamp(.875rem,.8rem + .375vw,1rem);font-weight:400;line-height:1.4;letter-spacing:.02em;color:var(--color-text-light);color:var(--color-text-light);font-style:normal;letter-spacing:.02em;text-transform:uppercase}.advanced-typography{margin-top:3rem;padding:3rem;background-color:var(--color-background-alt);border-left:4px solid var(--color-accent)}.typography-features{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:2rem;margin-top:1.5rem}.feature-demo{text-align:center}.feature-label{display:block;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:clamp(.875rem,.8rem + .375vw,1rem);font-weight:400;line-height:1.4;letter-spacing:.02em;color:var(--color-text-light);color:var(--color-text-light);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.optical-demo{display:flex;flex-direction:column;align-items:center;gap:.5rem}.optical-demo .optical-large{font-family:"Source Serif Pro",Georgia,"Times New Roman",serif;font-size:clamp(1.75rem,1.5rem + 1.25vw,2.25rem);font-weight:400;line-height:1;color:var(--color-text-primary);font-variation-settings:"opsz" 72}.optical-demo .optical-small{font-family:"Source Serif Pro",Georgia,"Times New Roman",serif;font-size:clamp(.875rem,.8rem + .375vw,1rem);font-weight:400;line-height:1;color:var(--color-text-secondary);font-variation-settings:"opsz" 12}.spacing-demo{display:flex;flex-direction:column;align-items:center;gap:.5rem}.spacing-demo .spacing-tight{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:clamp(1.125rem,1rem + .625vw,1.375rem);font-weight:600;letter-spacing:-0.05em;color:var(--color-text-primary)}.spacing-demo .spacing-normal{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:clamp(1.125rem,1rem + .625vw,1.375rem);font-weight:500;letter-spacing:0;color:var(--color-text-secondary)}.spacing-demo .spacing-loose{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:clamp(1.125rem,1rem + .625vw,1.375rem);font-weight:400;letter-spacing:.05em;color:var(--color-accent)}.hierarchy-demo{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.hierarchy-demo .hierarchy-level-1{font-family:"Source Serif Pro",Georgia,"Times New Roman",serif;font-size:clamp(1.375rem,1.2rem + .875vw,1.75rem);font-weight:700;line-height:1.1;color:var(--color-text-primary)}.hierarchy-demo .hierarchy-level-2{font-family:"Source Serif Pro",Georgia,"Times New Roman",serif;font-size:clamp(1.125rem,1rem + .625vw,1.375rem);font-weight:600;line-height:1.2;color:var(--color-text-primary)}.hierarchy-demo .hierarchy-level-3{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:clamp(1rem,.95rem + .25vw,1.125rem);font-weight:500;line-height:1.4;color:var(--color-text-secondary)}.hierarchy-demo .hierarchy-level-4{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:clamp(.875rem,.8rem + .375vw,1rem);font-weight:400;line-height:1.4;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.02em}.typography-artworks{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:3rem;margin-top:3rem}.typography-piece{background-color:var(--color-background);border:1px solid var(--color-background-alt);padding:3rem;text-align:center;transition:all .2s cubic-bezier(0.215, 0.61, 0.355, 1)}.typography-piece:hover{border-color:var(--color-accent);transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.1)}.artwork-text{margin-bottom:1.5rem;min-height:120px;display:flex;align-items:center;justify-content:center}.artwork-text--scale{flex-direction:column;gap:.5rem}.artwork-text--scale .word-massive{font-family:"Source Serif Pro",Georgia,"Times New Roman",serif;font-size:clamp(2rem,8vw,4rem);font-weight:900;line-height:.8;color:var(--color-text-primary);letter-spacing:-0.05em}.artwork-text--scale .word-tiny{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:clamp(.75rem,.7rem + .25vw,.875rem);font-weight:300;color:var(--color-text-light);letter-spacing:.05em;text-transform:uppercase}.artwork-text--rhythm{flex-direction:column;gap:0}.artwork-text--rhythm .rhythm-line{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;line-height:1}.artwork-text--rhythm .rhythm-line--1{font-size:clamp(1.75rem,1.5rem + 1.25vw,2.25rem);font-weight:100;color:var(--color-text-light);letter-spacing:.05em}.artwork-text--rhythm .rhythm-line--2{font-size:clamp(1.125rem,1rem + .625vw,1.375rem);font-weight:400;color:var(--color-text-secondary);margin:.25rem 0}.artwork-text--rhythm .rhythm-line--3{font-size:clamp(1rem,.95rem + .25vw,1.125rem);font-weight:500;color:var(--color-text-primary)}.artwork-text--rhythm .rhythm-line--4{font-size:clamp(1.375rem,1.2rem + .875vw,1.75rem);font-weight:700;color:var(--color-accent);letter-spacing:.02em;margin-top:.5rem}.artwork-text--contrast{align-items:baseline;gap:1rem}.artwork-text--contrast .contrast-serif{font-family:"Source Serif Pro",Georgia,"Times New Roman",serif;font-size:clamp(1.75rem,1.5rem + 1.25vw,2.25rem);font-weight:400;color:var(--color-text-primary);font-style:italic}.artwork-text--contrast .contrast-vs{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:clamp(1.125rem,1rem + .625vw,1.375rem);font-weight:300;color:var(--color-accent)}.artwork-text--contrast .contrast-sans{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:clamp(1.75rem,1.5rem + 1.25vw,2.25rem);font-weight:700;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.02em}.artwork-text--vertical .vertical-text{font-family:"Source Serif Pro",Georgia,"Times New Roman",serif;font-size:clamp(1.75rem,1.5rem + 1.25vw,2.25rem);font-weight:600;color:var(--color-text-primary);writing-mode:vertical-rl;text-orientation:upright;letter-spacing:.02em}.artwork-caption{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:clamp(.875rem,.8rem + .375vw,1rem);font-weight:400;line-height:1.4;letter-spacing:.02em;color:var(--color-text-light);color:var(--color-text-light);text-align:center;font-style:italic;margin:0}.footer{background-color:var(--color-background-alt);border-top:1px solid var(--color-background-alt);padding:3rem 1.5rem;margin-top:6rem}@media(max-width: 480px){.footer{padding:2rem 1rem}}.footer-content{width:100%;max-width:65ch;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem;text-align:center}@media(max-width: 480px){.footer-content{padding-left:1rem;padding-right:1rem}}.footer-text{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:clamp(1rem,.95rem + .25vw,1.125rem);font-weight:400;line-height:1.6;letter-spacing:0;color:var(--color-text-primary);color:var(--color-text-secondary);margin-bottom:1rem}.footer-text strong{color:var(--color-text-primary);font-weight:600}.footer-copyright{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:clamp(.875rem,.8rem + .375vw,1rem);font-weight:400;line-height:1.4;letter-spacing:.02em;color:var(--color-text-light);color:var(--color-text-light);margin:0}/*# sourceMappingURL=typographic.css.map */