.mobile-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background-color:var(--bg);color:var(--text);display:flex;flex-direction:column;justify-content:space-between;padding:24px var(--container-pad, 24px);animation:fadeIn .25s var(--ease) forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;height:48px}.close-btn{font-size:13px;font-weight:600;letter-spacing:.08em;color:var(--text);padding:8px 12px;border-radius:var(--radius-pill);border:1px solid var(--border)}.mobile-menu-nav{display:flex;flex-direction:column;justify-content:space-between;flex:1;padding:60px 0 40px}.mobile-menu-links{display:flex;flex-direction:column;gap:28px}.mobile-nav-link{font-size:clamp(36px,8vw,52px);font-weight:600;letter-spacing:-.05em;color:var(--muted);transition:color var(--trans-fast)}.mobile-nav-link:hover,.mobile-nav-link.active{color:var(--text)}.mobile-menu-footer{border-top:1px solid var(--border);padding-top:24px}.mobile-social-label{font-size:11px;letter-spacing:.12em;color:var(--muted);font-weight:600;margin-bottom:14px}.mobile-social-links{display:flex;gap:20px}.mobile-social-link{font-size:14px;font-weight:500;color:var(--text)}.navbar{position:fixed;z-index:50;top:0;left:0;right:0;width:100%;height:76px;transition:background-color .25s var(--ease),border-color .25s var(--ease)}.navbar.scrolled{background:#f7f6f2f0;border-bottom:1px solid var(--border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{font-weight:700;letter-spacing:-.05em;font-size:21px;display:flex;align-items:center;gap:8px;color:var(--text)}.nav-links{display:flex;gap:32px;font-size:14px;color:var(--muted);font-weight:500}.nav-links a{transition:color var(--trans-fast)}.nav-links a:hover,.nav-links a.active{color:var(--text)}.menu-btn{display:none;border:0;background:none;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.05em;color:var(--text)}@media (max-width: 800px){.navbar{height:68px}.nav-links{display:none}.menu-btn{display:block}}.footer{background:var(--dark);color:var(--dark-text);padding:65px 0 55px}.footer-top{display:flex;justify-content:space-between;gap:30px}.footer-brand{font-size:25px;font-weight:700;letter-spacing:-.05em;color:var(--dark-text);display:inline-flex;align-items:center;gap:8px}.footer-sub{color:var(--dark-muted);font-size:14px;margin-top:8px}.footer-links{display:flex;gap:24px;color:var(--dark-muted);font-size:14px;font-weight:500;flex-wrap:wrap}.footer-links a{transition:color var(--trans-fast)}.footer-links a:hover{color:var(--dark-text)}.copyright{border-top:1px solid var(--dark-border);margin-top:50px;padding-top:24px;color:var(--dark-muted);font-size:13px;display:flex;justify-content:space-between}@media (max-width: 800px){.footer-top,.copyright{display:block}.footer-links{margin-top:30px;gap:20px}.copyright span{display:block;margin-top:8px}}.hero{min-height:90vh;display:flex;align-items:flex-end;padding:150px 0 90px}.hero-sub{max-width:650px;margin:24px 0 0;font-size:19px;line-height:1.55;color:var(--muted)}.hero-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.availability{margin-top:42px;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px;font-weight:500}@media (max-width: 800px){.hero{min-height:calc(100dvh - 68px);display:flex;align-items:center;justify-content:center;padding:max(32px,5vh) 0 max(28px,4vh);box-sizing:border-box;text-align:center}.hero .container{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.hero .eyebrow{font-size:11px;letter-spacing:.12em;margin-bottom:18px;display:inline-flex;align-items:center;padding:6px 14px;background:#1111110a;border-radius:20px;border:1px solid rgba(17,17,17,.06);color:var(--text)}.hero-title{text-align:center;margin:0 auto;font-size:clamp(30px,7.8vw,44px);line-height:1.08;letter-spacing:-.04em;word-break:break-word;max-width:100%}.hero-title br{display:none}.hero-sub{font-size:15px;line-height:1.55;margin:16px auto 0;text-align:center;max-width:330px}.hero-actions{justify-content:center;margin-top:24px;gap:10px;width:100%}.hero-actions .btn{height:46px;min-height:46px;padding:0 20px;font-size:14px}.availability{justify-content:center;margin-top:28px;font-size:12px}}@media (max-width: 380px){.hero-title{font-size:28px}.hero-sub{font-size:14px;max-width:290px}.hero-actions{flex-direction:column;align-items:stretch;max-width:260px;margin-left:auto;margin-right:auto}.hero-actions .btn{width:100%}}.currently{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:22px 0}.currently-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.currently-label{color:var(--muted);font-size:11px;letter-spacing:.12em;font-weight:600}.currently-text{font-size:14px;font-weight:500;color:var(--text)}@media (max-width: 800px){.currently-inner{display:block}.currently-text{display:block;margin-top:6px}}.work-showcase{position:relative;height:auto;padding:60px 0;margin:0}.work-sticky{position:relative;width:100%;height:auto}.showcase-container{width:min(1380px,calc(100% - 6vw));margin:0 auto;display:flex;flex-direction:column;gap:20px}.showcase-top-bar{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--border, #e2e1dc)}.showcase-label{color:var(--muted, #6b6b67);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.showcase-top-right{display:flex;align-items:center;gap:16px}.showcase-counter{color:var(--muted, #6b6b67);font-size:12px;font-weight:500}.mobile-arrows{display:none;gap:8px}.mobile-arrow{width:34px;height:34px;font-size:14px}.showcase-grid-body{display:grid;grid-template-columns:minmax(260px,340px) 1fr 180px;column-gap:36px;align-items:center;padding:16px 0;min-height:480px}.project-copy{display:flex;flex-direction:column;align-items:flex-start}.project-number{color:var(--muted, #6b6b67);font-size:12px;margin-bottom:12px;font-weight:500}.project-title{margin:0;font-size:clamp(32px,3.4vw,54px);line-height:1.02;letter-spacing:-.05em;font-weight:600;color:var(--text, #111111)}.category{margin-top:14px;color:var(--muted, #6b6b67);font-size:14px;line-height:1.5}.status{margin-top:12px;color:var(--muted, #6b6b67);font-size:12px;display:flex;align-items:center}.status:before{content:"";display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--accent, #d85a30)}.view{display:inline-flex;margin-top:24px;padding-bottom:4px;border-bottom:1px solid var(--text, #111111);font-size:14px;font-weight:500;color:var(--text, #111111);text-decoration:none;transition:color .2s ease,border-color .2s ease}.view:hover{color:var(--accent, #d85a30);border-color:var(--accent, #d85a30)}.preview-wrap{width:100%;min-width:0;display:flex;justify-content:center;align-items:center}.preview{width:100%;position:relative;border-radius:var(--radius-md, 6px);box-shadow:0 16px 40px #11111114}.project-image{display:block;width:100%;height:auto;max-height:480px;object-fit:contain;border-radius:var(--radius-md, 6px);border:1px solid var(--border, #e2e1dc);background-color:var(--dark, #1a1917);transition:opacity .3s ease}.project-navigation{border-left:1px solid var(--border, #e2e1dc);padding-left:20px;display:flex;flex-direction:column;gap:6px}.project-nav{display:block;width:100%;padding:8px 0;border:0;background:none;color:var(--muted, #6b6b67);text-align:left;cursor:pointer;font-size:13px;transition:color .2s ease}.project-nav:hover{color:var(--text, #111111)}.project-nav.active{color:var(--text, #111111);font-weight:600}.project-nav.active:before{content:"";display:inline-block;width:5px;height:5px;margin-right:8px;vertical-align:2px;border-radius:50%;background:var(--accent, #d85a30)}.arrows{display:flex;gap:10px;margin-top:24px}.arrow{width:42px;height:42px;border:1px solid var(--border, #e2e1dc);border-radius:50%;background:transparent;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:border-color .2s ease,transform .2s ease,background-color .2s ease}.arrow:hover{border-color:var(--text, #111111);background-color:#1111110a;transform:translateY(-2px)}.mobile-nav-bar{display:none}.showcase-bottom-bar{display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px solid var(--border, #e2e1dc)}.progress{width:100%;max-width:320px;height:2px;background:var(--border, #e2e1dc);overflow:hidden;border-radius:2px}.progress-bar{height:100%;background:var(--accent, #d85a30);transition:width .3s ease}.hint{color:var(--muted, #6b6b67);font-size:11px}@media (max-width: 1080px){.showcase-grid-body{grid-template-columns:minmax(220px,280px) 1fr 140px;column-gap:20px}.project-title{font-size:34px}}@media (max-width: 880px){.work-showcase{padding:36px 0}.showcase-container{width:calc(100% - 32px)}.mobile-arrows{display:flex}.desktop-arrows{display:none}.showcase-grid-body{grid-template-columns:1fr;row-gap:20px;padding:12px 0;min-height:0}.project-navigation{display:none}.mobile-nav-bar{display:flex;gap:8px;overflow-x:auto;padding:10px 0;border-top:1px solid var(--border, #e2e1dc);scrollbar-width:none;-webkit-overflow-scrolling:touch}.mobile-nav-bar::-webkit-scrollbar{display:none}.mobile-nav-chip{flex:0 0 auto;padding:8px 14px;font-size:12px;font-weight:500;border:1px solid var(--border, #e2e1dc);border-radius:var(--radius-pill, 999px);background-color:transparent;color:var(--muted, #6b6b67);cursor:pointer;white-space:nowrap;transition:all .2s ease}.mobile-nav-chip.active{background-color:var(--text, #111111);color:var(--bg, #f7f6f2);border-color:var(--text, #111111);font-weight:600}.project-title{font-size:30px}.showcase-bottom-bar{padding-top:10px}.progress{max-width:140px}}.about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:start}.about-title{font-size:clamp(34px,4.5vw,64px);line-height:1.02;letter-spacing:-.055em;margin:0 0 20px;font-weight:600}.about-copy{font-size:18px;line-height:1.65;color:var(--muted);margin-bottom:24px;max-width:650px}.about-link{margin-top:12px}.photo-placeholder{aspect-ratio:4 / 5;border-radius:var(--radius-sm);background:#dedcd5;display:grid;place-items:center;color:#77746c;font-size:12px;letter-spacing:.08em;border:1px solid var(--border);font-weight:500}@media (max-width: 800px){.about-grid{grid-template-columns:1fr;gap:40px}.about-grid .photo-placeholder{order:-1;max-width:360px}.about-copy{font-size:16px}}.cap-list{border-top:1px solid var(--border)}.cap{display:grid;grid-template-columns:80px 1fr 1fr;gap:20px;padding:26px 0;border-bottom:1px solid var(--border);align-items:center}.cap-num{color:var(--muted);font-size:12px;font-weight:500}.cap-name{font-size:23px;letter-spacing:-.03em;font-weight:600}.cap-desc{color:var(--muted);font-size:15px;line-height:1.5}@media (max-width: 800px){.cap{grid-template-columns:50px 1fr;gap:12px}.cap-desc{grid-column:2}}.dark-section{background:var(--dark);color:var(--dark-text);margin:0}.dark-section .section-top{border-color:var(--dark-border)}.dark-section .section-label{color:var(--dark-muted)}.dark-inner{padding:130px 0}.yawmatic-mark{font-size:clamp(48px,9vw,130px);letter-spacing:-.08em;line-height:.85;font-weight:700;margin:60px 0 32px;color:var(--dark-text);display:flex;align-items:baseline;gap:12px}.dark-copy{max-width:650px;color:var(--dark-muted);font-size:19px;line-height:1.6}@media (max-width: 800px){.dark-inner{padding:55px 0}.yawmatic-mark{margin-top:24px;margin-bottom:24px}.dark-copy{font-size:16px}}#creative{padding:45px 0}#creative .section-top{margin-bottom:20px}.behold-widget-wrapper{width:100%;max-width:920px;margin:0 auto;overflow:visible}.behold-widget-wrapper behold-widget{display:block;width:100%}@media (max-width: 800px){#creative{padding:35px 0}#creative .section-top{margin-bottom:16px}.behold-widget-wrapper{max-width:100%}}.contact{background:#ebe9e2;text-align:center;border-top:1px solid var(--border)}.contact h2{font-size:clamp(44px,8vw,100px);letter-spacing:-.07em;line-height:.92;margin:0 auto;max-width:900px;font-weight:600}.contact p{color:var(--muted);font-size:18px;margin:20px auto 24px;max-width:520px}@media (max-width: 800px){.contact p{font-size:16px;margin:20px auto 28px}}.project-image{aspect-ratio:16 / 10;background:#e9e7e0;border-radius:var(--radius-sm);overflow:hidden;position:relative;border:1px solid var(--border);transition:transform var(--trans-smooth)}.project-image:hover{transform:scale(1.012)}.project-screenshot{width:100%;height:100%;object-fit:cover}.project-image-badge{position:absolute;left:22px;bottom:18px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#11111173;font-weight:600;pointer-events:none}.mock-ui{position:absolute;top:7%;right:7%;bottom:7%;left:7%;border:1px solid rgba(17,17,17,.12);background:#f7f6f2d9;padding:20px 24px;display:flex;flex-direction:column;border-radius:4px;box-shadow:0 4px 20px #00000008}.mock-header-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid rgba(17,17,17,.08)}.mock-dot-group{display:flex;gap:6px}.mock-dot{width:8px;height:8px;border-radius:50%;background:#1111112e}.mock-title-tag{font-size:11px;color:var(--muted);font-family:monospace}.mock-line{height:8px;background:#11111114;margin:8px 0;border-radius:2px}.mock-line.big{width:65%;height:20px;background:#11111126;margin-bottom:12px}.mock-line.mid{width:44%;height:12px}.mock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px;flex:1}.mock-card{background:#1111110a;border:1px solid rgba(17,17,17,.08);border-radius:4px;padding:12px;display:flex;flex-direction:column;gap:8px}.mock-card-line{height:8px;background:#1111111f;border-radius:2px}.mock-card-line.short{width:60%;background:#11111112}@media (max-width: 600px){.mock-grid{grid-template-columns:1fr}.mock-card:nth-child(n+2){display:none}}.project{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:0 0 90px}.project+.project{padding-top:90px;border-top:1px solid var(--border)}.project-num{color:var(--muted);font-size:12px;padding-top:8px;font-weight:500}.project-main{display:grid;grid-template-columns:1fr;gap:24px}.project-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-end}.project-meta{color:var(--muted);font-size:14px}.project-image-wrap{width:100%;border-radius:var(--radius-sm);overflow:hidden;box-shadow:0 12px 40px #11111114}.project-card-image{display:block;width:100%;height:auto;border-radius:var(--radius-sm);transition:transform var(--trans-smooth)}.project-image-wrap:hover .project-card-image{transform:scale(1.015)}.project-desc{max-width:720px;font-size:18px;line-height:1.5;margin:0;color:var(--text)}.project-link{font-size:14px;font-weight:500;width:fit-content;border-bottom:1px solid var(--text);padding-bottom:4px;display:inline-flex;align-items:center;gap:6px;transition:color var(--trans-fast),border-color var(--trans-fast)}.project-link:hover{color:var(--accent);border-color:var(--accent)}.project-link .arrow{transition:transform var(--trans-fast)}.project-link:hover .arrow{transform:translate(4px)}@media (max-width: 800px){.project{grid-template-columns:1fr;gap:10px;padding-bottom:65px}.project+.project{padding-top:65px}.project-num{padding-top:0}.project-head{display:block}.project-head .status-indicator{display:flex;margin-top:10px}.project-desc{font-size:16px}}.page-container{padding-top:140px}.page-header{padding-bottom:60px;border-bottom:1px solid var(--border)}.work-section{padding:90px 0}.additional-section{border-top:1px solid var(--border)}.creative-teaser-section{padding:100px 0;background:#ebe9e2;border-top:1px solid var(--border)}@media (max-width: 800px){.page-container{padding-top:100px}.page-header{padding-bottom:40px}.work-section,.creative-teaser-section{padding:60px 0}}.about-section{padding:100px 0}.about-story-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:start}.story-heading{font-size:clamp(26px,3.2vw,42px);letter-spacing:-.04em;margin-bottom:24px;font-weight:600;line-height:1.15}.story-paragraph{font-size:18px;line-height:1.65;color:var(--muted);margin-bottom:20px}.story-paragraph strong{color:var(--text)}.story-photo{max-width:400px}.tech-section{border-top:1px solid var(--border)}.tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.tech-card{background:#11111105;border:1px solid var(--border);padding:28px 24px;border-radius:var(--radius-sm)}.tech-category{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:18px;font-weight:600}.tech-list{display:flex;flex-direction:column;gap:10px}.tech-item{font-size:16px;font-weight:500;color:var(--text);display:flex;align-items:center;gap:8px}.tech-item:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--accent)}.edu-section{border-top:1px solid var(--border)}.edu-card{padding:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;max-width:600px}.edu-degree{font-size:22px;font-weight:600;letter-spacing:-.02em;margin-bottom:6px}.edu-institution{font-size:16px;color:var(--text);font-weight:500}.edu-type{font-size:13px;color:var(--muted);margin-top:4px}.contact-prompt-section{padding:110px 0;background:#ebe9e2;border-top:1px solid var(--border);text-align:center}@media (max-width: 1000px){.tech-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 800px){.about-section{padding:60px 0}.about-story-grid{grid-template-columns:1fr;gap:36px}.tech-grid{grid-template-columns:1fr}.story-paragraph{font-size:16px}}.contact-form-section{padding:90px 0 130px}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:8vw;align-items:start}.info-title{font-size:clamp(28px,3.5vw,44px);letter-spacing:-.04em;margin-bottom:20px;font-weight:600;line-height:1.1}.info-text{font-size:18px;line-height:1.6;color:var(--muted);margin-bottom:40px}.info-meta-label{font-size:11px;letter-spacing:.12em;font-weight:600;color:var(--muted);margin-bottom:6px}.info-meta-val{font-size:15px;font-weight:500;color:var(--text)}.email-link{color:var(--text);border-bottom:1px solid var(--text);transition:color var(--trans-fast),border-color var(--trans-fast)}.email-link:hover{color:var(--accent);border-color:var(--accent)}.form-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);padding:40px;box-shadow:0 4px 24px #00000005}.contact-form{display:flex;flex-direction:column;gap:24px}.form-field{display:flex;flex-direction:column;gap:8px}.field-label{font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--text)}.field-input{width:100%;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);font-size:15px;color:var(--text);transition:border-color var(--trans-fast),background-color var(--trans-fast)}.field-input:focus{border-color:var(--text);background:#fff}.field-input.textarea{resize:vertical;min-height:130px}.submit-btn{width:100%;margin-top:8px}.form-state{text-align:center;padding:20px 0}.form-state.success-state{display:flex;flex-direction:column;align-items:center;gap:16px}.state-icon{width:48px;height:48px;border-radius:50%;background:var(--text);color:var(--bg);display:grid;place-items:center;font-size:20px;font-weight:700}.error-banner{background:#d85a301a;color:var(--accent);border:1px solid rgba(216,90,48,.3);border-radius:var(--radius-sm);padding:12px 16px;font-size:14px;font-weight:500;text-align:left}.reset-btn{margin-top:12px}@media (max-width: 800px){.contact-form-section{padding:60px 0 90px}.contact-grid{grid-template-columns:1fr;gap:40px}.form-card{padding:24px}}.creative-content-section{padding:90px 0}.creative-showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.creative-details-section{padding:90px 0 130px;border-top:1px solid var(--border)}.creative-info-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);padding:48px;max-width:800px}.info-heading{font-size:26px;letter-spacing:-.04em;margin-bottom:16px;font-weight:600}.info-desc{font-size:18px;line-height:1.6;color:var(--muted)}.info-desc strong{color:var(--text)}@media (max-width: 900px){.creative-showcase-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.creative-showcase-grid{grid-template-columns:1fr}.creative-info-card{padding:28px}}.case-study-progress-track{position:fixed;top:0;left:0;width:100%;height:2px;background:transparent;z-index:1000;pointer-events:none}.case-study-progress-fill{height:100%;background-color:var(--accent, #d85a30);transition:width .1s linear}.cs-facts-section{padding:40px 0;border-top:1px solid var(--border, #e2e1dc);border-bottom:1px solid var(--border, #e2e1dc);margin-top:64px;margin-bottom:96px}.cs-facts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px 24px}@media (min-width: 900px){.cs-facts-grid{grid-template-columns:repeat(4,1fr);gap:40px}}.cs-fact-item{display:flex;flex-direction:column;gap:8px}.cs-fact-label{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted, #6b6b67)}.cs-fact-val{font-size:.9375rem;font-weight:500;line-height:1.5;color:var(--text, #111111)}.cs-status-tag{display:inline-flex;align-items:center;gap:6px}.cs-status-tag:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background-color:var(--accent, #d85a30)}.cs-story-block{margin-top:64px}.cs-story-block:first-child{margin-top:0}.cs-story-full{display:flex;flex-direction:column;gap:32px}.cs-story-header{max-width:720px}.cs-eyebrow{font-size:.8125rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted, #6b6b67);margin-bottom:12px}.cs-story-title{font-size:1.75rem;font-weight:600;letter-spacing:-.02em;color:var(--text, #111111);line-height:1.25;margin-bottom:12px}.cs-story-desc{font-size:1.125rem;line-height:1.65;color:var(--muted, #6b6b67);max-width:680px}.cs-full-media{width:100%;margin:0}.cs-screenshot-img{width:100%;height:auto;display:block;border-radius:var(--radius-md, 6px);border:1px solid var(--border, #e2e1dc);background-color:var(--dark, #1a1917)}.cs-caption{font-size:.875rem;color:var(--muted, #6b6b67);margin-top:12px}.cs-story-grid{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}@media (min-width: 900px){.cs-story-grid{grid-template-columns:1fr 1fr;gap:64px}}.cs-story-copy{max-width:560px}.cs-story-media{width:100%}.cs-next-nav-section{padding:100px 0 120px;border-top:1px solid var(--border, #e2e1dc);margin-top:120px;background-color:var(--bg, #f7f6f2)}.cs-next-grid{display:flex;flex-direction:column-reverse;gap:48px}@media (min-width: 768px){.cs-next-grid{display:grid;grid-template-columns:1fr 2fr;gap:64px;align-items:flex-end}}.cs-nav-label{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted, #6b6b67);display:block;margin-bottom:12px}.cs-prev-link{display:inline-block;text-decoration:none}.cs-prev-title{font-size:1.125rem;font-weight:600;color:var(--text, #111111);transition:color var(--trans-fast, .2s ease)}.cs-prev-link:hover .cs-prev-title{color:var(--accent, #d85a30)}.cs-next-col{display:flex;flex-direction:column}.cs-next-link{display:flex;flex-direction:column;gap:16px;text-decoration:none;group:true}@media (min-width: 600px){.cs-next-link{flex-direction:row;justify-content:space-between;align-items:flex-end}}.cs-next-title{font-size:2.25rem;font-weight:700;letter-spacing:-.03em;color:var(--text, #111111);line-height:1.15;transition:color var(--trans-fast, .2s ease)}@media (min-width: 900px){.cs-next-title{font-size:3rem}}.cs-next-link:hover .cs-next-title{color:var(--accent, #d85a30)}.cs-next-cat{font-size:.9375rem;color:var(--muted, #6b6b67);display:block;margin-top:6px}.cs-next-arrow{font-size:1rem;font-weight:600;color:var(--accent, #d85a30);white-space:nowrap;transition:transform .25s var(--ease, ease)}.cs-next-link:hover .cs-next-arrow{transform:translate(6px)}.cs-page{padding-top:120px;background-color:var(--bg, #f7f6f2);color:var(--text, #111111)}@media (max-width: 768px){.cs-page{padding-top:100px}}.cs-hero-section{margin-bottom:48px}.cs-hero-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.cs-back-link{font-size:.875rem;font-weight:500;color:var(--muted, #6b6b67);text-decoration:none;transition:color var(--trans-fast, .2s ease)}.cs-back-link:hover{color:var(--text, #111111)}.cs-hero-counter{font-size:.875rem;font-weight:600;letter-spacing:.1em;color:var(--muted, #6b6b67)}.cs-hero-main{max-width:960px}.cs-project-title{font-size:2.75rem;font-weight:700;letter-spacing:-.035em;line-height:1.08;color:var(--text, #111111);margin-bottom:12px}@media (min-width: 768px){.cs-project-title{font-size:3.75rem}}@media (min-width: 1024px){.cs-project-title{font-size:4.25rem}}.cs-project-category{font-size:.875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted, #6b6b67);margin-bottom:24px}.cs-project-headline{font-size:1.25rem;line-height:1.5;color:var(--text, #111111);max-width:720px;margin-bottom:36px}@media (min-width: 768px){.cs-project-headline{font-size:1.5rem}}.cs-hero-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.cs-action-link{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-size:.9375rem;font-weight:600;text-decoration:none;border-radius:var(--radius-pill, 999px);transition:all var(--trans-fast, .2s ease)}.cs-action-link.primary{background-color:var(--text, #111111);color:var(--bg, #f7f6f2);border:1px solid var(--text, #111111)}.cs-action-link.primary:hover{background-color:var(--accent, #d85a30);border-color:var(--accent, #d85a30)}.cs-action-link.secondary{background-color:transparent;color:var(--text, #111111);border:1px solid var(--border, #e2e1dc)}.cs-action-link.secondary:hover{border-color:var(--text, #111111)}.cs-hero-image-section{margin-bottom:0}.cs-hero-image-wrap{width:100%;max-width:1400px;margin:0 auto}.cs-hero-image{width:100%;height:auto;display:block;border-radius:var(--radius-md, 6px);border:1px solid var(--border, #e2e1dc);background-color:var(--dark, #1a1917)}.cs-section{margin-top:96px}@media (min-width: 1024px){.cs-section{margin-top:140px}}.cs-grid{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width: 900px){.cs-grid{grid-template-columns:240px 1fr;gap:64px}}.cs-section-label{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted, #6b6b67);padding-top:4px}.cs-section-label.dark{color:var(--dark-muted, #a3a19a)}.cs-section-content{max-width:750px}.cs-heading{font-size:1.75rem;font-weight:600;letter-spacing:-.025em;line-height:1.25;color:var(--text, #111111);margin-bottom:24px}@media (min-width: 768px){.cs-heading{font-size:2.25rem}}.cs-heading.dark{color:var(--dark-text, #f7f6f2)}.cs-body{font-size:1.0625rem;line-height:1.7;color:var(--muted, #6b6b67)}.cs-body.dark{color:var(--dark-muted, #a3a19a)}.cs-body-large{font-size:1.25rem;line-height:1.65;color:var(--text, #111111)}@media (min-width: 768px){.cs-body-large{font-size:1.375rem}}.cs-approach-flow{display:flex;flex-direction:column;gap:16px;margin-top:32px}@media (min-width: 600px){.cs-approach-flow{flex-direction:row;flex-wrap:wrap;align-items:center;gap:16px}}.cs-approach-step{display:flex;align-items:center;gap:10px;padding:12px 20px;background-color:#fff;border:1px solid var(--border, #e2e1dc);border-radius:var(--radius-md, 6px)}.step-index{font-size:.75rem;font-weight:700;color:var(--accent, #d85a30)}.step-name{font-size:.9375rem;font-weight:600;color:var(--text, #111111)}.cs-approach-arrow{color:var(--muted, #6b6b67);font-size:1.125rem;display:none}@media (min-width: 600px){.cs-approach-arrow{display:inline-block}}.cs-tech-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:24px}@media (min-width: 600px){.cs-tech-grid{grid-template-columns:repeat(2,1fr)}}.cs-tech-card{padding:20px;background-color:#fff;border:1px solid var(--border, #e2e1dc);border-radius:var(--radius-md, 6px)}.cs-tech-label{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted, #6b6b67);margin-bottom:8px}.cs-tech-val{font-size:1rem;font-weight:600;color:var(--text, #111111)}.cs-tech-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.cs-tech-pill{padding:8px 16px;font-size:.875rem;font-weight:500;background-color:#fff;border:1px solid var(--border, #e2e1dc);border-radius:var(--radius-pill, 999px);color:var(--text, #111111)}.cs-ai-box{margin-top:36px;padding:24px;background-color:#fff;border-left:3px solid var(--accent, #d85a30);border-radius:var(--radius-sm, 4px)}.cs-ai-label{font-size:.75rem;font-weight:700;letter-spacing:.1em;color:var(--accent, #d85a30);margin-bottom:10px}.cs-ai-text{font-size:.9375rem;line-height:1.65;color:var(--muted, #6b6b67)}.cs-dark-section{padding:80px 0;background-color:var(--dark, #1a1917);color:var(--dark-text, #f7f6f2);margin-top:120px;border-radius:var(--radius-md, 6px)}.cs-arch-diagram{display:flex;flex-direction:column;align-items:center;gap:8px;margin:40px 0}.arch-node{width:100%;padding:16px;text-align:center;font-size:.875rem;font-weight:700;letter-spacing:.08em;background-color:#262522;border:1px solid var(--dark-border, #2e2d29);border-radius:var(--radius-md, 6px);color:var(--dark-text, #f7f6f2)}.arch-connector{color:var(--accent, #d85a30);font-weight:700}.cs-arch-callout{padding:24px;background-color:#262522;border-radius:var(--radius-md, 6px);border:1px solid var(--dark-border, #2e2d29);margin-bottom:40px}.callout-heading{font-size:.75rem;font-weight:700;letter-spacing:.1em;color:var(--accent, #d85a30);margin-bottom:8px}.callout-desc{font-size:.9375rem;line-height:1.6;color:var(--dark-muted, #a3a19a)}.cs-workflow-list{margin-top:32px}.cs-wf-item{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--dark-border, #2e2d29)}.wf-num{font-size:.8125rem;font-weight:700;color:var(--accent, #d85a30)}.wf-text{font-size:.9375rem;color:var(--dark-text, #f7f6f2)}.cs-sections-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.cs-section-chip{padding:10px 20px;font-size:.875rem;font-weight:600;background-color:#fff;border:1px solid var(--border, #e2e1dc);border-radius:var(--radius-md, 6px);color:var(--text, #111111)}.cs-links-section{margin-bottom:0}.cs-action-row{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.not-found-page{min-height:80vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:140px 0 100px}.not-found-inner{display:flex;flex-direction:column;align-items:center;max-width:600px}.not-found-code{font-size:clamp(80px,15vw,160px);font-weight:700;letter-spacing:-.08em;line-height:.85;color:var(--muted);opacity:.4;margin-bottom:20px}.not-found-title{font-size:clamp(32px,4vw,54px);letter-spacing:-.05em;margin-bottom:16px;font-weight:600}.not-found-sub{font-size:18px;color:var(--muted);margin-bottom:34px}:root{--bg: #f7f6f2;--text: #111111;--muted: #6b6b67;--border: #e2e1dc;--accent: #d85a30;--dark: #1a1917;--dark-text: #f7f6f2;--dark-muted: #a3a19a;--dark-border: #2e2d29;--container: 1400px;--font-sans: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--ease: cubic-bezier(.22, 1, .36, 1);--radius-sm: 4px;--radius-md: 6px;--radius-pill: 999px;--trans-fast: .2s ease;--trans-smooth: .25s var(--ease);--trans-slow: .6s var(--ease)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;background-color:var(--bg);width:100%}body,#root{margin:0;padding:0;width:100%;min-height:100%;background-color:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit;background:none;border:none;outline:none}button{cursor:pointer}img,video,svg{display:block;max-width:100%;height:auto}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:600;color:inherit;margin:0}.hero-title{font-size:clamp(44px,7.2vw,104px);line-height:.94;letter-spacing:-.065em;font-weight:600;max-width:980px}.page-title{font-size:clamp(38px,5vw,70px);line-height:.98;letter-spacing:-.06em;font-weight:600}.section-title{font-size:clamp(32px,4vw,58px);letter-spacing:-.055em;line-height:1;font-weight:600;max-width:760px}.project-title{font-size:clamp(28px,3.3vw,50px);letter-spacing:-.055em;font-weight:600}.eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--text);margin-bottom:16px}.section-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}.body-large{font-size:19px;line-height:1.55;color:var(--muted)}.body-main{font-size:18px;line-height:1.6}.body-muted{font-size:16px;line-height:1.6;color:var(--muted)}.caption{font-size:14px;color:var(--muted)}.label-small{font-size:12px;letter-spacing:.08em}.container{width:min(var(--container),calc(100% - 10vw));margin:0 auto}section{padding:100px 0}.section-top{display:grid;grid-template-columns:1fr 3fr;gap:30px;border-top:1px solid var(--border);padding-top:20px;margin-bottom:48px}.grid-12{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}@media (max-width: 800px){.container{width:min(100% - 40px,var(--container))}section{padding:48px 0}.section-top{grid-template-columns:1fr;gap:12px;margin-bottom:28px}}.dot{width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block;flex-shrink:0}.btn{min-height:48px;padding:0 24px;border-radius:var(--radius-pill);border:1px solid var(--text);display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;white-space:nowrap;transition:transform var(--trans-smooth),background var(--trans-fast),color var(--trans-fast),border-color var(--trans-fast)}.btn.primary{background:var(--text);color:var(--bg)}.btn.primary:hover{transform:translateY(-2px);background:#2a2a28}.btn.secondary{background:transparent;color:var(--text)}.btn.secondary:hover{transform:translateY(-2px);background:#1111110d}.btn.dark{background:var(--dark-text);color:var(--dark);border-color:var(--dark-text)}.btn.dark:hover{transform:translateY(-2px);background:#fff}.text-link{font-size:14px;font-weight:500;width:fit-content;border-bottom:1px solid var(--text);padding-bottom:4px;display:inline-flex;align-items:center;gap:6px;transition:color var(--trans-fast),border-color var(--trans-fast),transform var(--trans-fast)}.text-link:hover{color:var(--accent);border-color:var(--accent)}.text-link .arrow{transition:transform var(--trans-fast)}.text-link:hover .arrow{transform:translate(4px)}.dark-link{display:inline-flex;align-items:center;gap:6px;color:var(--dark-text);border-bottom:1px solid var(--dark-text);padding-bottom:5px;font-size:15px;transition:color var(--trans-fast),border-color var(--trans-fast)}.dark-link:hover{color:var(--accent);border-color:var(--accent)}.status-indicator{color:var(--muted);font-size:12px;white-space:nowrap;display:inline-flex;align-items:center;gap:7px}.status-indicator:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}.reveal{opacity:0;transform:translateY(20px);transition:opacity var(--trans-slow),transform var(--trans-slow)}.reveal.visible{opacity:1;transform:translateY(0)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}}