@font-face{font-family:Studio;src:url('/assets/font-1.woff') format('woff');font-weight:400;font-display:swap}@font-face{font-family:Studio;src:url('/assets/font-2.woff') format('woff');font-weight:700;font-display:swap}
:root{--bg:#151615;--ink:#f0ece5;--muted:#a3a79e;--accent:#ff856e;--line:#3d413a;--surface:#242724;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.5 Studio,Arial,sans-serif;overflow-x:clip}button,input{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer;background:transparent;border:0}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:6px}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:700;letter-spacing:-.055em;line-height:.95}em{font-style:normal;color:var(--accent)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip{position:fixed;top:-80px;left:20px;z-index:200;padding:14px;background:var(--accent);color:var(--bg)}.skip:focus{top:12px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);line-height:1.6}.header{height:90px;display:flex;align-items:center;padding:0 4vw;gap:26px;position:relative;z-index:30}.identity{font-size:43px;font-weight:700;letter-spacing:-.07em;line-height:1}.identity span{color:var(--accent)}.header-note{font-size:9px;line-height:1.4;color:var(--muted)}.header nav{display:flex;gap:32px;margin-left:auto;font-size:12px}.header nav a{padding:10px 0}.header nav a[aria-current=page]{color:var(--accent)}sup{font-size:8px;top:-.5em;margin-left:3px;color:var(--muted)}.motion-control{margin-left:25px;font-size:9px;text-transform:uppercase;letter-spacing:.1em;display:flex;gap:8px;align-items:center;padding:12px 0}.motion-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}[data-motion=off] .motion-dot{background:var(--muted)}.section-wrap{padding-inline:6vw}.text-link{font-size:12px;border-bottom:1px solid var(--line);padding-bottom:8px;display:inline-block}.text-link:hover{color:var(--accent)}.round-link{display:inline-flex;border:1px solid currentColor;border-radius:50px;min-height:52px;padding:13px 24px;gap:55px;align-items:center;justify-content:space-between;font-size:13px}.round-link:hover{background:var(--ink);color:var(--bg)}.footer{padding:28px 4vw;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:var(--muted)}.footer>div{display:flex;gap:20px;align-items:center}.footer button{font-size:10px;padding:8px 0}.saved-count{color:var(--accent)}
/* A canvas of actual project identities. Pointer trails are bounded to this section. */
.play-hero{min-height:750px;height:calc(100svh - 90px);position:relative;isolation:isolate;margin-inline:4vw;border-bottom:1px solid var(--line);overflow:hidden}.hero-topline{position:absolute;top:15px;inset-inline:0;display:flex;justify-content:space-between;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.12em;z-index:8}.hero-heading{position:absolute;top:29%;left:0;width:100%;text-align:center;z-index:4;pointer-events:none}.hero-heading .eyebrow{margin-bottom:23px;color:var(--ink)}.hero-heading h1{font-size:clamp(75px,10.7vw,176px);line-height:.88;letter-spacing:-.065em}.hero-heading h1 em{display:inline-block}.hero-heading:after{content:'';position:absolute;inset:-70px 13%;background:radial-gradient(ellipse,#15161550,transparent 65%);z-index:-1;pointer-events:none}.fragment-field,.trail-field{position:absolute;inset:60px 0 145px;z-index:3;pointer-events:none}.fragment{position:absolute;left:var(--left);top:var(--top);width:var(--width);pointer-events:auto;transform:translate(-50%,-50%) rotate(var(--rotation)) translate(var(--px,0px),var(--py,0px));text-align:left;padding:0;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .4s;z-index:1}.fragment:nth-child(1){--left:13%;--top:43%;--width:15%;--rotation:-9deg}.fragment:nth-child(2){--left:42%;--top:14%;--width:14%;--rotation:8deg}.fragment:nth-child(3){--left:84%;--top:30%;--width:17%;--rotation:7deg}.fragment:nth-child(4){--left:73%;--top:85%;--width:17%;--rotation:-7deg}.fragment:nth-child(5){--left:24%;--top:86%;--width:13%;--rotation:5deg}.fragment .art{height:auto;aspect-ratio:1.2;box-shadow:0 14px 50px #0004}.fragment .art-portrait{aspect-ratio:.8}.fragment:hover,.fragment:focus-visible{z-index:9;transform:translate(-50%,-50%) rotate(0) scale(1.14)}.fragment:focus-visible{outline-offset:10px}.fragment-label{display:block;margin-top:8px;font-size:8px;line-height:1.4;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.fragment:is(:hover,:focus-visible) .fragment-label{color:var(--ink)}.fragment-field:has(.fragment:hover) .fragment:not(:hover){opacity:.45}.hero-bottom{position:absolute;bottom:35px;inset-inline:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:30px;z-index:12}.hero-hint{max-width:300px}.crosshair{display:block;font-size:27px;color:var(--accent);margin-bottom:12px;line-height:1}.pointer-hint{font-size:10px}.hero-live{font-size:9px;color:var(--muted);margin-top:6px;min-height:28px;max-width:260px}.hero-destinations{display:flex;gap:12px}.hero-destinations a{padding:17px 24px;border:1px solid var(--line);border-radius:40px;display:flex;gap:30px;justify-content:space-between;align-items:center;font-size:12px;min-height:54px;background:#151615}.hero-destinations a:nth-child(2){background:var(--ink);color:var(--bg);border-color:var(--ink)}.hero-destinations a:hover{background:var(--accent);color:var(--bg);border-color:var(--accent)}.shuffle-fragments{justify-self:end;border-bottom:1px solid var(--line);font-size:10px;padding:13px 0}.shuffle-fragments span{margin-left:20px;font-size:20px}.trail-field{z-index:6}.trail-fragment{position:absolute;width:140px;transform:translate(-50%,-50%) rotate(var(--r));pointer-events:none;animation:fragment-life 2.4s forwards;will-change:transform,opacity}.trail-fragment .art{height:100px;box-shadow:0 10px 40px #0005}.trail-fragment .art-title{font-size:27px}.trail-fragment .art-label{display:none}.trail-fragment .art-portrait img{object-position:50% 65%}.trail-fragment .art-number{font-size:45px}@keyframes fragment-life{0%{opacity:0;scale:.7}10%,55%{opacity:1;scale:1}100%{opacity:0;translate:0 20px;scale:.95}}
/* Project cover studies: visual labels, never substitutes for claimed deliverables. */
.art{position:relative;overflow:hidden;isolation:isolate;width:100%;height:100%;min-height:100px;background:#2d342e;color:#17211a;border-radius:2px;display:flex;flex-direction:column;justify-content:space-between;padding:7%}.art-title{font-size:clamp(35px,4vw,72px);font-weight:700;line-height:.92;letter-spacing:-.055em;white-space:pre-line;position:relative;z-index:2}.art-label{font-size:8px;letter-spacing:.12em;text-transform:uppercase;position:relative;z-index:2}.art-number{position:absolute;bottom:8%;right:7%;font-size:clamp(60px,8vw,130px);font-weight:700;letter-spacing:-.07em;line-height:1;opacity:.24}.art-rings{position:absolute;inset:0;z-index:-1}.art-rings i{position:absolute;width:75%;aspect-ratio:1;border:1px solid currentColor;border-radius:50%;right:-25%;bottom:-40%;transform:translate(calc(var(--i)*-16px),calc(var(--i)*-18px));opacity:.5}.art-jr{background:#ff856e;color:#2e2523}.art-real{background:#c5c6ed;color:#272c4b}.art-real .art-title{font-size:clamp(80px,9vw,150px)}.art-sl{background:#c4d0af;color:#243b27}.art-sl .art-rings i{border-radius:0;rotate:35deg}.art-cx{background:#a9c6d4;color:#21384c}.art-social{background:#dab4ca;color:#4c3146}.art-comms{background:#dabe7e;color:#352a1d}.art-strategy{background:#272e26;color:#eeeae3}.art-strategy img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.45);z-index:-1}.art-video{background:#202924;color:#eeeae3}.art-video img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.55);z-index:-1}.art-video .art-title{font-size:clamp(30px,3.5vw,58px)}.art-portrait{padding:0;background:#464e42}.art-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 62%}.fragment .art-title{font-size:clamp(20px,2.2vw,39px)}.fragment .art-real .art-title{font-size:clamp(45px,5.4vw,88px)}.fragment .art-label{font-size:6px}.fragment .art-number{font-size:clamp(30px,4vw,68px)}.fragment .art-video .art-title{font-size:clamp(18px,1.8vw,28px)}
.snapshot{padding-top:100px;padding-bottom:100px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.section-heading .eyebrow{margin-bottom:25px}.section-heading h2,.disciplines h2{font-size:clamp(40px,6.7vw,110px);line-height:.94}.snapshot-track{display:grid;grid-auto-flow:column;grid-auto-columns:36%;gap:35px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:0 2px 20px;overscroll-behavior-x:contain}.snapshot-track::-webkit-scrollbar{display:none}.snapshot-card{scroll-snap-align:start;min-width:0}.project-card{display:block;width:100%;text-align:left;padding:0}.project-card .art{height:320px;transition:transform .5s}.project-card:hover .art{transform:rotate(-2deg) scale(.98)}.card-meta{display:flex;justify-content:space-between;gap:20px;padding-top:18px;align-items:start}.card-meta h3{font-size:25px;line-height:1.1;letter-spacing:-.03em}.card-meta p{font-size:10px;color:var(--muted);margin-top:8px}.card-arrow{font-size:26px;line-height:1}.card-peek{position:absolute;inset:0;background:#151615ec;color:var(--ink);display:flex;flex-direction:column;justify-content:center;padding:8%;opacity:0;transition:opacity .3s;z-index:5}.project-card:is(:hover,:focus-visible) .card-peek{opacity:1}.card-peek strong{font-size:clamp(35px,4vw,66px);line-height:1;letter-spacing:-.05em;margin-bottom:16px}.card-peek p{font-size:12px;max-width:300px;color:var(--muted)}.snapshot-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:12px;color:var(--muted);font-size:9px}.snapshot-bottom>div{display:flex;gap:10px}.snapshot-bottom button{border:1px solid var(--line);width:42px;height:42px;border-radius:50%;font-size:20px}.contact{padding:80px 6vw;background:#c5cbb7;color:#253023}.contact .eyebrow{color:#5c6756;margin-bottom:30px}.contact h2{font-size:clamp(45px,8.5vw,140px);line-height:.91}.contact h2 em{color:#65705a}.contact-bottom{display:flex;justify-content:space-between;gap:40px;margin-top:50px;align-items:center}.contact-bottom>div{display:flex;gap:35px;font-size:11px}.contact .round-link:hover{background:#253023;color:#eeeae3}
/* Dedicated portfolio: a spatial index and a large sticky project preview. */
.portfolio-heading{padding-top:55px}.portfolio-title{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:30px 0 50px}.portfolio-title h1{font-size:clamp(70px,10vw,160px);max-width:1100px;line-height:.87}.portfolio-title h1 em{display:block}.portfolio-title p{font-size:12px;color:var(--muted);padding-bottom:8px}.portfolio-tools{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:22px}.view-controls{display:flex;gap:25px}.view-controls button{font-size:11px;padding:12px 0;border-bottom:1px solid transparent}.view-controls button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.project-count{font-size:10px;color:var(--muted)}.project-filters{display:flex;gap:8px;flex-wrap:wrap;margin:23px 0 45px}.project-filters button{font-size:10px;padding:9px 14px;border:1px solid var(--line);border-radius:30px;min-height:38px}.project-filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.project-explorer{display:grid;grid-template-columns:1.05fr 1fr;gap:7vw;align-items:start;padding-bottom:100px}.work-row{position:relative;text-align:left;width:100%;border-top:1px solid var(--line);padding:26px 0;display:grid;grid-template-columns:28px 1fr 25px;gap:20px;align-items:start;transition:padding .3s,color .3s}.work-row:last-child{border-bottom:1px solid var(--line)}.work-row .row-number{font-size:9px;color:var(--muted);padding-top:5px}.work-row h2{font-size:clamp(26px,3vw,47px);line-height:1.02;letter-spacing:-.04em}.work-row p{font-size:9px;color:var(--muted);margin-top:12px}.work-row .row-arrow{font-size:21px;opacity:0;transition:opacity .3s}.work-row:is(:hover,:focus-visible),.work-row[aria-pressed=true]{color:var(--accent);padding-left:10px}.work-row:is(:hover,:focus-visible) .row-arrow,.work-row[aria-pressed=true] .row-arrow{opacity:1}.preview-panel{position:sticky;top:35px;min-width:0}.preview-open{width:100%;text-align:left;padding:0;position:relative}.preview-art{height:min(38vw,530px);overflow:hidden}.preview-art .art{animation:preview-arrive .5s ease both}.preview-open-label{position:absolute;bottom:20px;right:20px;font-size:10px;padding:10px 15px;background:var(--ink);color:var(--bg);border-radius:30px;z-index:5}.preview-caption{padding:20px 0 0}.preview-title{font-size:27px;line-height:1.07;letter-spacing:-.03em;margin-top:10px}.preview-role{font-size:11px;color:var(--muted);margin-top:10px}.preview-impact{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.preview-impact strong{font-size:clamp(25px,3vw,47px);letter-spacing:-.04em;line-height:1}.preview-impact p{font-size:10px;color:var(--muted);max-width:240px}.project-gallery{display:grid;grid-template-columns:1fr 1fr;gap:70px 6vw;padding-bottom:100px;align-items:start}.project-gallery>article:nth-child(even){margin-top:110px}.project-gallery .project-card .art{height:470px}.project-gallery .card-meta h3{font-size:30px}.load-state{padding-bottom:40px;color:var(--muted);font-size:13px}.load-state button{color:var(--accent);border-bottom:1px solid currentColor;margin-left:15px}@keyframes preview-arrive{from{opacity:.6;transform:scale(1.035) rotate(-1deg)}to{opacity:1;transform:none}}
/* The story has room to breathe, with one career chapter at a time. */
.story-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:7vw;padding-top:75px;padding-bottom:100px;align-items:center}.story-intro h1{font-size:clamp(50px,6.9vw,108px);line-height:.94;margin:28px -5vw 35px 0;position:relative;z-index:2}.story-summary{max-width:400px;font-size:15px;color:var(--muted);margin-bottom:28px}.story-portrait{position:relative;transform:rotate(4deg)}.story-portrait img{width:100%;height:600px;object-fit:cover;object-position:center 62%}.story-portrait figcaption{font-size:10px;margin-top:15px;color:var(--muted);letter-spacing:.06em}.career{padding-top:30px;padding-bottom:100px}.career .section-heading h2{font-size:clamp(40px,5.7vw,92px)}.career-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;margin:45px 0;border-bottom:1px solid var(--line);gap:35px}.career-tabs button{text-align:left;font-size:clamp(20px,3.3vw,45px);letter-spacing:-.04em;padding:20px 0;border-bottom:2px solid transparent}.career-tabs button[aria-selected=true]{color:var(--accent);border-color:var(--accent)}.career-tabs button span{font-size:10px;letter-spacing:0;display:block;color:var(--muted);margin-top:10px}.career-panel{display:grid;grid-template-columns:1fr 1.1fr;gap:8vw;min-height:330px}.career-panel h3{font-size:clamp(30px,4vw,61px);margin:17px 0 25px;line-height:1.03}.career-date{color:var(--muted);font-size:11px}.career-description{font-size:14px;color:var(--muted);margin-bottom:24px;max-width:570px}.career-metrics{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;margin-top:30px}.career-metrics strong{display:block;font-size:45px;letter-spacing:-.05em;line-height:1}.career-metrics span{font-size:9px;color:var(--muted);display:block;margin-top:10px}.earlier{border-top:1px solid var(--line);margin-top:45px;padding-top:20px;font-size:12px;color:var(--muted)}summary{cursor:pointer;color:var(--ink);padding:10px 0;min-height:44px}.earlier p{margin-top:20px}.disciplines{padding-bottom:100px}.disciplines>.eyebrow{margin-bottom:25px}.discipline-list{display:grid;grid-template-columns:1fr 1fr;gap:0 7vw;margin-top:45px}.discipline-list a{border-top:1px solid var(--line);padding:25px 0;display:block}.discipline-list h3{font-size:28px;line-height:1.1;letter-spacing:-.035em}.discipline-list p{font-size:12px;color:var(--muted);max-width:450px;margin-top:15px}.discipline-list a:hover h3{color:var(--accent)}.story-outro{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-top:55px}.story-outro p{font-size:12px;color:var(--muted)}
/* Project details are available on every page, including from the hero. */
dialog{color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:4px;max-height:92svh;width:calc(100% - 40px);padding:0;box-shadow:0 20px 100px #0007}dialog::backdrop{background:#0b0f0adb;backdrop-filter:blur(15px)}.project-dialog{max-width:1150px}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px 28px;border-bottom:1px solid var(--line)}.dialog-top h2{font-size:25px;letter-spacing:-.03em}.close-dialog{border:1px solid var(--line);border-radius:30px;padding:10px 17px;font-size:11px;min-height:40px}.project-dialog-grid{display:grid;grid-template-columns:.9fr 1.1fr}.dialog-art{padding:30px;background:#20231f}.dialog-art .art{height:450px;position:sticky;top:25px}.dialog-art .art-title{font-size:60px}.dialog-art .art-real .art-title{font-size:110px}.dialog-art .art-video .art-title{font-size:40px}.dialog-story{padding:35px}.dialog-story h2{font-size:43px;line-height:1;margin:15px 0 20px}.dialog-role{font-size:12px;color:var(--muted)}.dialog-impact{border-block:1px solid var(--line);padding:25px 0;margin:26px 0}.dialog-impact strong{font-size:42px;letter-spacing:-.05em;line-height:1;display:block;margin-bottom:14px;color:var(--accent)}.dialog-impact p{font-size:13px;line-height:1.6;color:var(--muted)}.story-details details{border-bottom:1px solid var(--line);font-size:12px}.story-details details p{color:var(--muted);font-size:13px;padding:10px 0 20px}.dialog-links{display:flex;gap:20px;font-size:11px;margin-top:25px;color:var(--accent)}.dialog-actions{margin-top:30px;display:flex;justify-content:space-between;gap:20px}.dialog-actions button{font-size:11px;border-bottom:1px solid var(--line);padding:12px 0}.dialog-actions button[aria-pressed=true]{color:var(--accent)}.dialog-video>button{border:1px solid var(--line);padding:13px 20px;border-radius:30px;font-size:12px;margin-bottom:25px}.dialog-video iframe{display:block;width:100%;aspect-ratio:16/9;border:0;margin-bottom:15px}.video-credit{font-size:10px;color:var(--muted);margin-bottom:22px}.small-dialog{max-width:720px}.small-dialog input{width:calc(100% - 50px);margin:25px;border:0;background:var(--surface);border-radius:2px;padding:20px;font-size:17px;color:var(--ink)}.search-results,.saved-list{padding:0 25px 25px}.search-result,.saved-row{display:flex;width:100%;gap:20px;justify-content:space-between;align-items:center;text-align:left;padding:17px 0;border-bottom:1px solid var(--line);font-size:14px}.search-result:hover{color:var(--accent)}.search-result span:last-child{font-size:10px;color:var(--muted)}.saved-row button{font-size:10px;color:var(--accent)}.saved-email{margin:0 25px 25px}.empty-note{color:var(--muted);font-size:13px;padding:20px 0}.loading-placeholder{min-height:200px;color:var(--muted)}
@media(min-width:1700px){.play-hero{max-height:1100px}.hero-heading{top:32%}.fragment-field,.trail-field{top:75px}}
@media(max-width:1100px){.hero-bottom{grid-template-columns:1fr auto}.shuffle-fragments{position:absolute;right:0;bottom:80px}.hero-destinations a{padding:15px 18px;gap:20px}.play-hero{min-height:720px}.fragment:nth-child(1){--width:18%}.fragment:nth-child(3){--width:20%}.fragment:nth-child(4){--width:21%}.snapshot-track{grid-auto-columns:45%}.project-card .art{height:300px}.preview-impact{display:block}.preview-impact p{margin-top:15px;max-width:none}.project-gallery .project-card .art{height:360px}.story-portrait img{height:500px}.story-intro h1{font-size:7vw}.career-metrics strong{font-size:35px}.header nav{gap:24px}.header{gap:20px}.hero-heading h1{font-size:11.7vw}}
@media(max-width:767px){html{scroll-padding-top:30px}.header{height:76px;padding-inline:6vw;gap:15px}.identity{font-size:36px}.header-note{display:none}.header nav{gap:20px;font-size:11px}.header nav a:last-child{display:none}.motion-control{margin-left:0;font-size:8px}.header nav sup{display:none}.play-hero{height:calc(100svh - 76px);min-height:730px;margin-inline:6vw}.hero-topline{top:10px;font-size:7px;letter-spacing:.08em;gap:20px}.hero-topline span:first-child{max-width:140px}.hero-topline span:last-child{max-width:100px;text-align:right}.hero-heading{top:35%;}.hero-heading .eyebrow{font-size:8px;margin-bottom:20px}.hero-heading h1{font-size:13.2vw;line-height:.94}.fragment-field,.trail-field{inset:65px 0 200px}.fragment:nth-child(1){--left:18%;--top:20%;--width:31%;--rotation:-8deg}.fragment:nth-child(2){--left:78%;--top:23%;--width:31%;--rotation:9deg}.fragment:nth-child(3){--left:80%;--top:90%;--width:34%;--rotation:7deg}.fragment:nth-child(4){--left:20%;--top:90%;--width:34%;--rotation:-8deg}.fragment:nth-child(5){display:none}.fragment .art-title{font-size:24px}.fragment .art-real .art-title{font-size:50px}.fragment .art-video .art-title{font-size:22px}.fragment .art-number{font-size:38px}.fragment .art-label{font-size:5px}.fragment-label{font-size:6px;max-width:140px;margin-top:5px}.hero-bottom{bottom:25px;grid-template-columns:1fr;gap:18px}.hero-hint{display:block;max-width:100%;padding-right:65px}.crosshair{display:none}.pointer-hint{font-size:9px}.hero-live{font-size:8px;min-height:20px;max-width:90%;margin-top:5px}.hero-destinations{gap:9px}.hero-destinations a{flex:1;padding:14px 16px;gap:9px;font-size:10px;min-height:47px}.shuffle-fragments{bottom:90px;font-size:8px;right:0;padding:8px 0}.shuffle-fragments span{margin-left:6px;font-size:16px}.trail-fragment{width:105px}.trail-fragment .art{height:80px}.snapshot{padding-block:65px}.section-heading{gap:20px;margin-bottom:30px;align-items:end}.section-heading .eyebrow{font-size:8px;margin-bottom:20px;max-width:210px}.section-heading h2,.disciplines h2{font-size:11vw}.section-heading>.text-link{font-size:9px;white-space:nowrap;padding-bottom:5px}.snapshot-track{grid-auto-columns:85%;gap:24px}.project-card .art{height:300px}.card-meta h3{font-size:24px}.card-meta p{font-size:9px}.art-title{font-size:48px}.art-real .art-title{font-size:105px}.art-video .art-title{font-size:38px}.art-number{font-size:80px}.art-label{font-size:7px}.snapshot-bottom{font-size:8px}.contact{padding:60px 6vw}.contact h2{font-size:12vw;line-height:.95}.contact-bottom{display:block;margin-top:35px}.contact-bottom>div{gap:25px;margin-top:40px;font-size:10px}.round-link{font-size:11px;padding:12px 20px;min-height:46px;gap:25px}.footer{padding:25px 6vw;flex-wrap:wrap;font-size:8px}.footer>div{width:100%;gap:22px}.footer button{font-size:8px}.portfolio-heading{padding-top:40px}.portfolio-title{display:block;margin:23px 0 35px}.portfolio-title h1{font-size:16vw}.portfolio-title p{font-size:10px;margin-top:25px}.portfolio-title p br{display:none}.portfolio-tools{padding-top:14px}.project-filters{gap:6px;margin-bottom:30px}.project-filters button{padding:8px 12px;font-size:9px;min-height:36px}.project-explorer{display:flex;flex-direction:column;gap:35px;padding-bottom:65px}.preview-panel{position:relative;top:0;order:-1;width:100%}.preview-art{height:330px}.preview-caption{padding-top:16px}.preview-title{font-size:26px}.preview-role{font-size:10px}.preview-impact{display:grid;grid-template-columns:auto 1fr;gap:20px;padding-top:15px;margin-top:20px}.preview-impact strong{font-size:31px}.preview-impact p{font-size:9px;margin:0}.work-list{width:100%}.work-row{padding:22px 0;gap:12px;grid-template-columns:23px 1fr 20px}.work-row h2{font-size:28px}.work-row p{font-size:8px}.work-row .row-arrow{opacity:1}.project-gallery{grid-template-columns:1fr;gap:45px;padding-bottom:65px}.project-gallery>article:nth-child(even){margin-top:0}.project-gallery .project-card .art{height:350px}.project-gallery .card-meta h3{font-size:27px}.story-hero{display:flex;flex-direction:column;padding-top:40px;padding-bottom:65px;gap:45px}.story-intro h1{font-size:12vw;margin-right:0;margin-bottom:25px}.story-summary{font-size:13px}.story-portrait{width:85%;align-self:center}.story-portrait img{height:400px}.story-portrait figcaption{font-size:8px}.career{padding-top:20px;padding-bottom:65px}.career .section-heading h2{font-size:11vw}.career-tabs{gap:15px;margin:30px 0}.career-tabs button{font-size:19px;padding:15px 0;line-height:1.1}.career-tabs button span{font-size:8px;line-height:1.4}.career-panel{grid-template-columns:1fr;gap:25px}.career-panel h3{font-size:34px;line-height:1.06;margin:12px 0 16px}.career-description{font-size:12px}.career-metrics{gap:20px;margin-top:25px}.career-metrics strong{font-size:35px}.career-metrics span{font-size:8px}.discipline-list{grid-template-columns:1fr;gap:0}.discipline-list h3{font-size:26px}.discipline-list p{font-size:11px}.story-outro{display:block;margin-top:35px}.story-outro p{font-size:11px;margin-bottom:25px}.disciplines{padding-bottom:65px}.project-dialog-grid{grid-template-columns:1fr}.dialog-art{padding:20px}.dialog-art .art{position:relative;top:0;height:220px}.dialog-art .art-title{font-size:40px}.dialog-art .art-real .art-title{font-size:90px}.dialog-art .art-video .art-title{font-size:33px}.dialog-story{padding:23px}.dialog-story h2{font-size:34px}.dialog-role{font-size:11px}.dialog-impact strong{font-size:35px}.dialog-impact p{font-size:12px}.dialog-top{padding:15px 20px}.dialog-top h2{font-size:21px}dialog{width:calc(100% - 20px);max-height:94svh}.small-dialog input{font-size:15px}.search-result{font-size:12px}.search-result span:last-child{font-size:8px}}
@media(hover:none){.pointer-hint{font-size:9px}.fragment:hover{transform:translate(-50%,-50%) rotate(var(--rotation))}.project-card .card-peek{opacity:1;inset:auto 12px 12px;padding:12px 15px;border-radius:3px}.card-peek strong{font-size:25px;margin:0}.card-peek p{display:none}.snapshot-track .art-label,.project-gallery .art-label{display:none}.project-card:hover .art{transform:none}}
html[data-motion=off]{scroll-behavior:auto}html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important}.trail-field[hidden]{display:none}html[data-motion=off] .fragment{transform:translate(-50%,-50%) rotate(var(--rotation))}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.trail-field{display:none}.fragment{transform:translate(-50%,-50%) rotate(var(--rotation))}}
/* A more personal introduction, with gently drifting objects rather than a wall of cards. */
.hero-heading{top:25%}.hero-heading h1{line-height:.9}.hero-hello{display:block;font-size:clamp(23px,3.5vw,52px);font-weight:400;letter-spacing:-.035em;margin-bottom:16px}.hero-name{display:block;font-size:clamp(90px,14vw,210px);letter-spacing:-.07em}.hero-personality{margin-top:25px;font-size:clamp(30px,4.5vw,68px);line-height:1.05;letter-spacing:-.045em;color:var(--accent)}.rotating-role{display:inline-block;transition:opacity .26s,transform .26s}.rotating-role.role-out{opacity:0;transform:translateY(12px)}.fragment{animation:object-drift 8s ease-in-out infinite;animation-delay:-2s}.fragment:nth-child(2){animation-duration:9s;animation-delay:-5s}.fragment:nth-child(3){animation-duration:7s;animation-delay:-3s}.fragment:nth-child(4){animation-duration:10s;animation-delay:-7s}.fragment:nth-child(5){animation-duration:8.5s;animation-delay:-4s}.fragment:is(:hover,:focus-visible){animation-play-state:paused}.fragment .art{box-shadow:0 15px 45px #0003}.fragment:nth-child(1) .art{border-radius:100px 100px 9px 9px}.fragment:nth-child(2) .art{aspect-ratio:1;border-radius:50%;padding:18%;justify-content:center}.fragment:nth-child(2) .art-label{display:none}.fragment:nth-child(2) .art-title{font-size:clamp(35px,4.5vw,65px)}.fragment:nth-child(3) .art{aspect-ratio:1.55;clip-path:polygon(8% 0,92% 0,100% 13%,100% 87%,92% 100%,8% 100%,0 87%,0 13%);padding:8%}.fragment:nth-child(4) .art{border-radius:4px 65px 4px 65px;aspect-ratio:1.35}.fragment:nth-child(5) .art{border-radius:65px 65px 3px 3px;aspect-ratio:.85}.fragment:nth-child(3) .art-title{font-size:clamp(17px,1.6vw,26px)}.fragment:nth-child(5) .art-title{font-size:clamp(17px,1.9vw,31px)}@keyframes object-drift{0%,100%{translate:0 0;rotate:-1deg}50%{translate:0 -14px;rotate:1.5deg}}
.social-icons{display:flex;gap:14px;align-items:center}.social-icons a{display:grid;place-items:center;width:46px;height:46px;border:1px solid currentColor;border-radius:50%;transition:transform .25s,background .25s,color .25s}.social-icons svg{width:20px;height:20px}.social-icons a:hover{transform:translateY(-4px);background:#263023;color:#f0ece5}.contact-note{font-size:15px;max-width:390px;margin-top:30px;color:#526049}.contact-bottom .social-icons{gap:14px}.footer{padding-block:35px;gap:30px;flex-wrap:wrap}.footer .footer-human{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin-right:auto}.footer-human>a{color:var(--ink);font-size:15px}.footer-human>span{font-size:10px}.footer>.social-icons{gap:12px}.footer .social-icons a{width:38px;height:38px}.footer .social-icons svg{width:17px;height:17px}.footer>.footer-tools{gap:22px;width:100%;justify-content:flex-end;border-top:1px solid var(--line);padding-top:18px}.footer .social-icons a:hover{background:var(--ink);color:var(--bg)}.human-story{display:grid;grid-template-columns:1.2fr 1fr;gap:10vw;align-items:center;padding-bottom:100px}.human-story h2{font-size:clamp(40px,5.5vw,85px);line-height:.95;margin-bottom:35px}.human-story p{color:var(--muted);font-size:14px;max-width:520px;margin-bottom:22px}.human-story .text-link{margin-top:10px}.human-art{transform:rotate(-5deg)}.human-art img{height:400px;width:100%;object-fit:cover;border-radius:140px 140px 4px 4px}.human-art figcaption{font-size:10px;color:var(--muted);margin-top:16px;text-align:center}.story-intro .round-link{font-size:11px;gap:20px}.story-intro h1{margin-right:0}.story-portrait img{border-radius:160px 160px 5px 5px}
/* A deliberately irregular composition: the order stays readable as works drift into view. */
.project-gallery{grid-template-columns:repeat(12,minmax(0,1fr));gap:90px 20px;align-items:start;padding-top:15px}.project-gallery>article:nth-child(even){margin-top:0}.project-gallery>.gallery-piece{opacity:0;transform:translateY(70px) rotate(var(--piece-angle,0deg));transition:opacity .9s var(--reveal-delay,0s),transform 1.15s var(--reveal-delay,0s) cubic-bezier(.17,.84,.23,1)}.project-gallery>.gallery-piece.arrived{opacity:1;transform:translateY(0) rotate(var(--piece-angle,0deg))}.project-gallery>article[data-layout="0"]{grid-column:1/6;--piece-angle:-3deg;margin-top:55px}.project-gallery>article[data-layout="1"]{grid-column:8/13;--piece-angle:3deg;margin-top:160px}.project-gallery>article[data-layout="2"]{grid-column:3/10;--piece-angle:-1.5deg;margin-top:40px}.project-gallery>article[data-layout="3"]{grid-column:1/6;--piece-angle:2deg;margin-top:70px}.project-gallery>article[data-layout="4"]{grid-column:8/13;--piece-angle:-3deg;margin-top:10px}.project-gallery>article[data-layout="5"]{grid-column:3/11;--piece-angle:1.5deg;margin-top:40px}.project-gallery .project-card .art{height:auto;aspect-ratio:1.1;min-height:280px;border-radius:4px}.project-gallery>article[data-layout="2"] .art,.project-gallery>article[data-layout="5"] .art{aspect-ratio:1.75}.project-gallery .art-video{aspect-ratio:1.6!important}.project-gallery .card-meta{justify-content:center;text-align:center;position:relative;padding-top:25px;gap:16px}.project-gallery .card-meta>div{flex:1;max-width:650px}.project-gallery .card-meta h3{font-size:clamp(30px,3.5vw,57px);line-height:1.02}.project-gallery .card-meta p{font-size:11px;max-width:400px;margin:14px auto 0}.project-gallery .card-arrow{position:absolute;right:0;top:26px}.project-gallery .project-card:hover .art{transform:scale(1.025)}.gallery-interlude{grid-column:1/-1;margin:50px 0;text-align:center;--piece-angle:0deg}.gallery-interlude h2{font-size:clamp(60px,9vw,150px);line-height:.9}.gallery-interlude h2 span,.gallery-interlude h2 em{display:block}.portfolio-title{margin-bottom:40px}.portfolio-heading .eyebrow{display:none}.portfolio-heading{padding-top:40px}.portfolio-title h1{font-size:clamp(70px,8vw,125px)}
@media(max-width:1100px){.hero-personality{font-size:5.2vw}.project-gallery{gap:65px 20px}.project-gallery>article[data-layout="1"]{margin-top:110px}.human-art img{height:330px}.hero-name{font-size:16vw}}
@media(max-width:767px){.hero-heading{top:34%}.hero-hello{font-size:23px;line-height:1.1;margin-bottom:10px}.hero-name{font-size:23vw;line-height:.9}.hero-personality{font-size:8.2vw;margin-top:20px}.fragment{animation-duration:8s}.fragment:nth-child(2) .art-title{font-size:35px}.fragment:nth-child(3) .art-title{font-size:18px}.fragment:nth-child(4) .art{border-radius:3px 35px 3px 35px}.fragment:nth-child(1) .art{border-radius:55px 55px 3px 3px}.fragment:nth-child(3){--top:95%}.fragment:nth-child(4){--top:95%}.snapshot .section-heading h2{font-size:10vw}.snapshot .section-heading{display:block}.snapshot .section-heading>.text-link{margin-top:20px}.contact-note{font-size:13px;margin-top:25px}.contact-bottom .social-icons{margin-top:30px;gap:13px}.footer>.social-icons{width:auto;gap:10px}.footer>.footer-tools{justify-content:flex-start;gap:20px}.footer .footer-human{gap:6px;flex:1 1 100%;width:100%}.footer .social-icons a{width:38px;height:38px}.human-story{grid-template-columns:1fr;gap:40px;padding-bottom:65px}.human-story h2{font-size:10vw}.human-story p{font-size:13px}.human-art{width:90%;margin:0 auto}.human-art img{height:310px;border-radius:100px 100px 3px 3px}.story-intro .round-link{font-size:10px;white-space:normal;line-height:1.4}.story-portrait img{border-radius:120px 120px 4px 4px}.project-gallery{grid-template-columns:repeat(6,minmax(0,1fr));gap:55px 0;padding-top:0}.project-gallery>article[data-layout]{grid-column:1/-1;margin-top:0;--piece-angle:0deg}.project-gallery>article[data-layout="1"],.project-gallery>article[data-layout="4"]{grid-column:2/7;--piece-angle:2deg}.project-gallery>article[data-layout="0"],.project-gallery>article[data-layout="3"]{grid-column:1/6;--piece-angle:-2deg}.project-gallery .project-card .art{min-height:230px;aspect-ratio:1.05}.project-gallery>article[data-layout="2"] .art,.project-gallery>article[data-layout="5"] .art{aspect-ratio:1.35}.project-gallery .card-meta h3{font-size:29px}.project-gallery .card-meta p{font-size:9px;max-width:85%}.project-gallery .card-meta{padding-top:18px}.project-gallery .card-arrow{font-size:20px;top:20px}.project-gallery .art-title{font-size:40px}.project-gallery .art-real .art-title{font-size:95px}.project-gallery .art-label{font-size:6px}.gallery-interlude{grid-column:1/-1;margin:10px 0}.gallery-interlude h2{font-size:12vw}.portfolio-title h1{font-size:16vw}.portfolio-title{margin-top:10px}}
html[data-motion=off] .gallery-piece{opacity:1!important;transform:rotate(var(--piece-angle,0deg))!important}html[data-motion=off] .fragment{translate:0 0;rotate:0deg}
@media(prefers-reduced-motion:reduce){.gallery-piece{opacity:1!important;transform:rotate(var(--piece-angle,0deg))!important}.fragment{translate:0 0;rotate:0deg}}
@media(max-width:767px){.header nav{gap:15px;font-size:10px}.header nav a:last-child{display:block}.header{gap:12px}.motion-control{font-size:7px;gap:5px}}
.contact-email{font-size:12px;border-bottom:1px solid #87947e;padding-bottom:6px}.contact-email:hover{color:#1f2b1d}@media(max-width:767px){.contact-email{display:inline-block;margin-top:30px;font-size:11px}}
/* The portrait becomes the space the story inhabits, rather than a framed photograph. */
body[data-page=story] .header{position:absolute;inset:0 0 auto;background:linear-gradient(#15161599,transparent)}.cinematic-story{position:relative;isolation:isolate;display:flex;align-items:center;min-height:100svh;padding-block:155px 110px;overflow:hidden}.cinematic-portrait{position:absolute;inset:0;z-index:-2;pointer-events:none;transform:translateY(var(--portrait-shift,0px)) scale(1.06);transform-origin:70% 45%}.cinematic-portrait img{width:100%;height:100%;object-fit:cover;object-position:65% 45%;filter:saturate(.75)}.cinematic-story:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#151615fa 0%,#151615eb 23%,#15161599 42%,#1516151c 65%,transparent 85%),linear-gradient(0deg,#151615 0%,transparent 25%)}.cinematic-story .story-intro{width:65%;max-width:950px}.cinematic-story .story-intro h1{font-size:clamp(55px,7.2vw,116px);line-height:.93;margin:0 0 45px;max-width:950px;letter-spacing:-.06em;text-shadow:0 3px 25px #0003}.cinematic-story .story-summary{max-width:470px;font-size:16px;line-height:1.65;margin-bottom:24px;color:#c6c8c1}.cinematic-story .round-link{margin-top:10px;background:#15161533;backdrop-filter:blur(6px)}.skip-typing{position:absolute;top:112px;left:6vw;font-size:9px;color:var(--muted);border-bottom:1px solid var(--line);padding:8px 0;z-index:3}.skip-typing:hover{color:var(--ink)}.skip-typing:disabled{opacity:.6}.typed-char{opacity:0;transition:opacity .08s linear;position:relative}.typed-char.typed{opacity:1}.typed-char.typing-cursor:after{content:'';position:absolute;right:-.05em;top:.12em;height:.8em;border-left:2px solid var(--accent)}.cinematic-story+.human-story{padding-top:100px;position:relative}.cinematic-story+.human-story .human-art{opacity:.8}.cinematic-story+.human-story h2{font-size:clamp(40px,5.8vw,90px)}
@media(max-width:1100px){.cinematic-story .story-intro h1{font-size:8vw}.cinematic-story .story-intro{width:75%}.cinematic-story .story-summary{max-width:430px;font-size:14px}.cinematic-portrait img{object-position:70% 50%}}
@media(max-width:767px){.cinematic-story{display:block;min-height:1050px;padding-top:460px;padding-bottom:70px}.cinematic-portrait{inset:0 0 auto;height:750px;transform:translateY(var(--portrait-shift,0px));width:100%}.cinematic-portrait img{object-position:68% 20%;object-fit:cover}.cinematic-story:before{background:linear-gradient(0deg,#151615 0%,#151615 20%,#151615ee 35%,#15161570 55%,transparent 75%),linear-gradient(90deg,#15161515,transparent)}.cinematic-story .story-intro{width:100%;max-width:none}.cinematic-story .story-intro h1{font-size:12vw;line-height:1.02;margin-bottom:28px;max-width:100%}.cinematic-story .story-summary{font-size:13px;line-height:1.65;max-width:none}.cinematic-story .round-link{font-size:10px;margin-top:7px}.skip-typing{top:102px;left:6vw;background:#15161577;padding:8px 12px;border-radius:20px}.cinematic-story+.human-story{padding-top:55px}.cinematic-story+.human-story h2{font-size:10vw}}
@media(prefers-reduced-motion:reduce){.typed-char{opacity:1}.cinematic-portrait{transform:none}}
html[data-motion=off] .typed-char{opacity:1}html[data-motion=off] .cinematic-portrait{transform:none}
/* Original brand pages share one frame; the source artwork stays intact. */
.art.art-brand{padding:0;background:#20231f;display:block;aspect-ratio:3/2;color:var(--ink)}.art-brand>img{width:100%;height:100%;object-fit:contain;filter:none}.project-card .art.art-brand,.project-gallery .project-card .art.art-brand{height:auto;min-height:0;aspect-ratio:3/2;border-radius:2px}.brand-gallery{display:grid;gap:18px}.brand-page{display:block;width:100%;aspect-ratio:3/2;background:#20231f;border:1px solid var(--line);border-radius:2px;overflow:hidden}.brand-page>img{width:100%;height:100%;object-fit:contain}.project-dialog[data-has-gallery=true] .project-dialog-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.project-dialog[data-has-gallery=true] .dialog-art{padding:20px}.project-dialog[data-has-gallery=true] .dialog-story{padding:28px}.project-dialog[data-has-gallery=true] .dialog-story h2{font-size:36px}@media(max-width:767px){.project-dialog[data-has-gallery=true] .project-dialog-grid{grid-template-columns:1fr}.project-dialog[data-has-gallery=true] .dialog-art{padding:14px}.project-dialog[data-has-gallery=true] .dialog-story{padding:25px}.brand-gallery{gap:14px}}