/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.hidden{display:none}.table{display:table}}:root{--stone:#efede6;--paper:#fbfaf6;--ink:#151515;--muted:#6f6c66;--line:#15151524;--blue:#315fca;--radius-lg:30px;--radius-md:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--stone);color:var(--ink);font-family:var(--font-geist-sans), "Helvetica Neue", Arial, sans-serif;-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}main{min-height:100vh;overflow:hidden}.site-header,.hero,.work-section,.experience-section,.about-section,footer{width:min(1200px,100% - 80px);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;height:96px;display:grid}.wordmark{letter-spacing:-.04em;justify-self:start;font-size:19px;font-weight:650}.wordmark span{color:var(--blue)}nav{gap:34px;display:flex}nav a,.contact-link{font-size:13px;font-weight:550;position:relative}nav a:after,.contact-link:after{content:"";transform-origin:100%;background:currentColor;height:1px;transition:transform .2s;position:absolute;bottom:-6px;left:0;right:0;transform:scaleX(0)}nav a:hover:after,nav a:focus-visible:after,.contact-link:hover:after,.contact-link:focus-visible:after{transform-origin:0;transform:scaleX(1)}.contact-link{justify-self:end}.hero{grid-template-columns:minmax(0,1.65fr) minmax(320px,.72fr);align-items:end;gap:8vw;min-height:630px;padding:108px 0 76px;display:grid}.eyebrow{color:var(--muted);font-family:var(--font-geist-mono), monospace;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:11px;font-weight:600;line-height:1.4}.hero h1{letter-spacing:-.075em;margin:22px 0 0;font-size:clamp(64px,7.2vw,118px);font-weight:560;line-height:.9}.hero h1 em{color:var(--blue);font-style:normal}.hero-intro>p{letter-spacing:-.035em;max-width:480px;margin:0;font-size:clamp(20px,1.7vw,28px);line-height:1.4}.hero-stats{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:62px;display:grid}.hero-stats div{border-top:1px solid var(--line);padding-top:16px}.hero-stats strong,.hero-stats span{display:block}.hero-stats strong{letter-spacing:-.05em;font-size:30px;font-weight:520}.hero-stats span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-top:7px;font-size:10px}.work-section,.experience-section,.about-section{border-top:1px solid var(--line);padding:116px 0}.work-section,.experience-section{width:min(1200px,100% - 80px)}.section-heading{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:20px;margin-bottom:48px;display:grid}.work-section .section-heading>div{grid-column:2/-1}.section-heading h2{letter-spacing:-.06em;max-width:850px;margin:0;font-size:clamp(36px,4vw,64px);font-weight:540;line-height:1.02}.section-note{max-width:620px;color:var(--muted);margin:20px 0 0;font-size:14px;line-height:1.6}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.project-card{border:1px solid var(--line);background:var(--paper);border-radius:24px;min-width:0;transition:transform .26s cubic-bezier(.2,.7,.2,1),box-shadow .26s;overflow:hidden}.project-card:hover,.project-card:focus-visible{outline:none;transform:translateY(-5px);box-shadow:0 24px 54px #201f1b21}.project-card article{flex-direction:column;height:100%;display:flex}.project-copy{flex-direction:column;min-height:260px;padding:22px 22px 24px;display:flex}.project-meta{letter-spacing:.11em;text-transform:uppercase;justify-content:space-between;gap:20px;font-size:9px;font-weight:650;display:flex}.project-card h3{letter-spacing:-.065em;max-width:560px;margin:22px 0 0;font-size:clamp(28px,2vw,34px);font-weight:560;line-height:1}.project-copy>p{color:currentColor;max-width:550px;margin:14px 0 22px;display:-webkit-box;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.project-copy>p{color:color-mix(in srgb, currentColor 72%, transparent)}}.project-copy>p{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.6}.project-tags{flex-wrap:wrap;gap:6px;margin:auto 0 0;padding:0;list-style:none;display:flex}.project-tags li{letter-spacing:.06em;text-transform:uppercase;opacity:.67;border:1px solid;border-radius:999px;padding:6px 8px;font-size:8px;font-weight:650}.project-media{aspect-ratio:16/9;background:#111;order:-1;position:relative;overflow:hidden}.project-media img{object-fit:contain;width:100%;height:100%;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.project-card:hover .project-media img{transform:scale(1.025)}.project-monogram{color:#ffffffe0;letter-spacing:-.08em;place-items:center;font-size:clamp(72px,10vw,160px);font-weight:520;display:grid;position:absolute;inset:0}.project-night{color:#fff;background:#0c1632}.project-agent{color:#fff;background:#061713}.project-agent .project-media{background:radial-gradient(circle at 18% 25%,#0c8b66,#05100e 58%,#020505)}.project-night .project-media{background:radial-gradient(circle at 35% 25%,#263d86,#080b1a 70%)}.project-ice{color:#132d5f;background:#eaf3ff}.project-sage{color:#1f3029;background:#e7eee6}.project-paper{background:#ece9df}.project-ink{color:#fff;background:#06101f}.project-warm{color:#2c241f;background:#ece4da}.project-blue{color:#fff;background:#153e79}.project-lazada{color:#fff;background:#203aa8}.project-festive{color:#632313;background:#f3ded3}.project-amber{color:#fff;background:#9b6207}.project-violet{color:#fff;background:linear-gradient(135deg,#0d0d0e 0%,#18181a 58%,#303034 100%)}.project-violet .project-media{background:#050505}.project-violet .project-copy{border-top:1px solid #ffffff14}.compact-heading{grid-template-columns:170px minmax(0,1fr);align-items:start;margin-bottom:38px}.timeline{margin:0;padding:0;list-style:none}.timeline li{border-top:1px solid var(--line);grid-template-columns:170px minmax(230px,.8fr) minmax(0,1.2fr);grid-template-areas:"dates company scope";align-items:center;gap:24px;min-height:102px;padding:30px 0;display:grid;position:relative}.timeline li:last-child{border-bottom:1px solid var(--line)}.timeline p{margin:0}.timeline-dot{background:var(--blue);border-radius:999px;width:8px;height:2px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.timeline-company{letter-spacing:-.035em;grid-area:company;font-size:21px;font-weight:560;line-height:1.25}.timeline-dates{color:var(--muted);font-family:var(--font-geist-mono), monospace;letter-spacing:.06em;text-transform:uppercase;grid-area:dates;padding-left:20px;font-size:11px;font-weight:600;line-height:1.25}.timeline-scope{max-width:520px;color:var(--muted);grid-area:scope;font-size:14px;line-height:1.25}.about-section{grid-template-columns:.68fr 1.32fr;gap:24px;display:grid}.about-portrait img{object-fit:cover;border-radius:50%;width:148px;height:148px}.about-portrait span{color:var(--muted);font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;text-transform:uppercase;margin-top:18px;font-size:10px;display:block}.about-copy h2{letter-spacing:-.065em;max-width:930px;margin:24px 0 48px;font-size:clamp(42px,5.6vw,88px);font-weight:540;line-height:.98}.about-copy>p:not(.eyebrow){max-width:740px;margin:18px 0 0;font-size:17px;line-height:1.75}footer{border-top:1px solid var(--line);grid-template-columns:1fr auto;align-content:space-between;gap:60px;min-height:400px;padding:86px 0 42px;display:grid}.footer-title{letter-spacing:-.07em;margin:14px 0 0;font-size:clamp(58px,8vw,118px);font-weight:540;line-height:.92}footer>a{border-bottom:1px solid;align-self:end;padding-bottom:4px;font-size:16px}.footer-note{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;grid-column:1/-1;margin:0;font-size:10px}.case-overlay{z-index:100;background:#f4f1ea;display:none;position:fixed;inset:0}.case-overlay:target,.case-overlay[data-history-active=true]{display:block}.case-panel{overscroll-behavior:contain;scrollbar-gutter:stable;background:#f4f1ea;width:100%;height:100dvh;position:relative;overflow-y:auto}.case-header{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f4f1eaeb;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:64px;padding:0 max(40px,50vw - 600px);display:grid;position:sticky;top:0}.case-header p,.case-header>span{color:var(--muted);font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:10px;font-weight:650}.case-header>span{justify-self:end}.case-close{justify-self:start;font-size:12px;font-weight:650;transition:opacity .18s}.case-close:hover,.case-close:focus-visible{opacity:.55;outline:none}.case-visual{isolation:isolate;background:#111218;width:100%;padding:clamp(40px,5vw,80px) max(40px,50vw - 600px);position:relative;overflow:hidden}.case-visual:before{content:"";z-index:0;background-image:var(--case-cover);filter:blur(38px)saturate(.9);background-position:50%;background-size:cover;position:absolute;inset:-48px;transform:scale(1.08)}.case-visual:after{content:"";z-index:1;background:#08090d29;position:absolute;inset:0}.case-visual img{z-index:2;aspect-ratio:16/9;object-fit:contain;background:#111;border-radius:16px;width:100%;height:auto;position:relative}.case-intro{grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr);align-items:start;gap:10vw;width:min(1200px,100% - 80px);margin-inline:auto;padding:112px 0 96px;display:grid}.case-intro h2{letter-spacing:-.075em;max-width:760px;margin:22px 0 30px;font-size:clamp(54px,7vw,96px);font-weight:540;line-height:.92}.case-lede{letter-spacing:-.04em;max-width:720px;margin:0;font-size:clamp(22px,2.25vw,34px);font-weight:500;line-height:1.3}.case-intro dl{margin:0}.case-intro dl div{border-top:1px solid var(--line);grid-template-columns:92px 1fr;gap:18px;padding:15px 0;display:grid}.case-intro dl div:last-child{border-bottom:1px solid var(--line)}.case-intro dt{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:650}.case-intro dd{margin:0;font-size:13px;line-height:1.55}.case-story{grid-template-columns:repeat(3,1fr);gap:24px;width:min(1200px,100% - 80px);margin:0 auto 112px;padding:0;display:grid}.case-story section{border:1px solid var(--line);border-radius:20px;min-height:310px;padding:30px}.case-story span{color:var(--blue);font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;font-size:10px;font-weight:650}.case-story h3{letter-spacing:-.04em;margin:54px 0 18px;font-size:25px;font-weight:560}.case-story p{color:var(--muted);margin:0;font-size:14px;line-height:1.75}.case-deck{background:#dedbd3;padding:80px max(40px,50vw - 600px) 112px}.case-deck-header{justify-content:space-between;align-items:center;gap:24px;width:100%;margin:0 auto 34px;padding:0;display:flex}.case-deck-header p{margin:0}.case-deck-header>p:last-child{color:var(--muted);font-size:12px}.case-deck-pages{gap:clamp(24px,4vw,64px);width:100%;margin-inline:auto;display:grid}.case-deck figure{content-visibility:auto;contain-intrinsic-size:auto 900px;background:#fff;border-radius:16px;margin:0;position:relative;overflow:hidden;box-shadow:0 18px 48px #221f181a}.case-deck figure img{aspect-ratio:16/9;object-fit:contain;background:#fff;width:100%;height:auto}.case-frame-link{width:100%;color:inherit;font:inherit;text-align:left;cursor:zoom-in;background:0 0;border:0;padding:0;display:block;position:relative;overflow:hidden}.case-frame-link>span{color:#fff;letter-spacing:.04em;opacity:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0f0fc7;border-radius:999px;padding:10px 13px;font-size:10px;font-weight:650;transition:opacity .18s,transform .18s;position:absolute;bottom:18px;right:18px;transform:translateY(6px)}.case-frame-link:hover>span,.case-frame-link:focus-visible>span{opacity:1;transform:translateY(0)}.case-frame-link:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}.image-lightbox{z-index:300;background:#090a0e;display:block;position:fixed;inset:0;overflow:hidden}.image-lightbox-canvas{z-index:1;width:100%;height:100%;color:inherit;cursor:zoom-out;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;inset:0;overflow:hidden}.image-lightbox-canvas:before{content:"";background-image:var(--case-image);filter:blur(34px)saturate(.9);background-position:50%;background-size:cover;position:absolute;inset:-48px;transform:scale(1.08)}.image-lightbox-canvas:after{content:"";background:#07080c1f;position:absolute;inset:0}.image-lightbox-canvas img{z-index:1;object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;display:block;position:relative}.image-lightbox-close{z-index:2;color:#fff;width:52px;height:52px;font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff1f;border:1px solid #ffffff3d;border-radius:50%;place-items:center;padding:0;transition:background .16s,transform .16s;display:grid;position:absolute;top:clamp(16px,2vw,28px);right:clamp(16px,2vw,32px)}.image-lightbox-close span{font-size:34px;font-weight:300;line-height:1;transform:translateY(-1px)}.image-lightbox-close:hover,.image-lightbox-close:focus-visible{outline-offset:3px;background:#ffffff3d;outline:2px solid #fff;transform:scale(1.04)}.case-highlights{color:#fff;background:#171717;grid-template-columns:repeat(3,1fr);gap:18px;padding:96px max(40px,50vw - 600px);display:grid}.case-highlights p{letter-spacing:-.04em;border-top:1px solid #ffffff47;margin:0;padding-top:18px;font-size:clamp(20px,2.4vw,34px);font-weight:520;line-height:1.15}.case-actions{justify-content:space-between;gap:20px;padding:48px max(40px,50vw - 600px) 72px;display:flex}.case-actions a{border-bottom:1px solid;padding-bottom:4px;font-size:13px;font-weight:600}@media (width<=920px){.site-header,.hero,.work-section,.experience-section,.about-section,footer{width:min(100% - 40px,1520px)}.site-header{grid-template-columns:1fr auto}nav{display:none}.hero{grid-template-columns:1fr;gap:70px;min-height:auto;padding:80px 0 64px}.hero h1{font-size:clamp(54px,12vw,90px)}.section-heading,.about-section{grid-template-columns:1fr;gap:28px}.work-section .section-heading>div{grid-column:auto}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline li{grid-template-columns:140px minmax(0,1fr);grid-template-areas:"dates company"".scope";gap:10px 24px;padding:24px 0}.timeline-dot{top:31px;transform:none}.case-intro,.case-story{grid-template-columns:1fr}.case-intro{gap:64px}.case-story section{min-height:auto}.case-story h3{margin-top:34px}}@media (width<=680px){.site-header,.hero,.work-section,.experience-section,.about-section,footer{width:min(100% - 28px,1520px)}.site-header{height:76px}.hero{padding-top:66px}.hero h1{font-size:clamp(48px,14vw,74px)}.hero-stats{gap:10px;margin-top:42px}.work-section,.experience-section,.about-section{padding:82px 0}.project-grid{grid-template-columns:1fr}.project-copy{min-height:260px;padding:24px}.project-card h3{margin-top:26px;font-size:34px}.timeline li{grid-template-columns:1fr;grid-template-areas:"dates""company""scope";gap:8px;padding:22px 0 22px 22px}.timeline-dot{top:29px;transform:none}.timeline-dates{padding-left:0}.about-copy h2{margin-bottom:34px}footer{grid-template-columns:1fr;gap:36px;min-height:360px}footer>a{justify-self:start}.case-panel{width:100%;height:100dvh}.case-header{grid-template-columns:1fr auto;min-height:56px;padding-inline:20px}.case-header p{display:none}.case-visual{width:100%;margin:0;padding:20px}.case-intro{gap:48px;width:calc(100% - 40px);padding:72px 0 64px}.case-intro h2{margin-top:18px;font-size:clamp(48px,15vw,72px)}.case-story{width:calc(100% - 40px);margin-bottom:72px}.case-highlights{grid-template-columns:1fr;gap:34px;padding:46px 20px}.case-deck{padding:56px 20px 72px}.case-deck-header{flex-direction:column;align-items:flex-start;margin-bottom:24px}.case-deck-pages{gap:14px}.case-deck figure,.case-visual img{border-radius:12px}.case-frame-link>span{display:none}.image-lightbox,.image-lightbox-canvas{padding:0}.image-lightbox-close{top:max(16px, env(safe-area-inset-top));width:52px;height:52px;right:18px}.case-actions{flex-direction:column;align-items:flex-start;padding:34px 20px 48px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}