:root{--deep:#111009;--surface:#181610;--surface2:#1f1d14;--surface3:#252318;--cream:#f5f0e8;--sand:#c8bda4;--warm-gray:#7a7060;--ink:#0e0d0b;--gold:#c9a84c;--gold-lt:#e8d08a;--accent:#b87333;--red:#c0433a;--rule:rgba(212, 201, 176, 0.1);--warm-mid:#c8bda4}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--deep);color:var(--cream);font-family:'DM Sans',sans-serif;font-weight:300;line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;cursor:default}img{max-width:100%;height:auto;display:block}a{color:inherit}ul{list-style:none}.cursor{width:10px;height:10px;background:var(--gold);border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width 0.3s ease,height 0.3s ease;mix-blend-mode:difference}.cursor-ring{width:36px;height:36px;border:1px solid rgb(201 168 76 / .5);border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:transform 0.4s cubic-bezier(.25,.46,.45,.94),width 0.3s ease,height 0.3s ease}@media (hover:none){.cursor,.cursor-ring{display:none}}.progress-bar{position:fixed;top:0;left:0;z-index:200;height:2px;background:linear-gradient(to right,var(--gold),var(--accent));width:0%;transition:width 0.1s linear}h1,h2,h3,h4{font-family:'Playfair Display',serif;line-height:1.1;color:var(--cream)}em{font-style:italic;color:var(--gold)}p{color:var(--sand);line-height:1.8}#site-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:1.6rem 4rem;background:rgb(17 16 9 / .96)}.nav-logo{font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:700;color:var(--cream);text-decoration:none;letter-spacing:.02em}.nav-logo span{color:var(--gold)}.nav-links{display:flex;gap:2.5rem;align-items:center}.nav-links a{font-family:'DM Mono',monospace;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--warm-gray);text-decoration:none;transition:color 0.25s}.nav-links a:hover,.nav-links a.current-menu-item{color:var(--gold)}.nav-cta{font-family:'DM Mono',monospace;font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;color:var(--ink)!important;background:var(--gold);padding:.55rem 1.4rem;border-radius:2px;text-decoration:none;transition:background 0.25s,transform 0.25s}.nav-cta:hover{background:var(--gold-lt)!important;transform:translateY(-1px)}.btn-primary{font-family:'DM Mono',monospace;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;background:var(--gold);color:var(--ink);padding:.9rem 2rem;border-radius:2px;border:none;cursor:pointer;text-decoration:none;display:inline-block;transition:background 0.3s,transform 0.3s}.btn-primary:hover{background:var(--gold-lt);transform:translateY(-2px);color:var(--ink)}.btn-ghost{font-family:'DM Mono',monospace;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;background:#fff0;color:var(--sand);border:1px solid var(--rule);padding:.9rem 2rem;border-radius:2px;cursor:pointer;text-decoration:none;display:inline-block;transition:border-color 0.3s,color 0.3s,transform 0.3s}.btn-ghost:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-2px)}.section-label{font-family:'DM Mono',monospace;font-size:.65rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;display:flex;align-items:center;gap:.8rem}.section-label::before{content:'';display:inline-block;width:1.8rem;height:1px;background:var(--gold);flex-shrink:0}.card-base{background:var(--surface);border:1px solid var(--rule);border-radius:10px;padding:2rem;position:relative;overflow:hidden;transition:background 0.3s,border-color 0.3s}.card-accent::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(to right,var(--gold),var(--accent));transform:scaleX(0);transform-origin:left;transition:transform 0.4s ease}.card-accent:hover::before{transform:scaleX(1)}.task-tags{display:flex;flex-wrap:wrap;gap:.4rem}.task-tag{font-family:'DM Mono',monospace;font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;color:var(--warm-gray);border:1px solid var(--rule);border-radius:2px;padding:.2rem .55rem}.theme-tag{font-family:'DM Mono',monospace;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);border:1px solid rgb(201 168 76 / .3);border-radius:2px;padding:.3rem .75rem}.callout-box{background:rgb(212 201 176 / .04);border:1px solid rgb(212 201 176 / .1);border-left:3px solid var(--gold);border-radius:0 8px 8px 0;padding:2rem 2.5rem;margin:2rem 0}.callout-box p{font-family:'Playfair Display',serif;font-size:1.1rem;font-style:italic;color:var(--cream);line-height:1.6}.section-divider{display:flex;align-items:center;gap:1.5rem;padding:0 4.5rem}.section-divider::before,.section-divider::after{content:'';flex:1;height:1px;background:var(--rule)}.section-divider span{font-family:'DM Mono',monospace;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--warm-gray);white-space:nowrap}.reveal{opacity:0;transform:translateY(24px);transition:opacity 0.7s ease,transform 0.7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden;align-items:center}.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 60% at 75% 40%,rgb(201 168 76 / .07) 0%,transparent 70%),radial-gradient(ellipse 40% 50% at 20% 70%,rgb(184 115 51 / .05) 0%,transparent 60%);pointer-events:none}.hero::after{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(https://michaelahoffman.com/wp-content/themes/michaela-portfolio/%23noise)' opacity='0.035'/%3E%3C/svg%3E");pointer-events:none;opacity:.6}.hero-left{position:relative;z-index:2;padding:9rem 3.5rem 6rem 4.5rem;display:flex;flex-direction:column;justify-content:center}.hero-eyebrow{font-family:'DM Mono',monospace;font-size:.68rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:2rem;display:flex;align-items:center;gap:1rem;opacity:0;animation:fadeUp 0.8s 0.2s forwards}.hero-eyebrow::before{content:'';display:block;width:2.5rem;height:1px;background:var(--gold);flex-shrink:0}.hero-headline{font-family:'Playfair Display',serif;font-size:clamp(3rem, 5.5vw, 5rem);font-weight:900;line-height:1.02;letter-spacing:-.025em;margin-bottom:1.75rem;opacity:0;animation:fadeUp 0.9s 0.4s forwards}.hero-headline em{font-style:italic;color:var(--gold);display:block}.hero-sub{font-size:1.05rem;color:var(--sand);max-width:42ch;line-height:1.85;margin-bottom:3rem;opacity:0;animation:fadeUp 0.9s 0.6s forwards}.hero-actions{display:flex;gap:1rem;align-items:center;opacity:0;animation:fadeUp 0.9s 0.8s forwards}.scroll-hint{position:absolute;bottom:3rem;left:4.5rem;display:flex;align-items:center;gap:.75rem;font-family:'DM Mono',monospace;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--warm-gray);opacity:0;animation:fadeUp 1s 1.2s forwards}.scroll-line{width:40px;height:1px;background:var(--warm-gray);position:relative;overflow:hidden;flex-shrink:0}.scroll-line::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gold);animation:scanline 2s 1.5s infinite}@keyframes scanline{to{left:100%}}.hero-right{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;padding:9rem 4rem 6rem 2rem;opacity:0;animation:fadeIn 1.2s 0.5s forwards}.portrait-wrap{position:relative;width:min(380px, 85%)}.corner{position:absolute;width:28px;height:28px;border-color:var(--gold);border-style:solid;opacity:.6}.corner.tl{top:-10px;left:-10px;border-width:1px 0 0 1px}.corner.tr{top:-10px;right:-10px;border-width:1px 1px 0 0}.corner.bl{bottom:-10px;left:-10px;border-width:0 0 1px 1px}.corner.br{bottom:-10px;right:-10px;border-width:0 1px 1px 0}.portrait-wrap img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:4px;display:block}.portrait-placeholder{width:100%;aspect-ratio:3/4;background:var(--surface2);border-radius:4px;display:flex;align-items:center;justify-content:center;font-family:'DM Mono',monospace;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--warm-gray)}.stat-card{position:absolute;background:rgb(24 22 16 / .92);border:1px solid var(--rule);border-radius:8px;padding:1rem 1.4rem;backdrop-filter:blur(8px);box-shadow:0 20px 40px rgb(0 0 0 / .5)}.stat-val{font-family:'Playfair Display',serif;font-size:1.6rem;font-weight:900;color:var(--gold);line-height:1}.stat-lbl{font-family:'DM Mono',monospace;font-size:.55rem;letter-spacing:.12em;text-transform:uppercase;color:var(--warm-gray);margin-top:.25rem}.stat-card.s1{top:15%;right:-2.5rem;animation:floatA 5s ease-in-out infinite}.stat-card.s2{bottom:18%;left:-2.5rem;animation:floatB 5s ease-in-out infinite 1.5s}.stat-card.s3{bottom:36%;right:-2rem;animation:floatA 6s ease-in-out infinite 0.8s}@keyframes floatA{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes floatB{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}.client-bar{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:1.6rem 4.5rem;display:flex;align-items:center;gap:3rem;overflow:hidden}.client-bar-label{font-family:'DM Mono',monospace;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--warm-gray);white-space:nowrap;flex-shrink:0}.client-bar-rule{width:1px;height:1.5rem;background:var(--rule);flex-shrink:0}.clients-scroll{display:flex;gap:3.5rem;align-items:center;animation:marquee 20s linear infinite;white-space:nowrap}.clients-scroll:hover{animation-play-state:paused}@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.client-name{font-family:'Playfair Display',serif;font-size:.9rem;font-weight:400;font-style:italic;color:var(--warm-gray);white-space:nowrap;transition:color 0.25s}.client-name:hover{color:var(--sand)}section{padding:7rem 4.5rem;position:relative}.section-heading{font-family:'Playfair Display',serif;font-size:clamp(2rem, 4vw, 3rem);font-weight:700;line-height:1.12;margin-bottom:1.25rem;color:var(--cream)}.section-heading em{font-style:italic;color:var(--gold)}.section-intro{font-size:1rem;color:var(--sand);max-width:58ch;line-height:1.85}.contact-message{border:1px solid var(--rule);border-left-width:4px;background:rgb(255 255 255 / .03);padding:1rem 1rem 1rem 1rem;margin-bottom:1.4rem;border-radius:8px;color:var(--cream)}.contact-message.success{border-left-color:var(--gold)}.contact-message.error{border-left-color:var(--rose)}.contact-form{display:grid;gap:1rem;background:var(--surface);border:1px solid var(--rule);border-radius:12px;padding:1.4rem;margin-top:.8rem}.contact-form .form-row{display:grid;gap:.35rem}.contact-form label{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--warm-mid);font-weight:700}.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--rule);border-radius:8px;background:var(--surface2);color:var(--cream);padding:.65rem .75rem;font-family:'DM Sans',sans-serif;font-size:.95rem}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--gold);border-color:var(--gold)}.contact-form button{margin-top:.25rem;width:min(280px, 100%)}.contact-section{margin-top:-1.2rem;padding-top:.5rem}.work-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:4rem}.work-header a.view-all{font-family:'DM Mono',monospace;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--warm-gray);text-decoration:none;display:flex;align-items:center;gap:.5rem;transition:color 0.25s}.work-header a.view-all:hover{color:var(--gold)}.work-header a.view-all::after{content:'→'}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--rule);border-radius:12px;overflow:hidden}.project-card{background:var(--surface);padding:3rem;position:relative;overflow:hidden;transition:background 0.3s;text-decoration:none;display:block;color:inherit}.project-card:hover{background:var(--surface2)}.project-card.featured{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.project-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(to right,var(--gold),var(--accent));transform:scaleX(0);transform-origin:left;transition:transform 0.4s ease}.project-card:hover::before{transform:scaleX(1)}.project-tag{font-family:'DM Mono',monospace;font-size:.58rem;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.project-tag::before{content:'';display:block;width:1.5rem;height:1px;background:var(--gold)}.project-title{font-family:'Playfair Display',serif;font-size:1.6rem;font-weight:700;line-height:1.2;margin-bottom:.75rem;color:var(--cream);transition:color 0.25s}.project-card:hover .project-title{color:var(--gold-lt)}.project-desc{font-size:.9rem;color:var(--sand);line-height:1.75;margin-bottom:1.5rem}.project-metrics{display:flex;gap:2rem;flex-wrap:wrap;padding-top:1.5rem;border-top:1px solid var(--rule)}.metric{display:flex;flex-direction:column;gap:.15rem}.metric-val{font-family:'Playfair Display',serif;font-size:1.5rem;font-weight:700;color:var(--gold);line-height:1}.metric-lbl{font-family:'DM Mono',monospace;font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;color:var(--warm-gray)}.project-visual{background:var(--surface2);border-radius:8px;aspect-ratio:16/10;overflow:hidden;position:relative;border:1px solid var(--rule);display:flex;align-items:center;justify-content:center;font-family:'DM Mono',monospace;font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:var(--warm-gray)}.project-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.project-link{display:inline-flex;align-items:center;gap:.5rem;font-family:'DM Mono',monospace;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);text-decoration:none;margin-top:1.5rem;transition:gap 0.25s}.project-link:hover{gap:.8rem}.project-link::after{content:'→'}.quote-section{text-align:center;padding:8rem 4.5rem;position:relative;overflow:hidden}.quote-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgb(201 168 76 / .05) 0%,transparent 65%);pointer-events:none}.quote-mark{font-family:'Playfair Display',serif;font-size:8rem;line-height:.5;color:rgb(201 168 76 / .12);margin-bottom:1.5rem;font-style:italic;display:block}.quote-text{font-family:'Playfair Display',serif;font-size:clamp(1.4rem, 3vw, 2.2rem);font-style:italic;color:var(--cream);line-height:1.5;max-width:58ch;margin:0 auto 2rem;position:relative;z-index:1}.quote-credit{font-family:'DM Mono',monospace;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--warm-gray)}.about-strip{background:var(--surface);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);display:grid;grid-template-columns:1fr 1fr;gap:0;overflow:hidden;padding:0}.about-left{padding:6rem 4.5rem;border-right:1px solid var(--rule)}.about-right{padding:6rem 4.5rem;display:flex;flex-direction:column;justify-content:center}.capability-list{display:flex;flex-direction:column;gap:0;margin-top:2.5rem}.capability{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 0;border-bottom:1px solid var(--rule);opacity:0;transform:translateY(10px);transition:opacity 0.5s ease,transform 0.5s ease}.capability.visible{opacity:1;transform:translateY(0)}.cap-name{font-size:.95rem;color:var(--cream)}.cap-bar-wrap{width:35%;height:2px;background:rgb(212 201 176 / .08);border-radius:1px;overflow:hidden}.cap-bar{height:100%;background:linear-gradient(to right,var(--gold),var(--accent));transform:scaleX(0);transform-origin:left;transition:transform 0.9s cubic-bezier(.4,0,.2,1)}.cap-bar.visible{transform:scaleX(1)}.triad{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem}.triad-item{display:flex;flex-direction:column;align-items:flex-start;padding:1.5rem;background:rgb(212 201 176 / .03);border:1px solid var(--rule);border-radius:8px;transition:border-color 0.3s}.triad-item:hover{border-color:rgb(201 168 76 / .3)}.triad-icon{font-family:'DM Mono',monospace;font-size:1.1rem;color:var(--gold);margin-bottom:.75rem}.triad-label{font-family:'Playfair Display',serif;font-size:1rem;font-weight:700;color:var(--cream);margin-bottom:.4rem}.triad-detail{font-size:.78rem;color:var(--warm-gray);line-height:1.6}.cta-section{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--rule);min-height:400px;padding:0}.cta-left{padding:6rem 4.5rem;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--rule)}.cta-right{padding:6rem 4.5rem;background:var(--surface);display:flex;flex-direction:column;justify-content:center}.cta-heading{font-family:'Playfair Display',serif;font-size:clamp(2rem, 4vw, 3.2rem);font-weight:900;line-height:1.1;margin-bottom:1.25rem;color:var(--cream)}.cta-heading em{font-style:italic;color:var(--gold)}.cta-sub{font-size:.95rem;color:var(--sand);max-width:40ch;line-height:1.8;margin-bottom:2.5rem}.cta-actions{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.contact-details{display:flex;flex-direction:column;gap:1.5rem}.contact-item{display:flex;align-items:center;gap:1rem;text-decoration:none;transition:transform 0.25s}.contact-item:hover{transform:translateX(4px)}.contact-item-icon{font-family:'DM Mono',monospace;font-size:.7rem;color:var(--gold);width:2rem;flex-shrink:0}.contact-item-text{font-size:.9rem;color:var(--cream)}.contact-item-sub{font-family:'DM Mono',monospace;font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--warm-gray)}footer{border-top:1px solid var(--rule);padding:2rem 4.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-logo{font-family:'Playfair Display',serif;font-size:.9rem;color:var(--warm-gray)}.footer-nav{display:flex;gap:1.5rem}.footer-nav a{font-family:'DM Mono',monospace;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--warm-gray);text-decoration:none;transition:color 0.25s}.footer-nav a:hover{color:var(--gold)}.footer-copy{font-family:'DM Mono',monospace;font-size:.58rem;letter-spacing:.12em;color:var(--warm-gray)}.cs-hero{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding:9rem 4.5rem 5rem;position:relative;overflow:hidden}.cs-hero-img{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0}.cs-hero-img::after{content:'';position:absolute;inset:0;background:rgb(17 16 9 / .55)}.cs-hero-bg{position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse 80% 60% at 60% 30%,rgb(201 168 76 / .07) 0%,transparent 65%),radial-gradient(ellipse 40% 40% at 10% 80%,rgb(184 115 51 / .05) 0%,transparent 60%)}.hero-ghost{position:absolute;z-index:2;right:-2rem;top:50%;transform:translateY(-50%);font-family:'Playfair Display',serif;font-size:clamp(8rem, 18vw, 16rem);font-weight:900;font-style:italic;color:rgb(201 168 76 / .04);line-height:1;white-space:nowrap;pointer-events:none;user-select:none;letter-spacing:-.03em}.cs-hero-content{position:relative;z-index:3;max-width:900px}.cs-hero-meta{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.cs-hero-tag{font-family:'DM Mono',monospace;font-size:.65rem;letter-spacing:.25em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:.75rem}.cs-hero-tag::before{content:'';display:block;width:2rem;height:1px;background:var(--gold)}.meta-dot{width:3px;height:3px;border-radius:50%;background:var(--warm-gray)}.cs-hero-client{font-family:'DM Mono',monospace;font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:var(--warm-gray)}.hero-title{font-family:'Playfair Display',serif;font-size:clamp(3rem, 6vw, 5.5rem);font-weight:900;line-height:1;letter-spacing:-.025em;margin-bottom:2rem}.hero-title em{font-style:italic;color:var(--gold)}.hero-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--rule);padding-top:2rem;gap:2rem}.strip-item label{font-family:'DM Mono',monospace;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--warm-gray);display:block;margin-bottom:.4rem}.strip-item span{font-size:.95rem;color:var(--cream)}.strip-revenue{font-family:'Playfair Display',serif;font-size:1.4rem;font-weight:700;color:var(--gold)}.cs-section{padding:7rem 4.5rem;position:relative}.cs-section.alt{background:var(--surface)}.cs-section.alt2{background:var(--surface2)}.section-heading{font-family:'Playfair Display',serif;font-size:clamp(1.8rem, 3.5vw, 2.8rem);font-weight:700;line-height:1.12;margin-bottom:1.5rem}.section-heading em{font-style:italic;color:var(--gold)}.prose{font-size:1rem;color:var(--sand);line-height:1.9;max-width:62ch}.prose+.prose{margin-top:1.25rem}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start}.two-col-3-2{display:grid;grid-template-columns:3fr 2fr;gap:4rem;align-items:start}.impact-bar{background:linear-gradient(135deg,rgb(201 168 76 / .1) 0%,rgb(184 115 51 / .05) 100%);border:1px solid rgb(201 168 76 / .2);border-radius:12px;padding:2.5rem 3rem;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:3rem}.impact-metric{padding:1.5rem 2rem;border-right:1px solid var(--rule)}.impact-metric:last-child{border-right:none}.impact-val{font-family:'Playfair Display',serif;font-size:2.8rem;font-weight:900;color:var(--gold);line-height:1;margin-bottom:.4rem}.impact-lbl{font-family:'DM Mono',monospace;font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:var(--warm-gray)}.problem-quote{background:rgb(212 201 176 / .04);border-left:3px solid var(--gold);border-radius:0 8px 8px 0;padding:2rem 2.5rem;margin-top:2rem}.problem-quote p{font-family:'Playfair Display',serif;font-size:1.2rem;font-style:italic;color:var(--cream);line-height:1.6}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:3rem}.comp-card{border-radius:10px;padding:2rem;border:1px solid var(--rule);position:relative;overflow:hidden}.comp-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px}.comp-card.before{background:rgb(192 67 58 / .04);border-color:rgb(192 67 58 / .2)}.comp-card.before::before{background:linear-gradient(to right,var(--red),transparent)}.comp-card.after{background:rgb(201 168 76 / .04);border-color:rgb(201 168 76 / .2)}.comp-card.after::before{background:linear-gradient(to right,var(--gold),transparent)}.comp-badge{font-family:'DM Mono',monospace;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:1rem;display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .7rem;border-radius:2px}.comp-card.before .comp-badge{color:var(--red);background:rgb(192 67 58 / .1)}.comp-card.after .comp-badge{color:var(--gold);background:rgb(201 168 76 / .1)}.comp-card h4{font-family:'Playfair Display',serif;font-size:1.15rem;font-weight:700;margin-bottom:.75rem}.comp-card ul{list-style:none;display:flex;flex-direction:column;gap:.5rem}.comp-card ul li{font-size:.88rem;color:var(--sand);display:flex;align-items:flex-start;gap:.6rem;line-height:1.5}.comp-card ul li::before{flex-shrink:0;margin-top:.15rem}.comp-card.before ul li::before{content:'×';color:var(--red)}.comp-card.after ul li::before{content:'✓';color:var(--gold)}.cs-screenshot img{width:100%;height:auto;display:block;border-radius:10px;border:1px solid var(--rule)}.screen-placeholder{background:var(--surface2);border:1px solid var(--rule);border-radius:8px;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.75rem;margin-top:1.25rem;position:relative;overflow:hidden}.screen-placeholder::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--surface3) 0%,var(--surface2) 100%)}.screen-placeholder-label{position:relative;z-index:1;font-family:'DM Mono',monospace;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--warm-gray)}.screen-placeholder-hint{position:relative;z-index:1;font-size:.75rem;color:rgb(122 112 96 / .5)}.insight-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}.insight-card{background:var(--surface3);border:1px solid var(--rule);border-radius:10px;padding:2rem;border-top:3px solid var(--gold);opacity:0;transform:translateY(16px);transition:opacity 0.6s ease,transform 0.6s ease}.insight-card.visible{opacity:1;transform:translateY(0)}.insight-num{font-family:'DM Mono',monospace;font-size:.65rem;letter-spacing:.2em;color:var(--gold);margin-bottom:1rem}.insight-card h4{font-family:'Playfair Display',serif;font-size:1.05rem;font-weight:700;margin-bottom:.6rem}.insight-card p{font-size:.85rem;color:var(--sand);line-height:1.7}.methods-list{display:flex;flex-direction:column;gap:0;border:1px solid var(--rule);border-radius:10px;overflow:hidden;margin-top:2rem}.method-row{display:flex;align-items:center;gap:1.5rem;padding:1.25rem 1.75rem;border-bottom:1px solid var(--rule);transition:background 0.25s}.method-row:last-child{border-bottom:none}.method-row:hover{background:rgb(212 201 176 / .04)}.method-icon{font-family:'DM Mono',monospace;font-size:.9rem;color:var(--gold);width:1.5rem;flex-shrink:0}.method-name{font-size:.92rem;color:var(--cream);flex:1}.method-detail{font-size:.8rem;color:var(--warm-gray)}.reframe-diagram{margin-top:3rem;border:1px solid var(--rule);border-radius:12px;overflow:hidden}.reframe-header{padding:1.25rem 2rem;background:var(--surface3);border-bottom:1px solid var(--rule);font-family:'DM Mono',monospace;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--warm-gray)}.reframe-body{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch}.reframe-col{padding:2.5rem}.reframe-col.old{background:rgb(192 67 58 / .03)}.reframe-col.new{background:rgb(201 168 76 / .03)}.reframe-arrow{display:flex;align-items:center;justify-content:center;padding:0 1.5rem;border-left:1px solid var(--rule);border-right:1px solid var(--rule);background:var(--surface3)}.reframe-arrow span{font-size:1.5rem;color:var(--gold)}.reframe-col-label{font-family:'DM Mono',monospace;font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:1.25rem}.reframe-col.old .reframe-col-label{color:var(--red)}.reframe-col.new .reframe-col-label{color:var(--gold)}.reframe-col h4{font-family:'Playfair Display',serif;font-size:1.2rem;font-weight:700;margin-bottom:.75rem}.reframe-col p{font-size:.88rem;color:var(--sand);line-height:1.7}.reframe-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.25rem}.reframe-tag{font-family:'DM Mono',monospace;font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;border-radius:2px;padding:.25rem .6rem}.reframe-col.old .reframe-tag{color:var(--warm-gray);border:1px solid rgb(192 67 58 / .2)}.reframe-col.new .reframe-tag{color:var(--gold);border:1px solid rgb(201 168 76 / .3)}.stakeholder-row{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.5rem}.stakeholder-chip{display:flex;align-items:center;gap:.75rem;background:var(--surface3);border:1px solid var(--rule);border-radius:100px;padding:.6rem 1.25rem}.chip-dot{width:8px;height:8px;border-radius:50%;background:var(--gold)}.chip-label{font-size:.82rem;color:var(--cream)}.chip-role{font-family:'DM Mono',monospace;font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;color:var(--warm-gray)}.decisions-list{display:flex;flex-direction:column;gap:0;margin-top:3rem}.decision{display:grid;grid-template-columns:3rem 1fr;gap:2rem;padding:2.5rem 0;border-bottom:1px solid var(--rule);opacity:0;transform:translateX(-16px);transition:opacity 0.6s ease,transform 0.6s ease}.decision:first-child{padding-top:0}.decision.visible{opacity:1;transform:translateX(0)}.decision-num{font-family:'Playfair Display',serif;font-size:2.5rem;font-weight:900;color:rgb(201 168 76 / .2);line-height:1;padding-top:.2rem}.decision-body h4{font-family:'Playfair Display',serif;font-size:1.25rem;font-weight:700;margin-bottom:.6rem}.decision-why{font-family:'DM Mono',monospace;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.decision-why::before{content:'→'}.decision-body p{font-size:.92rem;color:var(--sand);line-height:1.8;max-width:58ch}.decision-img{margin-top:1.5rem}.decision-img img{width:100%;height:auto;border-radius:10px;border:1px solid var(--rule);display:block}.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}.system-card{background:var(--surface3);border:1px solid var(--rule);border-radius:10px;padding:2rem;transition:border-color 0.3s,transform 0.3s}.system-card:hover{border-color:rgb(201 168 76 / .3);transform:translateY(-3px)}.system-card-icon{font-family:'DM Mono',monospace;font-size:1.2rem;color:var(--gold);margin-bottom:1rem}.system-card h4{font-family:'Playfair Display',serif;font-size:1rem;font-weight:700;margin-bottom:.5rem}.system-card p{font-size:.82rem;color:var(--sand);line-height:1.65}.outcome-section{text-align:center;padding:9rem 4.5rem;position:relative;overflow:hidden;background:var(--surface)}.outcome-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgb(201 168 76 / .07) 0%,transparent 65%)}.outcome-eyebrow{font-family:'DM Mono',monospace;font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:1.5rem}.outcome-number{font-family:'Playfair Display',serif;font-size:clamp(5rem, 14vw, 10rem);font-weight:900;line-height:.95;background:linear-gradient(135deg,var(--gold-lt) 0%,var(--gold) 50%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;margin-bottom:.5rem;position:relative;z-index:1}.outcome-sub{font-size:1rem;color:var(--sand);margin-bottom:4rem;position:relative;z-index:1}.outcome-metrics{display:grid;grid-template-columns:repeat(3,1fr);max-width:780px;margin:0 auto;background:rgb(212 201 176 / .06);border-radius:12px;overflow:hidden;border:1px solid var(--rule);position:relative;z-index:1}.om-item{padding:2.5rem 2rem;border-right:1px solid var(--rule)}.om-item:last-child{border-right:none}.om-val{font-family:'Playfair Display',serif;font-size:2rem;font-weight:700;color:var(--gold);line-height:1;margin-bottom:.5rem}.om-lbl{font-family:'DM Mono',monospace;font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:var(--warm-gray)}.outcome-note{margin-top:2.5rem;font-size:.82rem;color:var(--warm-gray);font-style:italic;max-width:52ch;margin-left:auto;margin-right:auto;position:relative;z-index:1}.reflection-block{background:rgb(212 201 176 / .04);border:1px solid var(--rule);border-radius:12px;padding:3rem;margin-top:2rem;position:relative;overflow:hidden}.reflection-block::before{content:'"';position:absolute;top:-1rem;left:2rem;font-family:'Playfair Display',serif;font-size:8rem;font-style:italic;color:rgb(201 168 76 / .06);line-height:1;pointer-events:none}.reflection-block p{font-family:'Playfair Display',serif;font-size:1.15rem;font-style:italic;color:var(--cream);line-height:1.7;position:relative;z-index:1}.reflection-credit{font-family:'DM Mono',monospace;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--warm-gray);margin-top:1.25rem;font-style:normal;display:block;position:relative;z-index:1}.next-section{border-top:1px solid var(--rule);display:grid;grid-template-columns:1fr 1fr;min-height:280px}.next-left{padding:5rem 4.5rem;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--rule)}.next-right{padding:5rem 4.5rem;background:var(--surface);display:flex;flex-direction:column;justify-content:center;text-decoration:none;color:inherit;transition:background 0.3s;position:relative;overflow:hidden}.next-right::after{content:'→';position:absolute;right:4.5rem;top:50%;transform:translateY(-50%);font-size:2rem;color:rgb(201 168 76 / .3);transition:right 0.3s,color 0.3s}.next-right:hover{background:var(--surface2)}.next-right:hover::after{right:4rem;color:var(--gold)}.next-eyebrow{font-family:'DM Mono',monospace;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--warm-gray);margin-bottom:.75rem}.next-title{font-family:'Playfair Display',serif;font-size:1.5rem;font-weight:700;line-height:1.2}.btn-group{display:flex;gap:1rem;flex-wrap:wrap}.cs-list-item{border-top:1px solid var(--rule);padding:7rem 4.5rem}.cs-list-item:nth-child(even){background:var(--surface)}.cs-list-item-inner{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start;max-width:1280px;margin:0 auto}.cs-list-left{display:flex;flex-direction:column}.cs-list-meta{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.cs-list-number{font-family:'DM Mono',monospace;font-size:.65rem;letter-spacing:.2em;color:var(--gold);flex-shrink:0}.cs-list-title{font-family:'Playfair Display',serif;font-size:clamp(1.6rem, 3.5vw, 2.8rem);font-weight:700;line-height:1.15;margin-bottom:1.5rem;color:var(--cream)}.cs-list-title a{text-decoration:none;color:var(--cream);transition:color 0.25s}.cs-list-title a:hover{color:var(--gold-lt)}.cs-list-title em{font-style:italic;color:var(--gold)}.cs-list-desc{font-size:.95rem;color:var(--sand);line-height:1.85;max-width:52ch;margin-bottom:0}.cs-list-metrics{display:flex;gap:2.5rem;flex-wrap:wrap;padding-top:2rem;margin-top:2rem;border-top:1px solid var(--rule)}.cs-list-right{display:flex;flex-direction:column;gap:1rem;position:sticky;top:100px}.cs-list-client{font-family:'DM Mono',monospace;font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--warm-gray)}.page-content{padding:12rem 4.5rem 7rem}.page-content .entry-title{font-family:'Playfair Display',serif;font-size:clamp(2rem, 4vw, 3.5rem);font-weight:700;margin-bottom:3rem;color:var(--cream)}.page-content .entry-content p{color:var(--sand);margin-bottom:1.5rem}@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media (max-width:960px){#site-nav{padding:1.2rem 2rem}.nav-links{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-left{padding:3rem 2rem 3rem}.hero-right{display:none}section{padding:5rem 2rem}.client-bar{padding:1.4rem 2rem}.work-header{flex-direction:column;align-items:flex-start;gap:1rem}.projects-grid{grid-template-columns:1fr}.project-card.featured{grid-template-columns:1fr;gap:2rem}.about-strip{grid-template-columns:1fr}.about-left{border-right:none;border-bottom:1px solid var(--rule);padding:4rem 2rem}.about-right{padding:4rem 2rem}.triad{grid-template-columns:1fr}.cta-section{grid-template-columns:1fr}.cta-left{border-right:none;border-bottom:1px solid var(--rule);padding:4rem 2rem}.cta-right{padding:4rem 2rem}.cs-hero{padding:8rem 2rem 4rem}.hero-strip{grid-template-columns:1fr 1fr}.hero-ghost{display:none}.cs-section{padding:5rem 2rem}.two-col,.two-col-3-2{grid-template-columns:1fr;gap:3rem}.comparison,.insight-cards,.system-grid{grid-template-columns:1fr}.reframe-body{grid-template-columns:1fr}.reframe-arrow{border:none;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:1rem}.impact-bar{grid-template-columns:1fr;padding:1.5rem}.impact-metric{border-right:none;border-bottom:1px solid var(--rule);padding:1rem 0}.impact-metric:last-child{border-bottom:none}.outcome-metrics{grid-template-columns:1fr;max-width:360px}.om-item{border-right:none;border-bottom:1px solid var(--rule)}.om-item:last-child{border-bottom:none}.next-section{grid-template-columns:1fr}.next-left{border-right:none;border-bottom:1px solid var(--rule);padding:4rem 2rem}.next-right{padding:4rem 2rem}.next-right::after{display:none}.cs-list-item{padding:4rem 2rem}.cs-list-item-inner{grid-template-columns:1fr;gap:2rem}.cs-list-right{position:static}.quote-section{padding:5rem 2rem}.stat-card{display:none}.section-divider{padding:0 2rem}footer{padding:1.5rem 2rem}.page-content{padding:8rem 2rem 4rem}}