:root{--charcoal: #1C1B18;--charcoal-warm: #2A2824;--olive-deep: #5C5840;--olive: #7D7856;--olive-muted: #918A6B;--copper-dark: #8B5A30;--copper: #C17A4A;--copper-light: #D4956A;--copper-glow: #E8A66A;--stone: #C8C1B0;--sand: #DDD8CC;--cream: #EDE8DD;--ivory: #F5F2EB;--warm-gray: #9E9A8B;--font-serif: "Cormorant Garamond", "Georgia", serif;--font-sans: "Jost", "Helvetica Neue", sans-serif;--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.5rem;--text-5xl: 3.5rem;--text-6xl: 5rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--space-3xl: 6rem;--space-4xl: 10rem;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .2s;--duration-base: .4s;--duration-slow: .8s;--max-width: 1200px;--gutter: clamp(1.5rem, 5vw, 4rem)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-weight:300;color:var(--charcoal);background:var(--charcoal);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:300;line-height:1.15}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}ul{list-style:none}img{max-width:100%;display:block}.grain-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:0;mix-blend-mode:overlay}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--gutter)}.section{padding:var(--space-4xl) 0}.section--ivory{background:var(--ivory)}.section--cream{background:var(--cream)}.section--charcoal{background:var(--charcoal)}.section--olive-bg{background:var(--olive-deep)}.section__header{margin-bottom:var(--space-3xl)}.section__number{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.section__title{font-size:clamp(2rem,4vw,3.5rem);margin-bottom:var(--space-lg);color:var(--charcoal)}.section__intro{font-family:var(--font-sans);font-weight:300;font-size:var(--text-lg);color:var(--warm-gray);line-height:1.75}.subsection-title{font-family:var(--font-serif);font-weight:400;font-size:var(--text-2xl);margin-bottom:var(--space-xl);color:inherit}.label{font-family:var(--font-sans);font-weight:400;font-size:var(--text-xs);letter-spacing:.25em;text-transform:uppercase;color:var(--warm-gray)}.copper-dot{display:inline-block;border-radius:50%;background:radial-gradient(circle at 38% 32%,var(--copper-glow) 0%,var(--copper) 50%,var(--copper-dark) 100%);flex-shrink:0}.copper-dot--xs{width:8px;height:8px}.copper-dot--sm{width:12px;height:12px}.copper-dot--md{width:20px;height:20px}.copper-dot--lg{width:32px;height:32px;box-shadow:0 0 20px #c17a4a40}.copper-dot--xl{width:48px;height:48px;box-shadow:0 0 40px #c17a4a4d,0 0 80px #c17a4a1a}.copper-dot--breathing{animation:breathe 6s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1);box-shadow:0 0 40px #c17a4a4d,0 0 80px #c17a4a1a}50%{transform:scale(1.08);box-shadow:0 0 50px #c17a4a66,0 0 100px #c17a4a26}}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 45%,var(--charcoal-warm) 0%,var(--charcoal) 70%);position:relative;text-align:center;padding:var(--space-2xl)}.hero__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);animation:heroFadeIn 1.8s var(--ease-out) both}.hero__title{font-family:var(--font-serif);font-weight:300;font-size:clamp(4rem,12vw,9rem);color:var(--cream);letter-spacing:.08em;line-height:1;margin-top:var(--space-md)}.hero__label{color:var(--stone);font-size:var(--text-sm);letter-spacing:.35em}.hero__tagline{font-family:var(--font-serif);font-weight:300;font-style:italic;font-size:clamp(1rem,2vw,1.3rem);color:var(--olive-muted);margin-top:var(--space-md)}.hero__scroll{position:absolute;bottom:var(--space-2xl);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);animation:heroFadeIn 1.8s var(--ease-out) .6s both}.hero__scroll .label{font-size:.65rem;color:var(--warm-gray);letter-spacing:.3em}.hero__scroll-line{width:1px;height:48px;background:linear-gradient(to bottom,var(--copper),transparent);animation:scrollPulse 2.5s ease-in-out infinite}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollPulse{0%,to{opacity:.4;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.15)}}.color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-lg)}.color-swatch{display:flex;flex-direction:column;gap:var(--space-sm)}.color-swatch__block{aspect-ratio:3 / 4;border-radius:8px;transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.color-swatch:hover .color-swatch__block{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.color-swatch__name{font-family:var(--font-serif);font-weight:400;font-size:var(--text-lg);color:var(--charcoal);margin-top:var(--space-xs)}.color-swatch__hex{font-family:var(--font-sans);font-weight:400;font-size:var(--text-sm);color:var(--warm-gray);font-variant-numeric:tabular-nums}.color-swatch__usage{font-family:var(--font-sans);font-weight:300;font-size:var(--text-xs);color:var(--stone);line-height:1.5}.gradient-row{margin-top:var(--space-3xl)}.gradient-samples{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg)}.gradient-sample{display:flex;flex-direction:column;gap:var(--space-sm);align-items:flex-start}.gradient-sample__block{width:100%;height:120px;border-radius:8px;transition:transform var(--duration-base) var(--ease-out)}.gradient-sample:hover .gradient-sample__block{transform:translateY(-3px)}.type-showcase{padding:var(--space-2xl) 0;border-bottom:1px solid var(--charcoal-warm)}.type-showcase:last-of-type{border-bottom:none}.type-showcase__meta{display:flex;align-items:baseline;gap:var(--space-lg);margin-bottom:var(--space-lg);flex-wrap:wrap}.type-showcase__font{font-family:var(--font-sans);font-weight:300;font-size:var(--text-sm)}.type-display{font-family:var(--font-serif);font-weight:300;font-size:clamp(2.5rem,6vw,5rem);line-height:1.1}.type-subtitle{font-family:var(--font-serif);font-weight:400;font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.3}.type-labels-demo{display:flex;gap:var(--space-xl);flex-wrap:wrap}.type-body{font-family:var(--font-sans);font-weight:300;font-size:1.1rem;line-height:1.75;max-width:640px}.type-scale{margin-top:var(--space-3xl);padding-top:var(--space-2xl);border-top:1px solid var(--charcoal-warm)}.type-scale__list{display:flex;flex-direction:column;gap:var(--space-xl)}.type-scale__item{display:flex;align-items:baseline;gap:var(--space-xl)}.type-scale__label{min-width:120px;flex-shrink:0}.type-scale__preview{line-height:1.2}.dot-showcase{margin-bottom:var(--space-3xl)}.dot-sizes{display:flex;align-items:flex-end;gap:var(--space-2xl);flex-wrap:wrap}.dot-size-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.dot-divider-demos{display:flex;flex-direction:column;gap:var(--space-xl)}.dot-divider-demo{display:flex;flex-direction:column;gap:var(--space-sm)}.dot-divider{display:flex;align-items:center;gap:var(--space-md);width:100%}.dot-divider__line{flex:1;height:1px;background:var(--stone)}.dot-divider--triple{justify-content:center;gap:var(--space-lg)}.dot-divider--start{justify-content:flex-start}.dot-list{display:flex;flex-direction:column;gap:var(--space-md)}.dot-list li{display:flex;align-items:center;gap:var(--space-md);font-family:var(--font-sans);font-weight:300;font-size:var(--text-lg);color:var(--olive-deep)}.spacing-scale{display:flex;flex-direction:column;gap:var(--space-lg)}.spacing-item{display:flex;align-items:center;gap:var(--space-xl)}.spacing-block{background:var(--copper);border-radius:4px;opacity:.8;flex-shrink:0}.spacing-info{display:flex;align-items:baseline;gap:var(--space-md)}.spacing-value{font-family:var(--font-sans);font-weight:300;font-size:var(--text-sm);color:var(--sand);font-variant-numeric:tabular-nums}.component-block{margin-bottom:var(--space-3xl)}.buttons-row{display:flex;gap:var(--space-lg);flex-wrap:wrap;align-items:center}.btn{font-family:var(--font-sans);font-weight:400;font-size:var(--text-sm);letter-spacing:.12em;text-transform:uppercase;padding:.9em 2.2em;border-radius:0;transition:all var(--duration-base) var(--ease-out);position:relative}.btn--primary{background:var(--copper);color:var(--cream)}.btn--primary:hover{background:var(--copper-light);box-shadow:0 4px 24px #c17a4a59;transform:translateY(-1px)}.btn--secondary{background:transparent;color:var(--copper);border:1px solid var(--copper)}.btn--secondary:hover{background:var(--copper);color:var(--cream)}.btn--ghost{background:transparent;color:var(--copper);padding-left:0;padding-right:0}.btn--ghost:after{content:"";position:absolute;bottom:.6em;left:0;width:0;height:1px;background:var(--copper);transition:width var(--duration-base) var(--ease-out)}.btn--ghost:hover:after{width:100%}.btn--sm{font-size:var(--text-xs);padding:.7em 1.6em}.nav-demo{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-xl);background:var(--ivory);border:1px solid var(--sand);border-radius:4px}.nav-demo__logo{display:flex;align-items:center;gap:var(--space-sm)}.nav-demo__brand{font-family:var(--font-serif);font-weight:400;font-size:var(--text-xl);letter-spacing:.1em;color:var(--charcoal)}.nav-demo__links{display:flex;gap:var(--space-xl)}.nav-demo__link{font-family:var(--font-sans);font-weight:300;font-size:var(--text-sm);color:var(--warm-gray);transition:color var(--duration-fast) ease;position:relative}.nav-demo__link--active{color:var(--charcoal)}.nav-demo__link--active:after{content:"";position:absolute;bottom:-6px;left:50%;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 38% 32%,var(--copper-glow),var(--copper));transform:translate(-50%)}.nav-demo__link:hover{color:var(--copper)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg)}.class-card{background:var(--ivory);border:1px solid var(--sand);position:relative;overflow:hidden;transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.class-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #00000014}.class-card__accent{height:3px;background:linear-gradient(90deg,var(--copper),var(--copper-glow));transition:height var(--duration-base) var(--ease-out)}.class-card:hover .class-card__accent{height:4px}.class-card__content{padding:var(--space-xl)}.class-card__title{font-family:var(--font-serif);font-weight:400;font-size:var(--text-2xl);color:var(--charcoal);margin:var(--space-sm) 0 var(--space-md)}.class-card__desc{font-family:var(--font-sans);font-weight:300;font-size:var(--text-sm);color:var(--warm-gray);line-height:1.7;margin-bottom:var(--space-lg)}.class-card__meta{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-sans);font-weight:400;font-size:var(--text-xs);color:var(--olive);letter-spacing:.05em;text-transform:uppercase}.quote-block{background:var(--cream);border-left:2px solid var(--copper);padding:var(--space-2xl) var(--space-2xl) var(--space-2xl) var(--space-2xl);position:relative}.quote-block__mark{font-family:var(--font-serif);font-size:6rem;line-height:.5;color:var(--copper-light);opacity:.5;position:absolute;top:var(--space-xl);left:var(--space-xl)}.quote-block__text{font-family:var(--font-serif);font-weight:300;font-style:italic;font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.7;color:var(--olive-deep);padding-left:var(--space-2xl);position:relative;z-index:1}.quote-block__footer{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-xl);padding-left:var(--space-2xl)}.divider-demos{display:flex;flex-direction:column;gap:var(--space-2xl)}.divider-demo-block{display:flex;flex-direction:column;gap:var(--space-sm)}.section-divider{display:flex;align-items:center;justify-content:center;padding:var(--space-lg) 0}.section-divider--line{display:flex;gap:var(--space-lg);width:100%}.section-divider__line{flex:1;height:1px;background:var(--stone)}.section-divider__fade-line{width:200px;height:1px;background:linear-gradient(90deg,transparent,var(--copper),transparent)}.texture-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-xl)}.texture-card{display:flex;flex-direction:column;gap:var(--space-md)}.texture-card__preview{aspect-ratio:4 / 3;border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.texture-card__preview--grain{background:var(--olive-deep)}.texture-card__preview--grain:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.15;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px 256px}.texture-card__preview--vignette{background:radial-gradient(ellipse at center,var(--olive-muted) 0%,var(--charcoal) 100%)}.texture-card__preview--warmtone{background:linear-gradient(135deg,var(--sand) 0%,var(--stone) 100%)}.texture-card__photo-demo{display:flex;width:100%;height:100%}.texture-card__photo-before{flex:1;display:flex;align-items:center;justify-content:center;background:#8a8a8a;font-family:var(--font-sans);font-size:var(--text-xs);color:#fff;letter-spacing:.15em;text-transform:uppercase}.texture-card__photo-after{flex:1;display:flex;align-items:center;justify-content:center;background:var(--olive-muted);font-family:var(--font-sans);font-size:var(--text-xs);color:var(--cream);letter-spacing:.15em;text-transform:uppercase;position:relative}.texture-card__photo-after:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(193,122,74,.1) 0%,transparent 100%)}.texture-card__preview--glow{background:var(--charcoal)}.texture-card__desc{font-family:var(--font-sans);font-weight:300;font-size:var(--text-sm);color:var(--stone);line-height:1.65}.composition--hero{background:radial-gradient(ellipse at 50% 30%,var(--charcoal-warm) 0%,var(--charcoal) 100%);position:relative;overflow:hidden}.composition__overlay{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,transparent 30%,rgba(0,0,0,.4) 100%);z-index:1}.mockup-frame{max-width:var(--max-width);margin:0 auto;padding:0 var(--gutter)}.mockup{border-radius:8px;overflow:hidden}.mockup--hero{background:radial-gradient(ellipse at 50% 40%,var(--olive-deep) 0%,var(--charcoal) 100%);padding:var(--space-4xl) var(--space-2xl);display:flex;align-items:center;justify-content:center;position:relative;min-height:500px}.mockup-hero__vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.5) 100%);pointer-events:none}.mockup-hero__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);position:relative;z-index:1;text-align:center}.mockup-hero__title{font-family:var(--font-serif);font-weight:300;font-size:clamp(3rem,8vw,6rem);color:var(--cream);letter-spacing:.1em;margin-top:var(--space-md)}.mockup-hero__divider{margin:var(--space-xl) 0;display:flex;justify-content:center}.mockup-hero__tagline{font-family:var(--font-serif);font-weight:300;font-style:italic;font-size:clamp(1rem,2vw,1.3rem);color:var(--stone)}.composition--philosophy{background:var(--ivory);padding-top:0}.mockup--philosophy{background:var(--cream);border:1px solid var(--sand);padding:clamp(var(--space-2xl),5vw,var(--space-4xl))}.mockup-philo__layout{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-2xl);align-items:center}.mockup-philo__divider{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);align-self:stretch}.mockup-philo__vert-line{flex:1;width:1px;background:var(--stone)}.ds-footer{background:var(--charcoal);padding:var(--space-3xl) 0}.ds-footer__content{display:flex;justify-content:space-between;align-items:flex-end}.reveal{opacity:0;transform:translateY(24px);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-stagger>.reveal:nth-child(1){transition-delay:0ms}.reveal-stagger>.reveal:nth-child(2){transition-delay:80ms}.reveal-stagger>.reveal:nth-child(3){transition-delay:.16s}.reveal-stagger>.reveal:nth-child(4){transition-delay:.24s}.reveal-stagger>.reveal:nth-child(5){transition-delay:.32s}.reveal-stagger>.reveal:nth-child(6){transition-delay:.4s}@media(max-width:768px){.nav-demo{flex-direction:column;gap:var(--space-md);align-items:flex-start}.nav-demo__links{flex-wrap:wrap;gap:var(--space-md)}.type-scale__item{flex-direction:column;gap:var(--space-sm)}.mockup-philo__layout{grid-template-columns:1fr;gap:var(--space-xl)}.mockup-philo__divider{flex-direction:row;align-self:auto}.mockup-philo__vert-line{width:auto;height:1px;flex:1}.dot-sizes{gap:var(--space-xl)}.ds-footer__content{flex-direction:column;align-items:flex-start;gap:var(--space-xl)}.buttons-row{flex-direction:column;align-items:flex-start}.quote-block{padding:var(--space-xl)}.quote-block__mark{font-size:4rem;top:var(--space-md);left:var(--space-md)}.quote-block__text,.quote-block__footer{padding-left:var(--space-xl)}.texture-grid{grid-template-columns:1fr}}@media(max-width:480px){.hero__title{letter-spacing:.04em}.color-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.cards-grid{grid-template-columns:1fr}}