.portfolio-root{--p-bg:#f7f3ec;--p-ink:#0a0a0a;--p-ink-soft:rgba(10,10,10,0.62);--p-ink-mute:rgba(10,10,10,0.42);--p-line:rgba(10,10,10,0.14);--p-line-strong:rgba(10,10,10,0.30);--p-yellow:#ECD06F;--p-pink:#FF4F8B;background:var(--p-bg);color:var(--p-ink);min-height:100vh;font-family:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;letter-spacing:-.005em;overflow-x:hidden}.portfolio-root *,.portfolio-root :after,.portfolio-root :before{box-sizing:border-box}.p-nav{display:flex;align-items:center;justify-content:space-between;padding:24px 40px;position:relative;z-index:30}.p-nav-brand{display:inline-flex;align-items:center;gap:4px;font-weight:900;font-size:28px;color:var(--p-ink);text-decoration:none;letter-spacing:-.04em;line-height:1}.p-nav-brand .dotmark{display:inline-flex;gap:2px;margin-right:4px;transform:translateY(-12px)}.p-nav-brand .dotmark span{width:8px;height:8px;border-radius:50%}.p-nav-brand .dotmark .y{background:var(--p-yellow)}.p-nav-brand .dotmark .p{background:var(--p-pink)}.p-nav-brand .period{color:var(--p-pink);font-size:1em}.p-nav-links{display:inline-flex;align-items:center;gap:36px}.p-nav-link{color:var(--p-ink);font-size:15px;font-weight:500;text-decoration:none;transition:color .18s}.p-nav-link:hover{color:var(--p-ink-soft)}.p-nav-cta{display:inline-flex;align-items:center;gap:8px;background:var(--p-ink);color:var(--p-bg);font-size:14px;font-weight:500;padding:12px 22px;border-radius:999px;text-decoration:none;transition:background .18s,transform .18s}.p-nav-cta:hover{background:#1d1d1d;transform:translateY(-1px)}.p-hero{position:relative;padding:56px 40px;display:flex;flex-direction:column}.p-hero-intro{text-align:center;font-size:clamp(15px,1.6vw,20px);font-weight:500;letter-spacing:-.005em;color:var(--p-ink);margin:0 auto 12px}.p-hero-intro .wave{display:inline-block;margin-right:2px;transform-origin:70% 70%;animation:p-wave 2.6s ease-in-out infinite}@keyframes p-wave{0%,60%,to{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}}.p-display-stack{position:relative;flex:0 0 auto;display:flex;flex-direction:column;align-items:stretch;margin-top:-8px}.p-display{font-family:var(--font-inter),sans-serif;font-weight:900;font-size:clamp(72px,19vw,270px);line-height:.85;letter-spacing:-.045em;margin:0;text-align:center;color:var(--p-ink);white-space:nowrap;position:relative}.p-display.filled{z-index:3}.p-display.outline{color:transparent;-webkit-text-stroke:1.5px var(--p-ink);margin-top:-.06em;z-index:1}@supports not (-webkit-text-stroke:1px black){.p-display.outline{color:var(--p-ink-mute)}}.p-portrait{position:absolute;left:50%;top:60%;transform:translate(-50%,-50%);width:clamp(300px,44vw,620px);z-index:4;pointer-events:none;filter:grayscale(1) contrast(1.05)}.p-portrait .p-portrait-img{width:100%;height:auto;display:block;-webkit-mask-image:linear-gradient(180deg,#000 88%,transparent);mask-image:linear-gradient(180deg,#000 88%,transparent)}.p-portrait svg{display:none}.p-portrait-fallback-note{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);font-family:var(--font-mono),monospace;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--p-ink-mute);opacity:.6;white-space:nowrap}.p-hero-meta{position:relative;z-index:5;display:grid;grid-template-columns:1fr auto;align-items:end;grid-gap:24px;gap:24px;margin-top:20px;padding:0 4px}.p-hero-loc{font-size:16px;font-weight:500;color:var(--p-ink);text-align:left}.p-hero-ctas{position:relative;z-index:5;display:flex;gap:12px;justify-content:center;margin-top:32px}.p-hero-cta{font-family:inherit;font-size:14px;font-weight:500;padding:12px 22px;border-radius:999px;text-decoration:none;transition:background .18s,color .18s,transform .18s,border-color .18s;display:inline-flex;align-items:center;gap:8px;cursor:pointer;border:1.5px solid var(--p-ink)}.p-hero-cta.filled{background:var(--p-ink);color:var(--p-bg)}.p-hero-cta.filled:hover{background:#1d1d1d;transform:translateY(-1px)}.p-hero-cta.outline{background:transparent;color:var(--p-ink)}.p-hero-cta.outline:hover{background:var(--p-ink);color:var(--p-bg);transform:translateY(-1px)}.p-hero-clients{display:flex;align-items:center;justify-content:flex-end;gap:28px;flex-wrap:wrap}.p-hero-clients .client-logo{height:22px;width:auto;opacity:.85;mix-blend-mode:multiply;transition:opacity .18s}.p-hero-clients .client-logo:hover{opacity:1}.p-hero-clients .client-logo.okx{height:18px}.p-hero-clients .client-logo.zespri{height:26px}.p-hero-clients .client-logo.fonterra{height:28px}.p-hero-clients .client-logo.sgair{height:22px}.p-explainer{padding:64px 48px 48px;border-top:1px solid var(--p-line);display:grid;grid-template-columns:auto 1fr;grid-gap:56px;gap:56px;align-items:center}.p-explainer-label{font-family:var(--font-mono),monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--p-ink-mute);white-space:nowrap}.p-explainer-text{font-size:clamp(17px,1.7vw,22px);line-height:1.5;font-weight:500;color:var(--p-ink);max-width:60ch;margin:0;text-wrap:balance}.p-explainer-text em{font-style:italic;color:var(--p-ink);background:var(--p-yellow);padding:0 8px;border-radius:3px}.p-email-section{padding:64px 48px;border-top:1px solid var(--p-line);display:grid;grid-template-columns:auto 1fr;grid-gap:56px;gap:56px;align-items:center}.p-email-label{font-family:var(--font-mono),monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--p-ink-mute);white-space:nowrap}.p-email-form{display:inline-flex;align-items:center;border-bottom:1.5px solid var(--p-line-strong);padding-bottom:8px;gap:8px;width:min(440px,100%);transition:border-color .18s}.p-email-form:focus-within{border-color:var(--p-ink)}.p-email-form input{flex:1 1;background:transparent;border:0;outline:none;color:var(--p-ink);font:inherit;font-size:17px;padding:4px 0}.p-email-form input::placeholder{color:var(--p-ink-mute)}.p-email-form button{background:transparent;border:0;color:var(--p-ink);font-size:18px;cursor:pointer;padding:4px 6px;transition:color .18s,transform .18s}.p-email-form button:hover{transform:translateX(2px)}.p-email-form button:disabled{opacity:.5;cursor:progress}.p-email-confirm{margin-top:10px;font-size:12px;font-family:var(--font-mono),monospace;letter-spacing:.04em;color:var(--p-ink);opacity:0;transform:translateY(-2px);transition:opacity .25s,transform .25s;width:100%;flex-basis:100%}.p-email-confirm.show{opacity:1;transform:translateY(0)}.p-email-confirm.err{color:#b22424}.p-work{padding:96px 40px 32px;border-top:1px solid var(--p-line)}.p-work-head{display:flex;flex-direction:column;gap:8px;margin-bottom:48px;max-width:720px}.p-work-label{font-family:var(--font-mono),monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--p-ink-mute)}.p-work-h{font-size:clamp(28px,3.4vw,44px);font-weight:700;letter-spacing:-.025em;line-height:1.1;margin:0}.p-work-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:32px 24px;gap:32px 24px}.p-work-card{display:flex;flex-direction:column;text-decoration:none;color:var(--p-ink);transition:transform .25s}.p-work-card:hover{transform:translateY(-3px)}.p-work-card:hover .p-work-arrow{transform:translate(3px,-3px);color:var(--p-ink)}.p-work-card:hover .p-work-thumb-img{transform:scale(1.02)}.p-work-thumb{position:relative;aspect-ratio:16/10;border-radius:12px;overflow:hidden;border:1px solid var(--p-line);display:grid;place-items:center}.p-work-thumb-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.p-work-thumb-fallback{font-family:var(--font-mono),monospace;font-size:56px;font-weight:700;color:rgba(255,255,255,.18);letter-spacing:-.02em;position:relative;z-index:0}.p-work-thumb-img+.p-work-thumb-fallback{display:none}.p-work-body{padding:18px 2px 0}.p-work-row{display:flex;align-items:center;justify-content:space-between}.p-work-index{font-family:var(--font-mono),monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--p-ink-mute)}.p-work-arrow{font-size:16px;color:var(--p-ink-mute);transition:transform .25s,color .25s;display:inline-block}.p-work-title{font-size:clamp(20px,2vw,26px);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:8px 0 4px}.p-work-meta{font-size:13px;color:var(--p-ink-mute);margin:0 0 14px}.p-work-bullets{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.p-work-bullets li{position:relative;padding-left:18px;font-size:14px;line-height:1.5;color:var(--p-ink-soft)}.p-work-bullets li:before{content:"";position:absolute;left:2px;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--p-yellow)}.p-work-bullets li:nth-child(2n):before{background:var(--p-pink)}.p-cta{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1px;gap:1px;background:var(--p-line);margin:0 40px 96px;border:1px solid var(--p-line);border-radius:16px;overflow:hidden}.p-cta-tile{background:var(--p-bg);padding:40px;text-decoration:none;color:var(--p-ink);display:flex;flex-direction:column;justify-content:space-between;min-height:200px;position:relative;transition:background .25s}.p-cta-tile:hover{background:#f1ece3}.p-cta-tile:hover .p-cta-arrow{transform:translateX(6px)}.p-cta-label{font-family:var(--font-mono),monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--p-ink-mute)}.p-cta-title{font-size:clamp(20px,2.4vw,28px);font-weight:700;letter-spacing:-.02em;line-height:1.15;margin-top:24px}.p-cta-bottom{display:flex;align-items:center;gap:10px;margin-top:28px;font-size:13px;color:var(--p-ink-soft)}.p-cta-arrow{display:inline-flex;font-size:18px;color:var(--p-ink);transition:transform .25s}.p-foot{padding:80px 40px 40px;border-top:1px solid var(--p-line);display:grid;grid-template-columns:1.2fr 1fr;grid-gap:48px;gap:48px;align-items:end}.p-foot-cta{font-size:clamp(28px,4vw,56px);font-weight:800;letter-spacing:-.03em;color:var(--p-ink);text-decoration:none;display:inline-block;line-height:1.05}.p-foot-cta:hover{color:var(--p-pink)}.p-foot-cta .arrow{display:inline-block;margin-left:8px;transition:transform .25s}.p-foot-cta:hover .arrow{transform:translateX(8px)}.p-foot-socials{display:flex;flex-direction:column;gap:10px;align-items:flex-start;font-size:14px}.p-foot-socials a{color:var(--p-ink-soft);text-decoration:none;transition:color .18s}.p-foot-socials a:hover{color:var(--p-ink)}.p-foot-bar{grid-column:1/-1;margin-top:56px;padding-top:20px;border-top:1px solid var(--p-line);display:flex;justify-content:space-between;font-family:var(--font-mono),monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--p-ink-mute)}@media (max-width:980px){.p-nav{padding:18px 20px}.p-nav-links{gap:18px}.p-nav-link{font-size:14px}.p-nav-cta{padding:10px 16px;font-size:13px}.p-nav-brand{font-size:24px}.p-hero{padding:40px 20px 20px}.p-display{font-size:clamp(56px,22vw,160px)}.p-portrait{width:clamp(220px,60vw,420px);top:60%}.p-hero-meta{grid-template-columns:1fr;gap:20px}.p-hero-loc,.p-hero-meta{text-align:center}.p-hero-clients{justify-content:center;gap:18px}.p-hero-clients .client-logo{height:18px!important}.p-hero-ctas{justify-content:center}.p-email-section,.p-explainer{grid-template-columns:1fr;gap:16px;padding:48px 20px}.p-cta{grid-template-columns:1fr;margin:0 20px 64px}.p-cta-tile{padding:28px;min-height:160px}.p-work{padding:64px 20px 24px}.p-work-grid{grid-template-columns:1fr;gap:32px}.p-work-head{margin-bottom:32px}.p-foot{grid-template-columns:1fr;gap:32px;padding:56px 20px 28px}.p-foot-bar{flex-direction:column;gap:8px;align-items:flex-start}}@media (max-width:600px){.p-nav-links a:not(.p-nav-cta){display:none}.p-display{font-size:clamp(44px,22vw,110px)}.p-hero-intro{font-size:14px}.p-portrait{width:70vw;top:60%}.p-hero-cta{padding:10px 16px;font-size:13px}}