:root{--bg:#F2E7E4;--text:#2C2420;--text-soft:rgba(44,36,32,0.55);--muted:rgba(44,36,32,0.32);--accent:#7A4E5B;--accent-soft:rgba(122,78,91,0.08);--border:rgba(44,36,32,0.08);--border-strong:rgba(44,36,32,0.14);--white:#FFFFFF}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}::selection{background:rgba(122,78,91,.18);color:var(--text)}body{background:var(--white);min-height:100vh}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.fade-in{opacity:0;transform:translateY(16px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1)}.fade-in.visible{opacity:1;transform:translateY(0)}.frame{position:fixed;inset:0;padding:16px;pointer-events:none;z-index:200}.frame-inner{width:100%;height:100%;border:2px solid var(--white);border-radius:2px;box-shadow:0 0 0 16px var(--white)}.page{background-color:var(--bg);min-height:100vh;position:relative}.nav{position:fixed;top:16px;left:16px;right:16px;z-index:150}.nav-bar{padding:16px 32px;display:flex;justify-content:space-between;align-items:center;transition:all .4s ease;border-bottom:1px solid transparent}.nav-bar.scrolled{background-color:rgba(242,231,228,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom-color:var(--border)}.nav-logo{font-family:var(--font-display);font-size:20px;font-style:italic;font-weight:400;color:var(--text);animation:fadeIn .6s ease both}.nav-details{display:flex;align-items:center;gap:28px;font-size:12px;color:var(--muted);animation:fadeIn .6s ease .15s both}.nav-cta,.nav-details{font-family:var(--font-sans);font-weight:500}.nav-cta{color:var(--text);text-decoration:none;padding:8px 20px;border:1.5px solid var(--text);border-radius:2px;transition:all .3s ease;letter-spacing:.04em;font-size:11px;text-transform:uppercase}.nav-cta:hover{background-color:var(--accent);border-color:var(--accent);color:#fff}.hero{min-height:70vh;display:flex;flex-direction:column;justify-content:center;padding:120px 48px 0;max-width:1100px;margin:0 auto}.hero-grid{display:grid;grid-template-columns:1fr auto;grid-gap:64px;gap:64px;align-items:center}.hero-label{font-family:var(--font-sans);font-size:12px;font-weight:500;color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin-bottom:24px;animation:fadeIn .8s ease .2s both}.hero-headline{font-family:var(--font-display);font-size:56px;font-weight:400;letter-spacing:-.02em;line-height:1.12;color:var(--text);max-width:600px;animation:fadeIn .8s ease .35s both}.hero-headline em{font-style:italic;color:var(--accent)}.hero-body{font-family:var(--font-body);font-size:17px;line-height:1.7;color:var(--text-soft);max-width:480px;margin-top:28px;animation:fadeIn .8s ease .5s both}.hero-actions{margin-top:36px;display:flex;gap:20px;animation:fadeIn .8s ease .65s both}.btn-outline{font-family:var(--font-sans);font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text);text-decoration:none;padding:12px 28px;border:1.5px solid var(--text);border-radius:2px;transition:all .3s ease;display:inline-block}.btn-outline:hover{background-color:var(--text);color:var(--bg)}.btn-ghost{font-family:var(--font-sans);font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);text-decoration:none;padding:12px 0;transition:opacity .3s ease;display:inline-block}.btn-ghost:hover{opacity:.6}.hero-photo-wrap{width:340px;height:420px;position:relative;flex-shrink:0;animation:fadeIn 1s ease .7s both}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:2px;filter:grayscale(.08) contrast(1.02);box-shadow:0 24px 64px -16px rgba(44,36,32,.15)}.hero-photo-wrap:after{content:"";position:absolute;inset:8px -8px -8px 8px;border:1.5px solid var(--accent);border-radius:2px;z-index:-1;opacity:.3}.marquee-wrap{padding:120px 0;overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:center}.marquee-eyebrow{font-family:var(--font-sans);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:center;padding-bottom:16px}.marquee-track{display:flex;gap:48px;animation:marquee 25s linear infinite;width:max-content}.marquee-item{white-space:nowrap;display:flex;align-items:center;gap:48px}.marquee-logo{display:block;height:22px;width:auto;opacity:.4;filter:grayscale(1);transition:opacity .3s ease}.marquee-logo-sm{height:20px}.marquee-logo-lg{height:26px}.marquee-logo:hover{opacity:.7}.marquee-dot{color:var(--border-strong);font-size:6px}.section{max-width:1100px;margin:0 auto}.section-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.section-title{font-family:var(--font-display);font-size:14px;font-weight:400;font-style:italic;color:var(--accent)}.section-meta{font-family:var(--font-sans);font-size:11px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.section-rule{height:1px;background:var(--border-strong)}.project-row{display:grid;grid-template-columns:48px 1fr;grid-gap:24px;gap:24px;text-decoration:none;color:inherit;padding:40px 0;border-bottom:1px solid var(--border);transition:all .4s cubic-bezier(.22,1,.36,1);cursor:pointer;position:relative}.project-row:hover{background:var(--accent-soft);margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px;border-radius:4px}.project-num{font-family:var(--font-sans);font-size:12px;font-weight:500;color:var(--muted);letter-spacing:.04em;padding-top:4px;transition:color .3s ease}.project-row:hover .project-num{color:var(--accent)}.project-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px;flex-wrap:wrap;gap:12px}.project-title{font-family:var(--font-display);font-size:32px;font-weight:400;color:var(--text);letter-spacing:-.01em;line-height:1.2;transition:color .3s ease}.project-arrow,.project-row:hover .project-title{color:var(--accent)}.project-arrow{display:inline-block;margin-left:10px;font-size:18px;transition:all .35s ease;transform:translate(0);opacity:0}.project-row:hover .project-arrow{transform:translate(4px,-4px);opacity:.7}.project-arrow-internal{transform:translate(0)!important}.project-row:hover .project-arrow-internal{transform:translateX(4px)!important;opacity:.7}.project-coming-soon{display:inline-block;margin-left:12px;letter-spacing:.04em;vertical-align:middle}.project-coming-soon,.project-role{font-family:var(--font-sans);font-size:11px;font-weight:500;color:var(--muted)}.project-role{letter-spacing:.08em;text-transform:uppercase}.project-year{font-family:var(--font-display);font-size:14px;font-style:italic;color:var(--muted)}.project-desc{font-family:var(--font-body);font-size:15px;line-height:1.7;color:var(--text-soft);max-width:640px;margin:12px 0 16px}.project-meta{align-items:center;gap:20px}.project-meta,.tags{display:flex;flex-wrap:wrap}.tags{gap:6px}.tag{font-family:var(--font-sans);font-size:10px;font-weight:500;color:var(--muted);padding:3px 10px;border-radius:3px;border:1px solid var(--border);letter-spacing:.04em;text-transform:uppercase}.metric-value{font-family:var(--font-display);font-size:14px;color:var(--accent);font-style:italic}.metric-label{font-family:var(--font-sans);font-size:10px;font-style:normal;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.about-grid{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:64px;gap:64px;align-items:start}.about-quote{font-family:var(--font-display);font-size:28px;line-height:1.5;color:var(--text);font-weight:400;border-left:2px solid var(--accent);padding-left:28px}.about-quote em{font-style:italic;color:var(--accent)}.about-body p{font-family:var(--font-body);font-size:15px;line-height:1.75;color:var(--text-soft);margin-bottom:20px}.about-body p:last-child{margin-bottom:0}.footer-inner{border-top:1px solid var(--border-strong);padding-top:40px;display:grid;grid-template-columns:1fr auto;grid-gap:40px;gap:40px;align-items:end}.footer-headline{font-family:var(--font-display);font-size:36px;font-weight:400;color:var(--text);margin-bottom:8px;line-height:1.2}.footer-headline em{font-style:italic;color:var(--accent)}.footer-body{font-family:var(--font-body);font-size:15px;color:var(--text-soft);margin-bottom:28px;max-width:400px;line-height:1.7}.footer-links{display:flex;gap:28px;flex-wrap:wrap}.footer-link{font-family:var(--font-sans);font-size:13px;font-weight:500;color:var(--text-soft);text-decoration:none;transition:color .3s ease;letter-spacing:.02em}.footer-link:hover{color:var(--accent)}.footer-colophon{font-family:var(--font-display);font-size:13px;font-style:italic;color:var(--muted);text-align:right;line-height:1.6}.cs-page{max-width:1200px;margin:0 auto;padding:0 48px 80px;overflow:hidden}.cs-back{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-sans);font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-decoration:none;padding:100px 48px 0;max-width:1200px;display:block;transition:color .3s ease;margin:0 auto 32px}.cs-back:hover{color:var(--accent)}.cs-hero{margin-bottom:128px}.cs-hero-label{font-family:var(--font-sans);font-size:13px;font-weight:500;color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px}.cs-hero-title{font-family:var(--font-display);font-size:40px;font-weight:400;color:var(--text);line-height:1.2;letter-spacing:-.02em;margin-bottom:12px}.cs-hero-subtitle{font-family:var(--font-body);font-size:18px;line-height:1.7;color:var(--text-soft);max-width:600px;margin-bottom:32px}.cs-meta-bar{display:flex;gap:32px;flex-wrap:wrap;padding:20px 0;border-top:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong);margin-bottom:40px}.cs-meta-item{display:flex;flex-direction:column;gap:4px}.cs-meta-label{font-family:var(--font-sans);font-size:12px;font-weight:500;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.cs-meta-value{font-family:var(--font-body);font-size:15px;color:var(--text)}.cs-hero-image{width:100%;height:auto;border-radius:4px}.cs-hero-image-mobile{max-width:380px;height:auto;border-radius:16px;box-shadow:0 16px 48px -12px rgba(44,36,32,.12);display:block;margin:0 auto}.cs-section{margin-bottom:160px}.cs-section-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.cs-section-title{font-family:var(--font-display);font-size:28px;font-weight:400;font-style:italic;color:var(--accent)}.cs-section-rule{height:1px;background:var(--border-strong);margin-bottom:36px}.cs-section-body p{font-family:var(--font-body);font-size:17px;line-height:1.75;color:var(--text-soft);margin-bottom:20px}.cs-section-body p:last-child{margin-bottom:0}.cs-image-wrap{margin:32px 0;max-width:100%;overflow:hidden}.cs-image{width:100%;height:auto;border-radius:4px}.cs-image-caption{font-family:var(--font-sans);font-size:13px;color:var(--muted);text-align:center;margin-top:12px;letter-spacing:.02em}.cs-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:40px;gap:40px;margin:28px 0}.cs-metric-card{padding:24px;border:1px solid var(--border);border-radius:4px;text-align:center}.cs-metric-value{font-family:var(--font-display);font-size:28px;color:var(--accent);font-style:italic;margin-bottom:4px}.cs-metric-label{font-family:var(--font-sans);font-size:13px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.cs-quote{font-family:var(--font-display);font-size:24px;line-height:1.5;color:var(--text);font-weight:400;border-left:2px solid var(--accent);padding-left:24px;margin:28px 0}.cs-quote em{font-style:italic;color:var(--accent)}.cs-quote-attr{font-family:var(--font-sans);font-size:13px;color:var(--muted);margin-top:12px;letter-spacing:.02em}.cs-comparison{display:grid;grid-template-columns:1fr 1fr;grid-gap:48px;gap:48px;margin:28px 0}.cs-comparison-side{position:relative}.cs-comparison-label{font-family:var(--font-sans);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.cs-comparison-image{width:100%;height:auto;border-radius:4px;box-shadow:0 8px 32px -8px rgba(44,36,32,.1)}.cs-process-flow{display:grid;grid-gap:96px;gap:96px;margin:48px 0}.cs-process-step{display:grid;grid-template-columns:48px 1fr;grid-gap:20px;gap:20px}.cs-process-num{font-family:var(--font-display);font-size:32px;color:var(--border-strong);font-style:italic;line-height:1;padding-top:4px}.cs-process-title{font-family:var(--font-display);font-size:22px;font-weight:400;color:var(--text);margin-bottom:8px}.cs-process-desc{font-family:var(--font-body);font-size:16px;line-height:1.7;color:var(--text-soft);margin-bottom:28px}.cs-process-image{width:100%;height:auto;border-radius:4px;margin-top:12px;box-shadow:0 8px 32px -8px rgba(44,36,32,.1)}.cs-problem-cards{display:grid;grid-template-columns:1fr 1fr;grid-gap:32px;gap:32px;margin:28px 0}.cs-problem-card{padding:24px;border:1px solid var(--border);border-radius:4px}.cs-problem-card-title{font-family:var(--font-display);font-size:18px;font-weight:400;color:var(--text);margin-bottom:8px}.cs-problem-card-desc{font-family:var(--font-body);font-size:15px;line-height:1.65;color:var(--text-soft)}.cs-reviews{display:grid;grid-gap:40px;gap:40px;margin:28px 0}.cs-review-card{padding:24px;border:1px solid var(--border);border-radius:4px}.cs-review-stars{color:var(--accent);font-size:16px;margin-bottom:8px;letter-spacing:2px}.cs-review-title{font-family:var(--font-display);font-size:18px;font-weight:400;color:var(--text);margin-bottom:8px}.cs-review-text{font-family:var(--font-body);font-size:15px;line-height:1.65;color:var(--text-soft);margin-bottom:12px}.cs-review-text strong{color:var(--text);font-weight:500}.cs-review-attr{font-family:var(--font-sans);font-size:13px;color:var(--muted);letter-spacing:.02em}.cs-learnings{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:48px;gap:48px;margin:28px 0}.cs-learning{padding:24px;border:1px solid var(--border);border-radius:4px}.cs-learning-title{font-family:var(--font-display);font-size:18px;font-weight:400;color:var(--text);margin-bottom:8px}.cs-learning-desc{font-family:var(--font-body);font-size:15px;line-height:1.65;color:var(--text-soft)}.cs-screen-carousel{display:flex;gap:16px;overflow-x:auto;padding:28px 0;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.cs-carousel-wrap{position:relative}.cs-carousel-arrow{font-family:var(--font-sans);font-size:28px;color:var(--accent);pointer-events:none;line-height:1}.cs-carousel-caption-row{display:flex;justify-content:space-between;align-items:center;margin-top:-4px}.cs-carousel-caption-row .cs-image-caption{font-family:var(--font-sans);font-size:12px;margin-top:0}.cs-screen-carousel img{height:480px;width:auto;border-radius:8px;box-shadow:0 8px 32px -8px rgba(44,36,32,.12);flex-shrink:0}.cs-rating-bar{display:flex;gap:32px;flex-wrap:wrap;margin:28px 0}.cs-rating-item{text-align:center}.cs-rating-score{font-family:var(--font-display);font-size:28px;color:var(--accent);font-style:italic}.cs-rating-detail{font-family:var(--font-sans);font-size:11px;color:var(--muted);letter-spacing:.02em;margin-top:4px}.cs-dark{background:var(--text);color:var(--bg);margin-left:-48px;margin-right:-48px;padding:80px 48px;margin-bottom:32px;border-radius:4px}.cs-dark .cs-section-title{color:rgba(242,231,228,.5)}.cs-dark .cs-section-rule{background:rgba(242,231,228,.15)}.cs-dark .cs-section-body p{color:rgba(242,231,228,.7)}.cs-dark .cs-metric-card{border-color:rgba(242,231,228,.15)}.cs-dark .cs-metric-value{color:var(--bg)}.cs-dark .cs-metric-label{color:rgba(242,231,228,.5)}.cs-dark .cs-section{margin-bottom:0}.cs-insights{margin:32px 0;display:grid;grid-gap:0;gap:0}.cs-insight{padding:16px 0;border-bottom:1px solid var(--border);display:grid;grid-template-columns:32px 1fr;grid-gap:12px;gap:12px;align-items:baseline}.cs-insight:first-child{border-top:1px solid var(--border)}.cs-insight-num{font-family:var(--font-display);font-size:14px;font-style:italic;color:var(--accent)}.cs-insight-text{font-family:var(--font-body);font-size:15px;line-height:1.65;color:var(--text-soft)}.cs-process-horizontal{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px;gap:24px;margin:32px 0}.cs-process-h-step{padding:24px;border:1px solid var(--border);border-radius:4px}.cs-process-h-num{font-family:var(--font-display);font-size:28px;font-style:italic;color:var(--border-strong);margin-bottom:12px}.cs-process-h-title{font-family:var(--font-display);font-size:18px;font-weight:400;color:var(--text);margin-bottom:8px}.cs-process-h-desc{font-family:var(--font-body);font-size:14px;line-height:1.65;color:var(--text-soft)}.cs-two-col-images{display:grid;grid-template-columns:1fr 1fr;grid-gap:32px;gap:32px;margin:32px 0;overflow:hidden}.cs-two-col-images .cs-image-wrap{margin:0;min-width:0}.cs-two-col-images .cs-image{width:100%;height:auto;object-fit:contain}@media (max-width:800px){.hero-headline{font-size:38px!important;line-height:1.15!important}.frame{padding:12px}.frame-inner{box-shadow:0 0 0 12px var(--white)}.footer-section,.hero,.section{padding-left:20px!important;padding-right:20px!important}.hero-grid{grid-template-columns:1fr!important;gap:32px!important}.hero-photo-wrap{width:100%;height:300px}.hero-photo-wrap:after{display:none}.about-grid{grid-template-columns:1fr!important;gap:28px!important}.nav-details{display:none!important}.nav-bar{padding:12px 18px}.project-top{flex-direction:column;gap:4px}.project-row{grid-template-columns:1fr}.project-num{display:none}.footer-inner{grid-template-columns:1fr}.footer-colophon{text-align:left}.about-quote{font-size:22px;padding-left:20px}.cs-page{padding:0 20px 48px}.cs-back{padding:88px 20px 0}.cs-hero-title{font-size:28px}.cs-meta-bar{gap:20px}.cs-comparison,.cs-learnings,.cs-problem-cards{grid-template-columns:1fr}.cs-process-step{grid-template-columns:36px 1fr}.cs-quote{font-size:18px;padding-left:16px}.cs-screen-carousel img{height:360px}.cs-process-horizontal{grid-template-columns:1fr 1fr}.cs-two-col-images{grid-template-columns:1fr}.cs-dark{margin-left:-20px;margin-right:-20px;padding:48px 20px}}