:root{--color-bg:#FEFEFE;--color-surface:#FEFEFE;--color-text:#2C2C2C;--color-red:#88271F;--color-card:#F7E8E5;--color-muted:#6b7280;--color-border:#e5e7eb;--font-sans:'Kanit', system-ui, sans-serif;--font-serif:'Georgia', serif;--max-width:1128px;--radius:8px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:'Bricolage Grotesque',var(--font-sans)}h1{font-size:40px;font-weight:500;line-height:1.1;letter-spacing:-.02em}h2{font-size:36px;font-weight:300;line-height:1.15;letter-spacing:-.01em}h3{font-size:28px;font-weight:300;line-height:1.2}h4{font-size:24px;font-weight:300;line-height:1.3}p,li{font-size:18px;font-weight:400}a,button,input,select,textarea{font-family:inherit}a{color:var(--color-red);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.hero{height:calc(100vh - 64px);max-height:1080px;display:flex;align-items:flex-start;justify-content:center;padding-top:180px;text-align:center;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat}.hero-overlay{position:absolute;inset:0}.hero-content{position:relative;z-index:1}.hero--image .hero h1,.hero--image h1{color:var(--color-text)}.hero--image .hero p,.hero--image p{color:rgb(255 255 255 / .8)}.hero h1{margin-bottom:20px}.hero p{color:var(--color-text);max-width:650px;margin:0 auto 36px}.btn,.portfolio-item-link,.project-back{font-size:20px;font-weight:400;line-height:1}.btn{display:inline-block;padding:12px 28px;background:var(--color-text);color:#fff;border-radius:4px;cursor:pointer;transition:opacity 0.4s ease-out}.btn:hover{opacity:.8;text-decoration:none;color:#fff}.btn-outline{background:var(--color-bg);color:var(--color-text);border:2px solid var(--color-text);transition:color 0.4s ease-out,border-color 0.4s ease-out}.btn-outline:hover{border-color:var(--color-red);color:var(--color-red);opacity:1;text-decoration:none}.section-title{margin-bottom:8px}.section-subtitle{color:var(--color-muted);margin-bottom:40px;font-size:.95rem}.numbered-heading{display:flex;align-items:baseline;gap:16px;margin-bottom:16px}.numbered-heading__num{color:var(--color-red);font-weight:200;flex-shrink:0}.numbered-heading__text{color:var(--color-text);font-weight:300}.numbered-heading__last-word{display:inline-block;padding-right:20px;padding-bottom:3px;border-bottom:2px solid var(--color-red)}.portfolio-section{padding:80px 0}.portfolio-section .numbered-heading{margin-bottom:0}.portfolio-list{display:flex;flex-direction:column;gap:80px;margin-top:64px;padding:0 68px}.portfolio-item{--card-surface-hover:#F7E8E5;display:flex;gap:24px;align-items:stretch;width:100%;height:242px;overflow:visible;padding:24px;border:2px solid var(--color-red);background-color:var(--color-bg);cursor:pointer;position:relative;transition:background-color 0.4s ease-out}.portfolio-item::before,.portfolio-item::after{content:'';position:absolute;background:var(--color-bg);z-index:1;transition:background-color 0.4s ease-out}.portfolio-item::before{top:-2px;left:-2px;width:41px;height:24px}.portfolio-item::after{bottom:-2px;right:-2px;width:41px;height:28px}.portfolio-item-icon{position:absolute;display:flex;background:#fff0;padding:8px;z-index:2}.portfolio-item-icon svg{color:var(--color-red);fill:var(--color-bg);opacity:1;overflow:visible;transition:opacity 0.4s ease-out,fill 0.4s ease-out}.portfolio-item:hover .portfolio-item-icon svg{fill:var(--card-surface-hover)}.portfolio-item:hover{background-color:var(--card-surface-hover)}.portfolio-item:hover::before,.portfolio-item:hover::after{background:var(--card-surface-hover)}@media (prefers-reduced-motion:reduce){.portfolio-item,.portfolio-item::before,.portfolio-item::after,.portfolio-item-icon svg{transition:none}}.portfolio-item-icon--tl{top:-22px;left:-39px}.portfolio-item-icon--br{bottom:-27px;right:-39px}.portfolio-item-text{flex:1;min-width:0;display:flex;flex-direction:column}.portfolio-item-text h3{margin-bottom:0}.portfolio-item-text h3 a{color:var(--color-text);text-decoration:none}.portfolio-item-text h3 a::after{content:'';position:absolute;inset:0;z-index:1}.portfolio-item-text h3 a:hover{color:var(--color-text)}.portfolio-item-role{color:var(--color-red);margin-bottom:24px}.portfolio-item-desc{color:var(--color-text);margin-bottom:24px}.portfolio-item-link{display:inline-flex;align-items:center;gap:12px;color:var(--color-text);text-decoration:none;margin-top:auto;transition:color 0.4s ease-out}.portfolio-item-link svg{display:block;flex-shrink:0}.portfolio-item-link:hover,.portfolio-item:hover .portfolio-item-link{color:var(--color-red);text-decoration:none}.portfolio-item-link svg path{stroke:currentColor}.portfolio-item-image{width:368px;flex-shrink:0;overflow:hidden}.portfolio-item-image img{width:100%;height:100%;object-fit:contain;display:block}.about-section .numbered-heading{margin-bottom:0}.about-section .about-grid{margin-top:64px}.about-section{padding:80px 0;background:var(--color-surface)}.about-grid{display:grid;grid-template-columns:1fr 2fr;gap:116px;align-items:center;padding:0 92px}.about-photo-wrapper{position:relative;width:100%;aspect-ratio:1}.about-photo-wrapper>svg{position:absolute;top:-3.5%;left:-4.3%;width:108%;height:107.2%;color:var(--color-red);pointer-events:none;overflow:visible}.about-photo{width:100%;height:100%;overflow:hidden}.about-photo img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.about-text h2{margin-bottom:16px}.about-text p{color:var(--color-text);margin-bottom:24px}.about-interests{margin-top:64px;padding:0 92px}.about-interests-line{border-top:2px solid var(--color-red);mask-image:linear-gradient(to right,transparent 0%,black 12%,black 88%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 12%,black 88%,transparent 100%)}.about-interests-heart-row{display:flex;align-items:flex-start;height:0;overflow:visible}.about-interests-stroke{flex:1;height:0;border-top:2px solid var(--color-red);align-self:center}.about-interests-stroke:first-child{margin-right:64px;mask-image:linear-gradient(to right,transparent 0%,black 20%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 20%)}.about-interests-stroke:last-child{margin-left:64px;mask-image:linear-gradient(to left,transparent 0%,black 20%);-webkit-mask-image:linear-gradient(to left,transparent 0%,black 20%)}.about-interests-heart-row svg{flex-shrink:0;color:var(--color-red);transform:translateY(-50%)}.about-interests-marquee{overflow:hidden;margin:24px 0;mask-image:linear-gradient(to right,transparent 0%,black 12%,black 88%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 12%,black 88%,transparent 100%)}.about-interests-track{display:flex;width:max-content;animation:marquee-scroll 18s linear infinite}.about-interests-track span{font-size:18px;color:var(--color-text);white-space:nowrap;margin-right:64px}@keyframes marquee-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.journey-section{padding:80px 0}.journey-section .numbered-heading{margin-bottom:0}.journey-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:64px;padding:0 92px;position:relative}.journey-col-title{margin-bottom:32px;color:var(--color-text)}.journey-list{list-style:none;display:flex;flex-direction:column;gap:32px}.journey-item{display:flex;align-items:center;gap:20px}.journey-logo{flex-shrink:0;width:120px;height:120px;background:var(--color-card);border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:16px}.journey-logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.journey-text{display:flex;flex-direction:column;gap:4px;min-width:0}.journey-date{color:var(--color-red);margin:0}.journey-title{margin:0;color:var(--color-text)}.journey-location{margin:0;color:var(--color-text)}.gallery-section{padding:80px 0}.gallery-section .numbered-heading{margin-bottom:0}.about-gallery{margin-top:64px;padding:0 92px}.about-gallery-grid{display:flex;flex-wrap:wrap;gap:12px}.gallery-item{flex:1 1 auto;min-width:0}.gallery-item--hidden{display:none}.about-gallery-grid.is-expanded .gallery-item--hidden{display:flex}.gallery-placeholder{height:300px;flex:1 1 200px;background:var(--color-border)}.gallery-item img{height:300px;width:auto;display:block;cursor:pointer;object-fit:cover}.about-gallery-footer{display:flex;justify-content:center;margin-top:24px}.lightbox{display:none;position:fixed;inset:0;z-index:1000;align-items:center;justify-content:center}.lightbox.is-open{display:flex}.lightbox-backdrop{position:absolute;inset:0;background:rgb(0 0 0 / .85)}.lightbox-content{position:relative;z-index:1;display:flex;align-items:center;gap:32px;max-width:90vw;max-height:90vh}.lightbox-img{display:block;max-width:80vw;max-height:85vh;width:auto;height:auto;object-fit:contain}.lightbox-close{position:fixed;top:32px;right:32px;background:none;border:none;cursor:pointer;color:#fff;padding:16px;display:flex;z-index:2}.lightbox-prev,.lightbox-next{position:fixed;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#fff;padding:16px;display:flex;z-index:2;transition:opacity 0.4s ease-out}.lightbox-prev{left:32px}.lightbox-next{right:32px}.lightbox-prev:hover,.lightbox-next:hover{opacity:.6}.lightbox-close:hover{opacity:.6;transition:opacity 0.4s ease-out}.contact-section{padding:80px 0}.contact-section .numbered-heading{margin-bottom:0}.contact-grid{display:grid;grid-template-columns:2fr 1fr;gap:116px;align-items:center;padding:0 92px;margin-top:64px}.contact-text{text-align:center}.contact-text h4{font-weight:300;margin-bottom:32px}.contact-cta{display:inline-flex;align-items:center;gap:10px}.contact-cta svg{flex-shrink:0}.contact-photo-wrapper{position:relative;width:100%;aspect-ratio:1}.contact-photo-wrapper>svg{position:absolute;top:-3.5%;left:-4.3%;width:108%;height:107.2%;color:var(--color-red);pointer-events:none;overflow:visible}.contact-photo{width:100%;height:100%;overflow:hidden}.contact-photo img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.page-content,.post-content{max-width:720px;margin:60px auto;padding:0 24px}.page-content h1,.post-content h1{margin-bottom:24px}.entry-content h2{margin:32px 0 12px}.entry-content h3{margin:24px 0 8px}.entry-content p{margin-bottom:16px;color:var(--color-text)}.entry-content ul,.entry-content ol{padding-left:24px;margin-bottom:16px;color:var(--color-text)}.back-to-top{position:fixed;bottom:32px;right:32px;width:50px;height:50px;background:var(--color-bg);color:var(--color-red);border:2px solid var(--color-red);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;z-index:250;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity 0.3s ease,transform 0.3s ease,background 0.3s ease,color 0.3s ease}.back-to-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{background:var(--color-red);color:var(--color-bg)}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:4px;background:var(--color-red);transform:scaleX(0);transform-origin:left center;z-index:300;pointer-events:none}.project-page{padding:80px 0 80px;overflow-x:clip}.project-showcase-wrapper{margin-bottom:80px}.project-showcase{position:sticky;top:max(16px, calc(50vh - 250px));height:500px;display:flex;gap:8px;align-items:stretch}.project-showcase-pane{height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.project-showcase-pane--desktop{flex:1 1 auto;min-width:0}.project-showcase-pane--mobile{flex:0 0 280px}.project-showcase-frame{position:relative;--screen-top:2%;--screen-left:9%;--screen-right:6%;--screen-bottom:9%;--screen-radius:0px}.project-showcase-pane--mobile .project-showcase-frame{--screen-top:0%;--screen-left:4%;--screen-right:4%;--screen-bottom:2%;--screen-radius:36px 36px 24px 20px}.project-showcase-mockup{display:block;width:100%;height:100%;pointer-events:none;user-select:none;position:relative;z-index:2}.project-showcase-screen{position:absolute;top:var(--screen-top);left:var(--screen-left);right:var(--screen-right);bottom:var(--screen-bottom);overflow:hidden;border-radius:var(--screen-radius);z-index:1}.project-showcase-toggle{display:none}.project-showcase-img{width:100%;height:auto;display:block;will-change:transform}.project-page--gulja-uyghur .project-showcase-pane--desktop .project-showcase-img{width:106%;margin-left:-3%}.project-page--baxter .project-showcase-pane--desktop .project-showcase-img{width:97%;margin-left:0}.project-page--fujifilm .project-showcase-pane--desktop .project-showcase-img{width:97%;margin-left:0}.project-back{display:inline-flex;align-items:center;gap:12px;color:var(--color-text);transition:color 0.4s ease-out}.project-back svg path{stroke:currentColor}.project-back:hover{color:var(--color-red);text-decoration:none}.project-outro{max-width:720px;margin:180px auto 0;padding:56px 80px;border:2px solid var(--color-red);text-align:center}.project-outro h3{margin-bottom:8px}.project-outro p{color:var(--color-text);margin-bottom:40px}.project-outro-actions{display:flex;align-items:center;justify-content:center;gap:48px}.project-title{position:absolute;left:-9999px;top:0;width:1px;height:1px;overflow:hidden}.project-title .decorated-heading__icon{display:none}.project-page>.container>.project-back{margin-bottom:100px}.project-page .numbered-heading{margin-bottom:0}.project-page .container>.project-section~.project-section{padding-top:80px}.project-about{display:flex;flex-direction:column;gap:32px;margin-top:64px;margin-bottom:80px;padding:0 92px}.project-about-text p{color:var(--color-text);line-height:1.7}.project-about-text p+p{margin-top:8px}.project-meta{display:flex;flex-direction:row;gap:24px;flex-wrap:wrap}.project-meta-item{flex:1 1 160px}.project-meta-item h4{margin-bottom:4px}.project-meta-cta{flex:0 0 auto;align-self:center;margin-left:auto;margin-right:auto}.project-meta-value{color:var(--color-text);margin:0}.project-image img{width:100%;height:auto;display:block}.project-img-placeholder{width:100%;height:600px;background:var(--color-border)}.project-page .numbered-heading+.project-img-placeholder{margin-top:64px}.project-page .project-img-placeholder+.numbered-heading{margin-top:80px}.cs-challenge,.cs-learnings{margin:64px 0 80px;padding:0 92px}.cs-process{margin-top:64px;margin-bottom:80px;padding:0 92px}.cs-process-steps{display:grid;grid-template-columns:1fr 1fr;gap:48px 40px;align-items:start}.cs-process-divider{display:none}.cs-process-divider{background:var(--color-red);align-self:stretch;margin-top:6px}.cs-process-num{color:var(--color-red);margin-bottom:0}.cs-process-step h3:not(.cs-process-num){margin-bottom:16px}.cs-process-step p{margin:0}.cs-decisions{margin-top:64px;margin-bottom:80px;padding:0 92px}.cs-decision-block{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-top:64px}.cs-decision-block--reverse .cs-decision-text{order:2}.cs-decision-block--reverse .cs-decision-image{order:1}.cs-decision-text h4{margin-bottom:12px}.cs-decision-text p{margin:0}.cs-decision-image .project-img-placeholder{height:220px}.cs-decision-image img{width:100%;height:220px;object-fit:cover;display:block}.cs-decision-image img.cs-decision-img--top{object-position:top center}.cs-decision-image img.cs-decision-img--bottom{object-position:bottom center}.cs-result{margin-top:64px;margin-bottom:80px;padding:0 92px}.cs-result-hero{height:560px;margin-bottom:24px}.cs-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.cs-result-grid .project-img-placeholder{height:320px}.project-vi{margin-bottom:80px}.project-vi-logo{text-align:center;margin-bottom:64px}.project-vi-logo img{max-height:160px;width:auto;display:inline-block}.project-vi-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.project-vi-typography{display:flex;flex-direction:column;gap:40px}.vi-font-name{font-size:32px;font-weight:700;margin-bottom:8px}.vi-font-specimen{font-size:18px;line-height:1.8;color:var(--color-text)}.project-vi-colors{display:flex;flex-direction:column;gap:32px}.vi-color-hex{margin-bottom:8px}.vi-color-swatch{width:100%;height:48px}.decorated-heading{position:relative;width:fit-content;margin-left:auto;margin-right:auto;padding:0 74px;text-align:center;color:var(--color-text)}.decorated-heading__icon{position:absolute;display:flex;color:var(--color-red)}.decorated-heading__icon svg{overflow:visible}.decorated-heading__icon--left{top:-10px;left:0}.decorated-heading__icon--right{bottom:-16px;right:0}.site-footer{padding:40px 0;text-align:center;border-top:1px solid var(--color-border);color:var(--color-muted);font-size:.875rem}@media (max-width:1024px){.portfolio-section,.about-section,.journey-section,.gallery-section,.contact-section{padding:64px 0}.portfolio-list{padding:0;gap:64px}.portfolio-item{height:auto;overflow:visible}.portfolio-item-image{width:320px;height:auto;display:flex;align-items:center;justify-content:center}.portfolio-item-image img{height:auto}.about-grid{padding:0;gap:24px}.contact-grid{padding:0;gap:24px}.about-interests{padding:0}.about-gallery{padding:0}.journey-grid{padding:0;gap:40px}.about-gallery-grid{flex-wrap:wrap}.gallery-item{flex:1 1 calc(33% - 8px);min-width:0}.gallery-item img{width:100%;height:240px;object-fit:cover}.decorated-heading__icon svg,.portfolio-item-icon svg{width:40px;height:auto}.decorated-heading{padding:0 48px}.portfolio-item-icon--tl{top:-17px;left:-28px}.portfolio-item-icon--br{bottom:-20px;right:-28px}.portfolio-item::before{width:30px;height:19px}.portfolio-item::after{width:30px;height:22px}.project-meta{gap:32px}.project-about,.project-showcase-wrapper,.cs-challenge,.cs-learnings,.cs-process,.cs-decisions,.cs-result{padding-left:0;padding-right:0}.project-outro{width:auto;padding:48px 40px;margin-top:120px}.cs-process-steps{grid-template-columns:1fr 1fr;gap:32px}.cs-process-divider{display:none}.cs-decision-block{grid-template-columns:1fr;gap:32px}.cs-decision-block--reverse .cs-decision-text{order:unset}.cs-decision-block--reverse .cs-decision-image{order:unset}.cs-decision-image .project-img-placeholder{height:180px}.cs-decision-image img{height:180px}.cs-result-grid{grid-template-columns:1fr}.cs-result-grid .project-img-placeholder{height:260px}}.error-404{min-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center;text-align:center;padding:80px 0}.error-404__content{max-width:560px}.error-404__code{display:block;font-family:'Bricolage Grotesque',var(--font-sans);font-size:120px;font-weight:300;color:var(--color-red);line-height:1;margin-bottom:24px;letter-spacing:-.04em}.error-404 h1{margin-bottom:24px}.error-404 p{color:var(--color-text);margin-bottom:36px}@media (max-width:768px){h1{font-size:32px;font-weight:500}h2{font-size:28px;font-weight:300}h3{font-size:24px;font-weight:300}.hero{height:calc(100svh - 64px);padding-top:80px}.project-showcase{flex-direction:column;gap:16px}.project-showcase-pane{flex:1 1 auto;width:100%;min-height:0}.project-showcase-pane--mobile{display:none}.project-showcase-wrapper.is-mobile-view .project-showcase-pane--desktop{display:none}.project-showcase-wrapper.is-mobile-view .project-showcase-pane--mobile{display:flex;align-items:center;justify-content:center}.project-showcase-toggle{display:inline-flex;align-items:center;position:static;transform:none;margin:0 auto;flex-shrink:0;background:var(--color-bg);color:var(--color-text);border:2px solid var(--color-text);border-radius:4px;padding:8px 16px;font-size:14px;font-weight:300;cursor:pointer;transition:color 0.3s ease,border-color 0.3s ease;white-space:nowrap}.project-showcase-toggle:hover{color:var(--color-red);border-color:var(--color-red)}.portfolio-list{padding:0}.portfolio-item{flex-direction:column;height:auto;overflow:visible}.portfolio-item-image{order:-1;width:100%;height:auto}.portfolio-item-image img{height:auto;object-fit:unset}.about-grid{grid-template-columns:1fr;gap:32px}.about-photo-wrapper{width:100%;max-width:300px;height:auto;aspect-ratio:1;margin:0 auto}.about-photo{width:100%;height:100%}.contact-grid{grid-template-columns:1fr;gap:32px}.contact-photo-wrapper{width:100%;max-width:300px;height:auto;aspect-ratio:1;margin:0 auto;order:-1}.contact-photo{width:100%;height:100%}.journey-grid{grid-template-columns:1fr;gap:48px}.project-outro{padding:32px 20px;margin-top:80px}.project-outro-actions{flex-direction:column;gap:24px}.gallery-item{flex:1 1 calc(50% - 6px)}.gallery-item img{width:100%;height:200px;object-fit:cover}.lightbox-prev,.lightbox-next{top:auto;bottom:32px;transform:none}.lightbox-prev{left:32px}.lightbox-next{right:32px}.project-page{padding:32px 0 64px}.project-page .container>.project-section~.project-section{padding-top:48px}.cs-process-steps{grid-template-columns:1fr;gap:24px}.cs-result-hero{height:220px}.cs-result-grid .project-img-placeholder{height:200px}.cs-decision-image .project-img-placeholder{height:160px}.cs-decision-image img{height:160px}}@media (min-width:1025px) and (max-width:1279px){.gallery-item{flex:1 1 calc(33% - 8px);min-width:0}.gallery-item img{width:100%;height:260px;object-fit:cover}}