:root{--color-bg: #0C0B09;--color-surface-card: #111110;--color-surface-card-hover: #161614;--color-text-primary: #F5F0E8;--color-text-secondary: #8A8070;--color-accent-gold: #C9A96E;--color-divider: rgba(201, 169, 110, .12);--color-divider-glow: rgba(201, 169, 110, .4);--color-glow-base: rgba(201, 169, 110, .05);--font-serif: "DM Serif Display", Georgia, serif;--font-sans: "Sora", sans-serif;--transition-smooth: all .6s cubic-bezier(.16, 1, .3, 1);--transition-fast: all .3s cubic-bezier(.16, 1, .3, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{overflow-x:hidden;background-color:var(--color-bg);position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100;opacity:.02;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.bg-fine-line-left,.bg-fine-line-right{position:fixed;top:0;bottom:0;width:1px;background-color:#c9a96e0a;z-index:1;pointer-events:none}.bg-fine-line-left{left:10%}.bg-fine-line-right{right:10%}@media (max-width: 1024px){.bg-fine-line-left{left:4%}.bg-fine-line-right{right:4%}}h1,h2,h3,h4,h5,h6{font-weight:400;line-height:1.15}.font-serif{font-family:var(--font-serif)}p{color:var(--color-text-secondary);font-size:16px;line-height:1.6}a{text-decoration:none;color:inherit}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:2}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}section{padding:120px 0;position:relative;overflow:hidden}.section-label{display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:var(--color-accent-gold);margin-bottom:24px}.section-heading{font-size:clamp(36px,4.5vw,56px);color:var(--color-text-primary);line-height:1.1;margin-bottom:32px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;font-size:14px;font-weight:500;border-radius:6px;cursor:pointer;transition:var(--transition-fast);font-family:var(--font-sans)}.btn-primary{background-color:var(--color-text-primary);color:var(--color-bg);border:1px solid var(--color-text-primary)}.btn-primary:hover{background-color:transparent;color:var(--color-text-primary);border-color:var(--color-accent-gold);box-shadow:0 0 15px #c9a96e33}.btn-secondary{background-color:transparent;color:var(--color-text-primary);border:1px solid rgba(201,169,110,.4)}.btn-secondary:hover{border-color:var(--color-accent-gold);box-shadow:0 0 15px #c9a96e26}.btn-text{display:inline-flex;align-items:center;font-size:14px;font-weight:500;color:var(--color-accent-gold);transition:var(--transition-fast);border-bottom:1px solid transparent;padding-bottom:4px}.btn-text:hover{border-color:var(--color-accent-gold)}.btn-text .arrow{margin-left:6px;transition:transform .3s ease}.btn-text:hover .arrow{transform:translateY(3px)}.navbar{position:fixed;top:0;left:0;width:100%;height:90px;z-index:1000;display:flex;align-items:center;border-bottom:1px solid transparent;transition:var(--transition-smooth)}.navbar-scrolled{height:70px;background-color:#0c0b09bf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(201,169,110,.1)}.navbar-container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-size:18px;font-weight:600;letter-spacing:-.02em;color:var(--color-text-primary)}.nav-links-desktop{display:flex;gap:40px}.nav-link{font-size:13px;font-weight:400;color:var(--color-text-secondary);position:relative;padding:6px 0;transition:var(--transition-fast)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background-color:var(--color-accent-gold);transition:width .3s cubic-bezier(.16,1,.3,1)}.nav-link:hover{color:var(--color-text-primary)}.nav-link:hover:after{width:100%}.menu-toggle{display:none;background:none;border:none;cursor:pointer;z-index:1100;width:24px;height:18px;position:relative;flex-direction:column;justify-content:space-between}.hamburger-bar{display:block;width:100%;height:2px;background-color:var(--color-text-primary);transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s ease;transform-origin:center}.menu-toggle.active .hamburger-bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-toggle.active .hamburger-bar:nth-child(2){opacity:0}.menu-toggle.active .hamburger-bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#0c0b09f7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:950;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .5s cubic-bezier(.16,1,.3,1),visibility .5s}.mobile-menu.active{opacity:1;visibility:visible}.mobile-nav-links{display:flex;flex-direction:column;align-items:center;gap:32px}.mobile-nav-link{font-size:24px;font-family:var(--font-serif);color:var(--color-text-secondary);transition:var(--transition-fast)}.mobile-nav-link:hover{color:var(--color-accent-gold);transform:scale(1.05)}.mobile-cta{margin-top:16px}.hero-section{min-height:100vh;display:flex;align-items:center;padding:140px 0 100px}.hero-container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:55% 45%;gap:40px;align-items:center;z-index:2}.hero-content{display:flex;flex-direction:column;align-items:flex-start}.hero-headline{font-size:clamp(48px,6vw,84px);line-height:1.05;margin:16px 0 28px;color:var(--color-text-primary);display:flex;flex-direction:column}.reveal-wrapper{overflow:hidden;display:block}.reveal-word{display:block;transform:translateY(100%);transition:transform .8s cubic-bezier(.16,1,.3,1);will-change:transform}.reveal-word.revealed{transform:translateY(0)}.hero-headline .reveal-wrapper:nth-child(2) .reveal-word{transition-delay:.1s}.hero-headline .reveal-wrapper:nth-child(3) .reveal-word{transition-delay:.2s}.hero-subcopy{font-size:18px;line-height:1.6;margin-bottom:40px;max-width:540px}.hero-actions{display:flex;gap:20px}.hero-image-container{width:100%;display:flex;justify-content:flex-end;position:relative}.hero-portrait{width:90%;max-width:420px;height:540px;object-fit:cover;z-index:2;filter:contrast(1.02) brightness(.98)}.image-gradient-overlay{position:absolute;bottom:0;left:0;width:100%;height:30%;background:linear-gradient(to bottom,transparent,var(--color-bg) 95%);z-index:3;pointer-events:none}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);width:24px;height:50px;display:flex;justify-content:center;z-index:10;cursor:pointer;opacity:.7;transition:opacity .3s ease}.scroll-indicator:hover{opacity:1}.scroll-line{width:1px;height:30px;background-color:#c9a96e4d;position:relative;overflow:hidden}.scroll-line:before{content:"";position:absolute;top:0;left:0;width:100%;height:10px;background-color:var(--color-accent-gold);animation:scrollPulse 1.8s infinite ease-in-out}@keyframes scrollPulse{0%{transform:translateY(-10px)}50%{transform:translateY(30px)}to{transform:translateY(-10px)}}.ticker-tape-container{width:100vw;background-color:var(--color-surface-card);overflow:hidden;padding:18px 0;position:relative;z-index:10}.border-y{border-top:1px solid var(--color-divider);border-bottom:1px solid var(--color-divider)}.ticker-wrap{display:flex;width:max-content}.ticker{display:flex;flex-shrink:0;align-items:center;white-space:nowrap;animation:scrollMarquee 35s linear infinite;will-change:transform;padding-right:4px}.ticker:hover{animation-play-state:paused}.ticker-tape-container:hover .ticker{animation-duration:85s}.ticker-item{font-size:14px;font-weight:500;color:var(--color-text-secondary);letter-spacing:.05em;padding:0 24px;display:flex;align-items:center}.ticker-item .dot{color:var(--color-accent-gold);margin-left:24px;font-size:10px}.ticker-reverse{animation:scrollMarqueeReverse 35s linear infinite}@keyframes scrollMarquee{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@keyframes scrollMarqueeReverse{0%{transform:translate3d(-50%,0,0)}to{transform:translateZ(0)}}.about-section{position:relative}.about-body p{margin-bottom:24px;font-size:16px;max-width:560px}.about-body p:last-child{margin-bottom:0}.skills-container{margin-top:48px}.skills-heading{font-size:11px;letter-spacing:.15em;color:var(--color-text-primary);margin-bottom:16px;font-weight:600}.skills-tags{display:flex;flex-wrap:wrap;gap:10px;max-width:560px}.tag{font-size:12px;padding:6px 14px;border-radius:20px;border:1px solid var(--color-divider);color:var(--color-text-secondary);background-color:#1616144d;transition:var(--transition-fast)}.tag:hover{border-color:var(--color-accent-gold);color:var(--color-text-primary);background-color:#c9a96e0d}.about-image-container{position:relative;width:90%;margin-left:auto;display:flex;justify-content:flex-end}.about-portrait{width:100%;max-width:400px;height:520px;object-fit:cover;filter:grayscale(90%) contrast(1.05) brightness(.85);transition:var(--transition-smooth)}.about-portrait:hover{filter:grayscale(15%) contrast(1.02) brightness(.95)}.stats-section{background-color:#0f0e0c}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:60px}.stat-card{padding:30px;border-bottom:1px solid var(--color-divider);display:flex;flex-wrap:wrap;align-items:baseline}.stat-prefix,.stat-suffix{font-size:40px;color:var(--color-accent-gold);font-weight:400}.stat-number{font-size:clamp(56px,6vw,76px);color:var(--color-accent-gold);line-height:1}.stat-label{width:100%;font-size:13px;color:var(--color-text-secondary);margin-top:14px;font-weight:400;letter-spacing:.02em}.stats-note{font-size:12px;color:var(--color-text-secondary);margin-top:48px;text-align:center;opacity:.7}.services-header{margin-bottom:64px}.services-subheading{font-size:18px;line-height:1.6}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.service-card{background-color:var(--color-surface-card);border:1px solid rgba(201,169,110,.08);border-radius:8px;padding:40px;position:relative;transition:var(--transition-fast);display:flex;flex-direction:column}.service-card:hover{transform:translateY(-6px);border-color:#c9a96e59;background-color:var(--color-surface-card-hover);box-shadow:0 12px 30px #0c0b0966,0 0 20px #c9a96e0d}.service-number{font-size:12px;font-weight:600;color:var(--color-accent-gold);letter-spacing:.1em;margin-bottom:24px}.service-title{font-size:20px;font-weight:500;color:var(--color-text-primary);margin-bottom:12px}.service-desc{font-size:14px;line-height:1.5;color:var(--color-text-secondary)}.services-cta-block{margin-top:80px;background-color:var(--color-surface-card);border:1px solid var(--color-divider);border-radius:12px;padding:60px;text-align:center;position:relative;overflow:hidden}.radial-glow-light{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;background:radial-gradient(circle,rgba(201,169,110,.04) 0%,transparent 70%);z-index:1;pointer-events:none}.cta-block-title{font-size:clamp(24px,3.5vw,36px);color:var(--color-text-primary);margin-bottom:32px;position:relative;z-index:2}.cta-block-actions{display:flex;justify-content:center;align-items:center;gap:32px;position:relative;z-index:2}.work-header{margin-bottom:80px}.work-subheading{font-size:18px;line-height:1.6}.case-studies-list{display:flex;flex-direction:column;gap:56px}.case-card{background-color:var(--color-surface-card);border:1px solid rgba(201,169,110,.08);border-left:3px solid var(--color-accent-gold);border-radius:0 8px 8px 0;padding:60px;position:relative;overflow:hidden;transition:var(--transition-fast)}.case-card:hover{transform:translateY(-4px);border-color:#c9a96e4d;background-color:var(--color-surface-card-hover);box-shadow:0 16px 40px #0c0b0980}.case-watermark{position:absolute;bottom:-40px;right:-10px;font-size:220px;line-height:1;color:#c9a96e05;z-index:1;-webkit-user-select:none;user-select:none;pointer-events:none}.case-meta-header{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--color-divider);padding-bottom:24px;margin-bottom:40px;flex-wrap:wrap;gap:16px}.case-client{font-size:24px;font-family:var(--font-serif);color:var(--color-text-primary)}.case-tag{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:var(--color-accent-gold)}.case-loc{font-size:13px;color:var(--color-text-secondary)}.case-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,1fr);gap:40px 60px}.case-block-title{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-secondary);margin-bottom:16px;font-weight:600}.case-block p{font-size:15px;line-height:1.6}.case-list{list-style:none;padding-left:0}.case-list li{font-size:14px;line-height:1.6;color:var(--color-text-secondary);position:relative;padding-left:20px;margin-bottom:10px}.case-list li:before{content:"◆";color:var(--color-accent-gold);position:absolute;left:0;font-size:9px;top:1px}.case-results-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.result-metric{display:flex;flex-direction:column}.metric-num{font-size:28px;font-family:var(--font-serif);color:var(--color-accent-gold);margin-bottom:4px}.metric-lbl{font-size:12px;color:var(--color-text-secondary);line-height:1.4}.case-quote{position:relative;z-index:2;margin-top:48px;padding-top:24px;border-top:1px solid var(--color-divider);font-size:18px;font-style:italic;color:var(--color-text-primary);text-align:left}.centered-cta-wrap{margin-top:80px;text-align:center}.cta-title{font-size:28px;margin-bottom:28px}.clients-header{margin-bottom:60px}.clients-subheading{font-size:18px;line-height:1.6}.clients-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.client-card{background-color:var(--color-surface-card);border:1px solid rgba(201,169,110,.06);border-radius:6px;padding:30px 20px;font-size:14px;font-weight:500;text-align:center;color:var(--color-text-secondary);transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;min-height:90px}.client-card:hover{border-color:var(--color-accent-gold);color:var(--color-text-primary);transform:translateY(-2px);background-color:var(--color-surface-card-hover)}.quote-block-wrap{margin-top:80px;display:flex;flex-direction:column;align-items:center;max-width:700px;margin-left:auto;margin-right:auto;text-align:center}.seth-godin-quote{font-size:clamp(20px,3vw,26px);line-height:1.4;font-style:italic;position:relative;padding-left:24px;border-left:3px solid var(--color-accent-gold);margin-bottom:16px;color:var(--color-text-primary);text-align:left}.quote-author{font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-secondary)}.contact-wrap{background-color:var(--color-surface-card);border:1px solid var(--color-divider);border-radius:12px;padding:80px;text-align:center;position:relative;overflow:hidden}.contact-heading{font-size:clamp(36px,5vw,64px);color:var(--color-text-primary);line-height:1.1;margin-bottom:24px;position:relative;z-index:2}.contact-subheading{font-size:18px;max-width:560px;margin:0 auto 40px;position:relative;z-index:2}.contact-cta-action{position:relative;z-index:2;margin-bottom:60px}.btn-large{padding:18px 40px;font-size:16px}.contact-methods{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-top:1px solid var(--color-divider);padding-top:48px}.contact-method-card{display:flex;flex-direction:column;align-items:center;background-color:#0c0b0966;border:1px solid rgba(201,169,110,.05);border-radius:8px;padding:24px;transition:var(--transition-fast)}.contact-method-card:hover{transform:translateY(-4px);border-color:var(--color-accent-gold);background-color:#c9a96e08}.contact-method-card .icon{font-size:24px;margin-bottom:12px}.contact-method-card .lbl{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);margin-bottom:8px}.contact-method-card .val{font-size:13px;color:var(--color-text-primary);word-break:break-all}.footer{padding:60px 0 40px;background-color:var(--color-bg)}.footer-row{display:flex;justify-content:space-between;align-items:center}.footer-top{border-bottom:1px solid var(--color-divider);padding-bottom:40px;margin-bottom:30px}.footer-logo{font-size:18px;font-weight:600;color:var(--color-text-primary)}.footer-links{display:flex;gap:32px}.footer-link{font-size:13px;color:var(--color-text-secondary);transition:var(--transition-fast)}.footer-link:hover{color:var(--color-accent-gold)}.footer-socials{display:flex;gap:16px}.footer-socials a{width:36px;height:36px;border-radius:50%;border:1px solid var(--color-divider);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--color-text-secondary);transition:var(--transition-fast)}.footer-socials a:hover{border-color:var(--color-accent-gold);color:var(--color-text-primary);transform:translateY(-2px)}.footer-bottom{font-size:12px;color:var(--color-text-secondary);opacity:.8}.cursor-glow{width:400px;height:400px;background:radial-gradient(circle,rgba(201,169,110,.05) 0%,transparent 70%);border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%);pointer-events:none;z-index:9999;opacity:0;transition:opacity .5s ease}.cursor-glow.active{opacity:1}.section-divider-line{position:absolute;top:0;left:0;width:100%;height:1px;background-color:var(--color-divider);transform:scaleX(0);transform-origin:left;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}.section-divider-line.drawn{transform:scaleX(1)}.scroll-reveal{opacity:0;transform:translateY(32px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.scroll-reveal.visible{opacity:1;transform:translateY(0)}.stagger-1{transition-delay:80ms}.stagger-2{transition-delay:.16s}.stagger-3{transition-delay:.24s}.stagger-4{transition-delay:.32s}.stagger-5{transition-delay:.4s}@media (max-width: 1279px){section{padding:80px 0}.grid-2{gap:40px}.hero-container{grid-template-columns:1fr;text-align:center;gap:48px}.hero-content{align-items:center}.hero-subcopy{margin-left:auto;margin-right:auto}.hero-actions,.hero-image-container{justify-content:center}.hero-portrait{height:480px;width:80%}.about-portrait{height:440px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:32px}.services-grid{gap:20px}.case-grid{grid-template-columns:1fr;gap:32px}.case-card{padding:40px}.clients-grid{grid-template-columns:repeat(3,1fr)}.contact-wrap{padding:60px 40px}.contact-methods{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width: 767px){section{padding:60px 0}.navbar{height:70px}.nav-links-desktop,.nav-cta-desktop{display:none}.menu-toggle{display:flex}.grid-2{grid-template-columns:1fr;gap:32px}.hero-section{padding-top:100px;padding-bottom:60px}.hero-container{grid-template-columns:1fr;gap:32px}.hero-portrait{height:380px;width:100%}.about-image-container{width:100%;justify-content:center;margin-top:16px}.about-portrait{height:380px;width:100%}.stats-grid{grid-template-columns:1fr;gap:20px}.stat-card{padding:20px 10px}.services-header{margin-bottom:40px}.services-subheading{font-size:15px}.services-grid{grid-template-columns:1fr;gap:16px}.service-card{padding:30px}.services-cta-block{padding:40px 20px;margin-top:48px}.cta-block-actions{flex-direction:column;gap:20px}.work-header{margin-bottom:40px}.work-subheading{font-size:15px}.case-card{padding:30px 20px}.case-meta-header{margin-bottom:24px}.case-client{font-size:20px;width:100%}.case-tag{margin-top:8px}.case-quote{font-size:16px;margin-top:32px}.clients-grid{grid-template-columns:repeat(2,1fr);gap:12px}.client-card{padding:20px 10px;min-height:80px;font-size:13px}.quote-block-wrap{margin-top:48px}.seth-godin-quote{font-size:18px}.contact-wrap{padding:40px 20px}.contact-methods{grid-template-columns:1fr;gap:12px;padding-top:32px}.contact-method-card{padding:16px}.footer-row{flex-direction:column;gap:24px;text-align:center}.footer-links{flex-direction:column;gap:16px}.footer-bottom{gap:12px}}
