@import "https://fonts.googleapis.com/css2?family=Syne:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap";:root{--bg:#eef1f4;--bg-deep:#e4e9ef;--ink:#121a22;--ink-soft:#2a3540;--muted:#5c6874;--line:#121a221f;--accent:#0d6e5f;--accent-deep:#0a564a;--accent-soft:#d8ebe6;--surface:#ffffffb8;--sans:"DM Sans", "Segoe UI", sans-serif;--display:"Syne", "Segoe UI", sans-serif;--mono:"DM Mono", ui-monospace, monospace;color:var(--ink);background:var(--bg);font:18px/1.5 var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;color:var(--ink);margin:0}#root{width:100%;min-height:100svh;text-align:initial;border:none;margin:0}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}::selection{background:#0d6e5f38}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes riseIn{0%{opacity:0;transform:translateY(18px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes softPan{0%,to{transform:scale(1.06)translate(0,0)}50%{transform:scale(1.1)translate(-1.2%,-.8%)}}@keyframes lineDraw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.portfolio{background:radial-gradient(circle at 12% 0%, #d8ebe6d9, transparent 34%), radial-gradient(circle at 88% 18%, #e4e9efe6, transparent 30%), linear-gradient(180deg, #f5f7f9 0%, var(--bg) 28%, var(--bg-deep) 100%);color:var(--ink);overflow-x:hidden}.site-nav{z-index:40;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:1rem;padding:1rem clamp(1.25rem,4vw,3rem);transition:background .35s,border-color .35s,-webkit-backdrop-filter .35s,backdrop-filter .35s;display:flex;position:fixed;top:0;left:0;right:0}.site-nav .brand{color:#f7f4ef}.site-nav .brand span{color:#8fd6c4}.site-nav .nav-links button{color:#f7f4efc7}.site-nav .nav-links button:hover{color:#fff}.site-nav.scrolled{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom-color:var(--line);background:#eef1f4e0}.site-nav.scrolled .brand{color:var(--ink)}.site-nav.scrolled .brand span{color:var(--accent)}.site-nav.scrolled .nav-links button{color:var(--muted)}.site-nav.scrolled .nav-links button:hover{color:var(--accent-deep)}.brand{font-family:var(--display);letter-spacing:.04em;cursor:pointer;color:var(--ink);background:0 0;border:none;padding:0;font-size:1.05rem;font-weight:800;transition:color .25s}.brand span{color:var(--accent);transition:color .25s}.nav-links{flex-wrap:wrap;justify-content:flex-end;gap:clamp(.85rem,2vw,1.6rem);display:flex}.nav-links button{color:var(--muted);letter-spacing:.04em;cursor:pointer;background:0 0;border:none;padding:0;font-size:.86rem;font-weight:500;transition:color .2s}.nav-links button:hover{color:var(--accent-deep)}.hero{color:#f7f4ef;align-items:end;min-height:100svh;display:grid;position:relative;overflow:hidden}.hero-media{z-index:0;position:absolute;inset:0}.hero-media img{object-fit:cover;object-position:center 42%;width:100%;height:100%;animation:22s ease-in-out infinite softPan}.hero-media:after{content:"";background:linear-gradient(#0a101647 0%,#0a10162e 35%,#0a1016c7 100%),linear-gradient(90deg,#0a10168c 0%,#0a10162e 55%,#0a101659 100%);position:absolute;inset:0}.hero-content{z-index:1;width:min(920px,100%);padding:7.5rem clamp(1.25rem,4vw,3rem) 4.5rem;position:relative}.hero-content.is-visible>*{animation:.75s cubic-bezier(.22,1,.36,1) both fadeUp}.hero-content.is-visible>:first-child{animation-delay:50ms}.hero-content.is-visible>:nth-child(2){animation-delay:.14s}.hero-content.is-visible>:nth-child(3){animation-delay:.22s}.hero-content.is-visible>:nth-child(4){animation-delay:.3s}.eyebrow{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:0 0 1rem;font-size:.72rem}.hero .eyebrow{color:#b7e2d7}.hero-brand{font-family:var(--display);letter-spacing:-.045em;margin:0 0 1.15rem;font-size:clamp(3.6rem,11vw,7.4rem);font-weight:800;line-height:.92}.hero-brand em{font-style:italic;font-weight:600}.hero-brand span{color:#8fd6c4}.hero-title{max-width:16ch;font-family:var(--display);letter-spacing:-.03em;color:#f4f1ea;margin:0 0 1.15rem;font-size:clamp(1.55rem,3.6vw,2.55rem);font-weight:600;line-height:1.15}.hero-copy{color:#f7f4efd1;max-width:34rem;margin:0 0 2rem;font-size:1.05rem;line-height:1.7}.primary-cta{color:#0a564a;letter-spacing:.02em;cursor:pointer;background:#eff7f4;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.55rem;padding:.95rem 1.55rem;font-size:.92rem;font-weight:700;transition:transform .2s,background .2s;display:inline-flex}.primary-cta:hover{background:#fff;transform:translateY(-2px)}.section{padding:clamp(4.5rem,10vw,7.5rem) clamp(1.25rem,4vw,3rem)}.section-inner{width:min(1100px,100%);margin:0 auto}.section-heading{max-width:40rem;margin-bottom:clamp(2.5rem,6vw,3.75rem)}.section-heading h2{font-family:var(--display);letter-spacing:-.04em;color:var(--ink);margin:.7rem 0 .9rem;font-size:clamp(2rem,4.8vw,3.4rem);font-weight:800;line-height:1.08}.section-heading p:not(.eyebrow){color:var(--muted);margin:0;font-size:1rem;line-height:1.7}.case-list{gap:clamp(2rem,5vw,3.5rem);display:grid}.case-study{opacity:0;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:clamp(1.5rem,4vw,3rem);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);display:grid;transform:translateY(28px)}.case-study.in-view{opacity:1;transform:translateY(0)}.case-study:nth-child(2n){grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.case-study:nth-child(2n) .case-media{order:2}.case-media{background:linear-gradient(145deg,#0d6e5f1f,#0000 55%),#d9e1e8;border-radius:4px;min-height:280px;position:relative;overflow:hidden}.case-media img{object-fit:cover;object-position:top center;width:100%;height:100%;min-height:280px}.case-media.product-shot{border:1px solid var(--line);background:#f4f1ea;overflow:hidden}.case-media.product-shot img{object-fit:cover;object-position:top center;min-height:0}.case-media.case-media-stack{background:0 0;border:none;gap:.75rem;display:grid;overflow:visible}.case-media.case-media-stack img{border:1px solid var(--line);background:#f7f4ef;border-radius:4px;min-height:220px;max-height:320px}.case-media.placeholder{place-items:center;min-height:320px;padding:2rem;display:grid}.case-media.placeholder span{font-family:var(--display);letter-spacing:-.03em;color:var(--accent-deep);text-align:center;font-size:clamp(1.4rem,3vw,2rem);font-weight:700;line-height:1.2}.case-body{padding-top:.25rem}.case-body h3{font-family:var(--display);letter-spacing:-.03em;margin:.65rem 0 1rem;font-size:clamp(1.45rem,3vw,2rem);font-weight:700;line-height:1.15}.case-meta{color:var(--muted);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;gap:.75rem 1.25rem;margin:0 0 1.25rem;padding:0;font-size:.72rem;list-style:none;display:flex}.case-block{margin:0 0 1rem}.case-block strong{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-deep);font-size:.78rem;font-family:var(--mono);margin-bottom:.3rem;font-weight:500;display:block}.case-block p{color:var(--ink-soft);margin:0;font-size:.98rem;line-height:1.75}.case-link{color:var(--accent-deep);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #0000;margin-top:.75rem;padding:0 0 .15rem;font-size:.78rem;font-weight:500;transition:border-color .2s;display:inline-flex}.case-link:hover{border-bottom-color:var(--accent)}.approach-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,4vw,2.5rem);display:grid}.approach-item{border-top:1px solid var(--line);opacity:0;padding-top:1rem;transition:opacity .65s,transform .65s;transform:translateY(20px)}.approach-item.in-view{opacity:1;transform:translateY(0)}.approach-item .index{font-family:var(--mono);letter-spacing:.14em;color:var(--accent);margin-bottom:.85rem;font-size:.72rem;display:block}.approach-item h3{font-family:var(--display);letter-spacing:-.02em;margin:0 0 .7rem;font-size:1.35rem;font-weight:700}.approach-item p{color:var(--muted);max-width:34rem;margin:0;font-size:.96rem;line-height:1.7}.about-section{background:linear-gradient(#0000,#d8ebe659 35%,#0000 100%)}.about-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:clamp(2rem,6vw,4.5rem);display:grid}.about-copy h2{font-family:var(--display);letter-spacing:-.04em;margin:.7rem 0 1.25rem;font-size:clamp(2rem,4.5vw,3.1rem);font-weight:800;line-height:1.08}.about-copy p{color:var(--ink-soft);max-width:40rem;margin:0 0 1.15rem;font-size:1rem;line-height:1.8}.about-copy strong{color:var(--ink);font-weight:700}.proof-points{gap:1.25rem;display:grid}.proof-points article{border-top:1px solid var(--line);padding:1.15rem 0}.proof-points article:last-child{border-bottom:1px solid var(--line)}.proof-points h3{font-family:var(--display);letter-spacing:-.02em;margin:0 0 .45rem;font-size:1.15rem;font-weight:700}.proof-points p{color:var(--muted);margin:0;font-size:.94rem;line-height:1.7}.contact-section .section-inner{width:min(760px,100%)}.contact-panel{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(24px)}.contact-panel.in-view{opacity:1;transform:translateY(0)}.contact-panel h2{font-family:var(--display);letter-spacing:-.04em;margin:.7rem 0 .9rem;font-size:clamp(2rem,4.8vw,3.2rem);font-weight:800;line-height:1.08}.contact-panel>p{color:var(--muted);max-width:36rem;margin:0 0 2rem;font-size:1rem;line-height:1.7}.contact-actions{flex-wrap:wrap;gap:.85rem;margin-bottom:2.25rem;display:flex}.contact-actions a{border-radius:10px;justify-content:center;align-items:center;padding:.9rem 1.25rem;font-size:.9rem;font-weight:700;transition:transform .2s,background .2s,border-color .2s;display:inline-flex}.contact-actions a:hover{transform:translateY(-2px)}.contact-actions a.primary{background:var(--accent);color:#f7fffc}.contact-actions a.primary:hover{background:var(--accent-deep)}.contact-actions a.secondary{border:1px solid var(--line);color:var(--ink);background:#ffffff8c}.contact-actions a.secondary:hover{border-color:#0d6e5f59}.contact-form{gap:.85rem;display:grid}.contact-form input,.contact-form textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#ffffffb3;border-radius:10px;padding:.95rem 1.1rem;transition:border-color .2s,box-shadow .2s}.contact-form input:focus,.contact-form textarea:focus{border-color:#0d6e5f73;outline:none;box-shadow:0 0 0 3px #0d6e5f14}.contact-form textarea{resize:vertical;min-height:140px}.contact-form button{background:var(--ink);color:#f5f7f9;cursor:pointer;border:none;border-radius:10px;justify-self:start;padding:.95rem 1.4rem;font-size:.9rem;font-weight:700;transition:transform .2s,background .2s}.contact-form button:hover{background:#000;transform:translateY(-2px)}.site-footer{border-top:1px solid var(--line);text-align:center;padding:1.5rem clamp(1.25rem,4vw,3rem) 2.25rem}.site-footer span{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#7a8692;font-size:.7rem}@media (width<=900px){.case-study,.case-study:nth-child(2n){grid-template-columns:1fr}.case-study:nth-child(2n) .case-media{order:0}.about-grid,.approach-grid{grid-template-columns:1fr}}@media (width<=560px){.hero-content{padding-top:6.5rem;padding-bottom:3.25rem}.hero-brand{font-size:clamp(3.2rem,18vw,4.4rem)}.contact-actions{flex-direction:column}.contact-actions a,.contact-form button{width:100%}}