@font-face{font-family:'DM Sans';src:url('/assets/fonts/dm-sans-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'DM Sans';src:url('/assets/fonts/dm-sans-semibold.ttf') format('truetype');font-weight:600 800;font-style:normal;font-display:swap}
@font-face{font-family:'DM Serif';src:url('/assets/fonts/dm-serif-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'DM Serif';src:url('/assets/fonts/dm-serif-italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}
:root{--paper:#f5f2eb;--ink:#253c46;--muted:#657078;--accent:#688496;--line:#d9dad2;--dark:#243a43;--serif:'DM Serif',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--gutter:clamp(24px,5.3vw,92px)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}body::selection{background:#d4e0de;color:var(--ink)}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}button:disabled{cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible,video:focus-visible{outline:3px solid #b27632;outline-offset:6px}img,video{max-width:100%;display:block}button{border:0}h1,h2,h3,h4,p,figure,blockquote{margin:0}h1,h2,h4{font-family:var(--serif);font-weight:400;line-height:1.07;letter-spacing:-.04em}h1 em,h2 em,h4 em{color:var(--accent);font-weight:400}h1{font-size:clamp(72px,6.75vw,108px)}h2{font-size:clamp(48px,4.8vw,74px)}h3{font-family:var(--serif);font-size:32px;font-weight:400;letter-spacing:-.025em;line-height:1.2}h4{font-size:38px}.container{width:100%;max-width:1512px;margin-inline:auto;padding-inline:var(--gutter)}.section-pad{padding-block:112px}.eyebrow,.small-label{font-size:10px;letter-spacing:.16em;line-height:1.6;font-weight:600}.small-label{color:var(--muted);letter-spacing:.13em}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;gap:24px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.skip-link{position:fixed;top:8px;left:16px;z-index:100;background:var(--ink);color:white;padding:14px 24px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
.site-header{position:relative;z-index:20}.header-inner{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);width:calc(100% - var(--gutter)*2);padding:0;max-width:calc(1512px - var(--gutter)*2)}.wordmark{font:400 30px/1 var(--serif);letter-spacing:-.045em;white-space:nowrap}.wordmark span{color:var(--accent)}.main-nav{display:flex;gap:36px;margin-left:80px;font-size:12px}.main-nav a,.contact-links a{position:relative}.main-nav a::after,.contact-links a::after{content:'';position:absolute;bottom:-6px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}.main-nav a:hover::after,.contact-links a:hover::after{transform:scaleX(1)}.header-contact{font-size:12px;font-weight:600;display:flex;align-items:center;gap:30px}.header-contact span{font-size:24px}.menu-toggle{display:none;background:none;padding:12px}.menu-toggle span{width:24px;height:1px;background:var(--ink);display:block;margin-block:6px}.mobile-nav{padding:20px var(--gutter);border-bottom:1px solid var(--line)}.mobile-nav a{display:flex;justify-content:space-between;padding:16px 0;font:26px var(--serif)}.mobile-nav a span{font:12px var(--sans);color:var(--muted)}
.hero{padding-top:84px;padding-bottom:30px;display:grid;grid-template-columns:1.25fr 1fr;gap:0 70px;position:relative}.hero-copy{padding-top:20px}.hero-copy .eyebrow{display:flex;gap:10px;align-items:center;margin-bottom:30px}.status-dot{width:6px;height:6px;background:#7c8e72;border-radius:50%;display:inline-block}.hero h1{margin-left:-4px;white-space:nowrap}.hero-intro{font-size:18px;line-height:1.6;max-width:425px;margin-top:30px}.hero-sub{font-size:14px;line-height:1.85;color:var(--muted);max-width:395px;margin-top:14px}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:34px}.button{min-height:52px;padding:16px 23px;display:inline-flex;align-items:center;justify-content:center;gap:40px;font-size:12px;transition:background .2s,transform .2s}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:#45616c;transform:translateY(-2px)}.button span{font-size:19px;line-height:1}.text-link{font-size:12px;display:inline-flex;align-items:center;gap:18px;border-bottom:1px solid #8d9a9c;padding-block:9px}.text-link:hover{color:var(--accent)}.text-link span{font-size:19px}.hero-portrait{width:100%;max-width:414px;justify-self:end;position:relative;padding-right:15px}.portrait-frame{height:500px;overflow:hidden;background:#deddd5;position:relative;border-radius:160px 160px 2px 2px}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;filter:saturate(.78)}.hero-portrait::before{content:'';position:absolute;inset:-15px 0 52px 15px;border:1px solid #b9c4c0;border-radius:175px 175px 2px 2px;z-index:-1}.portrait-note{display:flex;align-items:center;gap:16px;position:absolute;right:-19px;bottom:72px;padding:17px 22px;background:var(--paper);box-shadow:0 4px 25px #243a4310;transform:rotate(-5deg);font-size:12px;line-height:1.35}.portrait-note em{font-family:var(--serif);font-size:26px;color:var(--accent)}.note-spark{font-size:42px;color:var(--accent)}.hero-portrait figcaption{display:flex;justify-content:space-between;margin-top:19px;font-size:9px;letter-spacing:.13em}.hero-portrait figcaption span:last-child{color:var(--muted)}.hero-scroll{grid-column:1/-1;display:flex;gap:15px;align-items:center;font-size:8px;letter-spacing:.15em;margin-top:47px;color:var(--muted)}.hero-scroll>span{font-size:19px;color:var(--ink)}
.experience-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:22px}.experience-inner{min-height:115px;display:flex;align-items:center;justify-content:space-between;gap:35px}.experience-inner>p{font-size:12px;line-height:1.5;color:var(--muted)}.experience-brands{display:flex;align-items:center;justify-content:center;gap:68px}.experience-brands>img{width:148px;height:auto;filter:brightness(0);opacity:.64}.brand-td{font-size:19px;font-weight:600;letter-spacing:-.06em;color:#596569}.brand-td>span{display:inline-flex;align-items:center;justify-content:center;border:2px solid #64716e;padding:0 4px;font-size:25px;line-height:1.2;letter-spacing:-.12em;margin-right:4px}.brand-rbc{font:28px Georgia,serif;display:flex;gap:12px;align-items:center;color:#596569}.brand-rbc{font-size:11px;letter-spacing:.02em}.brand-rbc::first-letter{font-size:30px}.brand-divider{height:24px;width:1px;background:#9ea6a2}.experience-caption{font-size:8px;letter-spacing:.11em;color:var(--muted)}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:42px}.section-heading>p{max-width:300px;font-size:14px;color:var(--muted);line-height:1.85;padding-bottom:8px}.work-filters{display:flex;gap:10px;margin-bottom:34px;flex-wrap:wrap}.work-filters button{background:transparent;border:1px solid transparent;border-radius:24px;padding:10px 16px;font-size:11px;transition:background .2s,border-color .2s}.work-filters button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.work-filters button:not([aria-pressed=true]):hover{border-color:#aab5b4}.work-filters button>span{font-size:9px;margin-left:12px;opacity:.6}.project-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:32px;row-gap:46px;align-items:start}.project-featured{grid-column:1/-1}.project-disclosure summary{list-style:none;cursor:pointer}.project-disclosure summary::-webkit-details-marker{display:none}.project-art{height:320px;overflow:hidden;position:relative;transition:filter .25s}.project-art>img{transition:transform .65s cubic-bezier(.2,.6,.3,1)}.project-disclosure summary:hover .project-art>img{transform:scale(1.035)}.project-disclosure summary:hover .round-arrow{background:var(--ink);color:var(--paper);transform:rotate(45deg)}.project-info{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 0 0}.project-info .eyebrow{display:flex;gap:20px;margin-bottom:10px;font-size:9px;letter-spacing:.1em}.project-info .eyebrow>span{color:var(--muted);font-weight:400}.project-info h3{font-size:29px}.project-info p:not(.eyebrow){font-size:12px;color:var(--muted);margin-top:7px}.round-arrow{width:42px;height:42px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid #b5c1c1;border-radius:50%;font-size:23px;transition:transform .25s,background .25s,color .25s}.parallel-cover-copy>p{font:56px/1.08 var(--serif);letter-spacing:-.035em}.cover-caption{font-size:8px;letter-spacing:.2em;margin-top:35px;display:block;color:#c5c6b5}.project-art-badge{position:absolute;top:26px;right:28px;border:1px solid #ffffff55;border-radius:30px;padding:7px 12px;color:white;font-size:8px;letter-spacing:.1em;z-index:2;background:#10171835;backdrop-filter:blur(8px)}.project-art-badge>span{margin-left:18px;font-size:13px}.project-open{display:flex;align-items:center;gap:22px;font-size:11px;white-space:nowrap}.label-open{display:none}.project-disclosure[open] .label-closed{display:none}.project-disclosure[open] .label-open{display:inline}.project-disclosure[open] .round-arrow{transform:rotate(90deg)}.project-disclosure[open]>summary .project-info{padding-bottom:23px}.project-body{border-top:1px solid var(--line);padding:28px 0 4px;font-size:14px;color:#56666c;animation:reveal .3s ease}.project-body>p{margin-block:16px}.project-body h4{color:var(--ink);font-size:33px;line-height:1.2}.project-body .eyebrow{color:var(--ink);margin-top:28px;font-size:10px}.project-body ul{padding-left:18px;margin:14px 0 24px}.project-body li{padding-left:5px;margin-bottom:9px}.project-body-top{display:grid;grid-template-columns:1fr 1fr;gap:50px}.project-body-top .eyebrow{margin:0 0 14px}.project-body-top p+p{margin-top:16px}.project-deliverables{margin-block:30px}.project-deliverables ul{columns:2;column-gap:60px}.project-deliverables li{break-inside:avoid}.video-gallery{display:grid;grid-template-columns:1fr 1fr;gap:26px}.video-gallery video{width:100%;aspect-ratio:16/9;background:#111;object-fit:contain}.video-gallery figcaption{display:flex;justify-content:space-between;gap:10px;font-size:10px;line-height:1.4;margin-top:12px}.video-gallery figcaption span:first-child{font-size:9px;letter-spacing:.08em;color:var(--ink)}.media-note{font-size:11px}.detail-image{max-height:300px;object-fit:contain;margin:25px auto 0}.web3-art{background:#deded2;display:flex;align-items:center;justify-content:center}.web3-art>img{width:78%;height:90%;object-fit:contain;padding-top:25px;transform:rotate(-3deg)}.project-disclosure summary:hover .web3-art>img{transform:rotate(0) scale(1.035)}.art-index{position:absolute;left:20px;bottom:15px;font-size:10px;letter-spacing:.1em;opacity:.65}.edge-art{background:#dde6e9;display:flex;align-items:center;justify-content:space-between;padding-left:32px}.edge-art>img{height:340px;width:53%;object-fit:contain;transform:rotate(10deg) translateY(43px);filter:drop-shadow(-8px 10px 14px #293e5222)}.project-disclosure summary:hover .edge-art>img{transform:rotate(7deg) translateY(35px)}.bank-art-type{z-index:1}.bank-art-type>span{font-size:14px;letter-spacing:.07em}.bank-art-type strong{display:block;font:36px/1.1 var(--serif);letter-spacing:-.03em;margin:18px 0 24px}.bank-art-type small{font-size:8px;letter-spacing:.16em}.payedge-art{background:#e7e2d9;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:28px}.payedge-kicker{font-size:7px;letter-spacing:.17em;margin-bottom:35px}.payedge-flow{display:flex;align-items:center;justify-content:center;gap:20px;width:100%;font-size:31px;letter-spacing:-.05em}.flow-dot{color:#b0804c}.payedge-flow .flow-line{font-weight:400;color:#8c998e;font-size:36px;letter-spacing:0}.payedge-logo{font-family:var(--serif);font-size:31px;line-height:1}.payedge-logo em{display:block;font:400 21px var(--sans);letter-spacing:-.04em}.payedge-bottom{font-size:7px;letter-spacing:.1em;margin-top:35px;color:#65716b}.payedge-bottom>span{margin-inline:13px}.express-art{background:#d9dfe1;display:flex;align-items:center;justify-content:center}.express-art>img{width:88%;height:90%;object-fit:contain;padding-top:20px;filter:drop-shadow(0 15px 8px #253c4610)}
.about-section{background:#e9eae3}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;margin-top:54px}.about-heading h2{font-size:clamp(46px,4.4vw,66px)}.about-role{display:flex;align-items:center;gap:20px;margin-top:36px}.about-role p{font-size:12px;line-height:1.9}.about-asterisk{font-size:62px;line-height:1;color:var(--accent)}.about-heading>.text-link{margin-top:32px}.about-story p{font-size:14px;color:#5c696b;line-height:1.85}.about-story p+p{margin-top:20px}.about-story p.lead{font-size:20px;line-height:1.6;color:var(--ink);margin-bottom:27px}.about-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:64px;padding-top:32px;border-top:1px solid #c7d0cb;gap:25px}.about-stats>div{display:flex;align-items:center;gap:19px}.about-stats strong{font-family:var(--serif);font-size:58px;line-height:1;font-weight:400;letter-spacing:-.05em}.about-stats strong span{font-size:32px;color:var(--accent)}.about-stats p{font-size:10px;line-height:1.7;color:#5c696b}
.approach-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:95px;align-items:center}.approach-layout h2{font-size:clamp(43px,4.1vw,62px)}.approach-intro{font-size:14px;color:var(--muted);line-height:1.8;max-width:450px;margin-top:26px}.principles{margin-top:33px}.principles>div{display:flex;gap:22px;padding:21px 0;border-top:1px solid var(--line)}.principles>div>span{font-size:10px;color:var(--accent);margin-top:6px}.principles h3{font:600 14px var(--sans);letter-spacing:0;margin-bottom:8px}.principles p{font-size:12px;color:var(--muted);line-height:1.8;max-width:355px}.manifesto{background:#dce5e3;position:relative;padding:57px 44px 36px;margin-top:3px;transform:rotate(2deg)}.manifesto-mark{font:110px/.6 var(--serif);color:#8fa3a5;display:block;margin-bottom:20px}.manifesto .eyebrow{font-size:8px;max-width:250px;color:#607375;letter-spacing:.12em}.manifesto blockquote{font:40px/1.17 var(--serif);letter-spacing:-.035em;margin-top:25px}.manifesto blockquote em{color:#657f87}.manifesto-rule{width:40px;height:1px;background:#9aaaa9;margin:30px 0 22px}.manifesto>p:not(.eyebrow):not(.manifesto-signoff){font-size:12px;line-height:1.8;max-width:250px;color:#5d7376}.manifesto p.manifesto-signoff{font:italic 25px var(--serif);display:flex;justify-content:space-between;align-items:center;margin-top:23px;color:#557079}.manifesto-signoff span{font-size:36px;font-style:normal;transform:rotate(-12deg)}
.feedback-section{background:#ece8e0;padding:74px 0}.feedback-heading{text-align:center}.feedback-heading .eyebrow{font-size:9px}.feedback-heading h2{font-size:45px;margin-top:18px}.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:40px}.quote-grid figure{border-top:1px solid #c7cac0;padding:25px 5px 0}.quote-grid figure>span{font:45px/.8 var(--serif);color:#7c9498;display:block}.quote-grid blockquote{font:24px/1.35 var(--serif);letter-spacing:-.02em;min-height:110px;margin-top:12px;max-width:315px}.quote-grid blockquote em{font-size:19px;color:#7a8987}.quote-grid figcaption{font-size:8px;letter-spacing:.14em;color:var(--muted);margin-top:20px}.feedback-originals{margin-top:34px}.feedback-originals summary{display:flex;align-items:center;gap:20px;justify-content:center;font-size:11px;cursor:pointer;list-style:none}.feedback-originals summary::-webkit-details-marker{display:none}.feedback-originals summary>span{font-size:18px}.feedback-originals[open] summary>span{transform:rotate(45deg)}.feedback-screenshots{margin-top:30px;display:grid;gap:15px;max-width:1000px;margin-inline:auto}.feedback-screenshots figure{background:#1d2327;padding:18px}.feedback-screenshots img{max-width:100%;height:auto}.feedback-screenshots figure:nth-child(4) img{display:inline-block}
.contact-section{background:var(--dark);color:var(--paper);padding-bottom:65px}.contact-section .small-label{color:#acb8b7}.contact-section .eyebrow{color:#ced6d0}.contact-main{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-top:50px}.contact-main h2{font-size:clamp(54px,6vw,92px)}.contact-main h2 em{color:#b5c6c7}.contact-arrow{width:130px;height:130px;border:1px solid #7f9296;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:15px;transition:background .3s,transform .3s}.contact-arrow span{font:70px var(--sans);line-height:1}.contact-arrow:hover{background:#3c5961;transform:rotate(45deg)}.contact-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:48px;padding-top:28px;border-top:1px solid #546870}.email-link{font-size:20px;letter-spacing:-.03em}.email-link:hover{color:#bbcfcd}.contact-links{display:flex;gap:30px;font-size:12px}.contact-links a>span{margin-left:15px}.site-footer{background:var(--dark);color:var(--paper);padding:25px 0 32px;border-top:1px solid #4b6169}.site-footer>.container{display:flex;align-items:center;justify-content:space-between;gap:30px}.site-footer .wordmark{font-size:23px}.site-footer .wordmark span{color:#b5c6c7}.site-footer p,.site-footer>.container>span{font-size:9px;color:#bcc6c4}.back-top{font-size:10px}.back-top span{font-size:16px;margin-left:13px}.not-found{min-height:100svh;display:grid;place-items:center;padding:40px}.not-found main{max-width:800px}.not-found .eyebrow{margin-top:70px}.not-found h1{font-size:80px;margin-top:24px}.not-found main>p:not(.eyebrow){margin-block:25px}.not-found .button{margin-top:15px}@keyframes reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero{gap:0 100px}.hero-portrait{max-width:450px}.portrait-frame{height:530px}.hero-copy{padding-top:35px}.hero{padding-block:95px 35px}.hero-scroll{margin-top:50px}}
@media(max-width:1150px){.hero{gap:0 45px;padding-top:65px}.hero h1{font-size:clamp(62px,7.2vw,82px)}.hero-portrait{max-width:340px}.portrait-frame{height:450px}.hero-intro{font-size:17px}.hero-actions{gap:20px}.button{gap:25px;padding:14px 19px}.text-link{gap:12px}.experience-brands{gap:38px}.experience-caption{display:none}.experience-inner{justify-content:space-between}.experience-brands{width:75%;justify-content:space-around}.about-layout{gap:55px}.approach-layout{gap:55px}.about-stats>div{gap:12px}.about-stats strong{font-size:48px}.about-stats p{font-size:9px}.manifesto{padding:40px 32px}.manifesto blockquote{font-size:34px}.project-art{height:290px}.parallel-cover-copy>p{font-size:49px}.bank-art-type strong{font-size:30px}.project-info .eyebrow{gap:12px;font-size:8px}.project-info h3{font-size:26px}.project-info p:not(.eyebrow){font-size:11px}.payedge-flow{gap:13px;font-size:26px}.payedge-logo{font-size:27px}}
@media(max-width:850px){:root{--gutter:32px}.header-inner{height:82px}.main-nav{margin-left:0;gap:24px}.hero{padding-top:48px;gap:0 30px}.hero-copy{padding-top:0}.hero-copy .eyebrow{font-size:8px;margin-bottom:23px}.hero h1{font-size:62px}.hero-intro{font-size:16px;max-width:310px}.hero-sub{font-size:12px;max-width:300px}.hero-actions{flex-wrap:wrap;gap:12px 20px;margin-top:24px}.hero-portrait{max-width:300px;align-self:center}.portrait-frame{height:410px}.portrait-note{right:-8px;bottom:62px;padding:13px 15px;gap:11px}.portrait-note em{font-size:23px}.note-spark{font-size:35px}.hero-portrait figcaption{font-size:7px}.hero-scroll{margin-top:28px;font-size:7px}.section-pad{padding-block:80px}.section-heading{gap:30px}.section-heading>p{max-width:220px;font-size:12px}.section-heading h2{font-size:49px}.project-grid{gap:35px 24px}.project-art{height:235px}.parallel-cover-copy>p{font-size:44px}.project-info .eyebrow{flex-direction:column;gap:2px}.project-info h3{font-size:25px}.project-info .round-arrow{width:35px;height:35px;font-size:20px}.project-open{gap:12px;font-size:10px}.edge-art{padding-left:23px}.edge-art>img{height:270px}.bank-art-type strong{font-size:25px}.payedge-art{padding:20px}.payedge-kicker{font-size:6px;letter-spacing:.1em}.payedge-flow{gap:10px;font-size:22px}.payedge-logo{font-size:24px}.payedge-logo em{font-size:16px}.payedge-bottom{font-size:6px;letter-spacing:0}.payedge-bottom>span{margin-inline:6px}.about-layout{gap:34px}.about-heading h2{font-size:43px}.about-story p{font-size:12px}.about-story p.lead{font-size:17px}.about-role p{font-size:10px}.about-stats{gap:18px}.about-stats>div{display:block}.about-stats p{margin-top:13px;font-size:10px}.approach-layout{gap:35px}.approach-layout h2{font-size:40px}.approach-intro{font-size:12px}.principles p{font-size:11px}.principles{margin-top:28px}.manifesto{padding:32px 25px}.manifesto blockquote{font-size:29px}.manifesto .eyebrow{font-size:7px}.manifesto>p:not(.eyebrow):not(.manifesto-signoff){font-size:11px}.quote-grid{gap:24px}.quote-grid blockquote{font-size:21px;min-height:115px}.feedback-heading h2{font-size:40px}.contact-main h2{font-size:61px}.contact-arrow{width:94px;height:94px;margin-right:0}.contact-arrow span{font-size:55px}.site-footer p{display:none}}
@media(max-width:650px){:root{--gutter:24px}html{scroll-padding-top:30px}.header-inner{height:77px}.wordmark{font-size:28px}.main-nav{display:none}.header-contact{margin-left:auto;margin-right:18px;font-size:11px;gap:16px}.header-contact span{font-size:21px}.menu-toggle{display:block;margin-right:-10px}.hero{grid-template-columns:1fr;padding-top:44px;gap:40px}.hero-copy .eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:25px}.hero h1{font-size:clamp(57px,10.9vw,73px);line-height:1.09;letter-spacing:-.045em;margin-left:-2px}.hero-intro{font-size:17px;max-width:360px;margin-top:25px}.hero-sub{font-size:13px;max-width:350px;line-height:1.8}.hero-actions{margin-top:28px;gap:22px}.hero-actions .button{font-size:11px;min-height:49px;gap:22px}.text-link{font-size:11px;gap:12px}.hero-portrait{max-width:none;width:80%;justify-self:center;margin:0 0 0 -12px;padding-right:12px}.portrait-frame{height:clamp(330px,91vw,490px);border-radius:160px 160px 2px 2px}.hero-portrait::before{inset:-10px 0 46px 12px}.portrait-frame img{object-position:50% 38%}.hero-portrait figcaption{font-size:8px;margin-top:16px}.portrait-note{right:-36px;bottom:62px;padding:16px 19px;gap:14px}.portrait-note em{font-size:28px}.note-spark{font-size:40px}.hero-scroll{margin-top:-12px;font-size:7px;gap:12px}.hero{padding-bottom:23px}.experience-band{margin-top:0}.experience-inner{min-height:138px;flex-direction:column;gap:20px;align-items:flex-start;padding-block:22px}.experience-inner>p{font-size:9px;line-height:1}.experience-inner>p br{display:none}.experience-brands{width:100%;justify-content:space-between;gap:18px}.experience-brands>img{width:105px}.brand-td{font-size:15px}.brand-td>span{font-size:22px}.brand-rbc{font-size:10px;gap:8px;max-width:115px;line-height:1.4}.brand-divider{height:22px;flex-shrink:0}.section-pad{padding-block:64px}.section-top{margin-bottom:28px;gap:15px}.eyebrow,.small-label{font-size:8px;letter-spacing:.13em}.section-top .small-label{font-size:7px}.section-heading{display:block;margin-bottom:25px}.section-heading h2{font-size:44px}.section-heading>p{max-width:300px;font-size:12px;margin-top:20px}.work-filters{gap:1px;margin-bottom:23px}.work-filters button{font-size:9px;padding:9px 11px}.work-filters button>span{font-size:8px;margin-left:6px}.project-grid{grid-template-columns:1fr;row-gap:33px}.project-featured{grid-column:auto}.parallel-cover-copy>p{font-size:38px}.cover-caption{font-size:6px;margin-top:24px;letter-spacing:.13em}.project-art-badge{top:16px;right:14px;font-size:6px;padding:5px 8px}.project-art-badge>span{margin-left:6px;font-size:9px}.project-info{padding-top:17px;gap:14px}.project-info .eyebrow{flex-direction:row;gap:16px;font-size:7px;letter-spacing:.08em;margin-bottom:9px}.project-info h3{font-size:27px}.project-info p:not(.eyebrow){font-size:11px;line-height:1.7;max-width:270px}.project-open>span:not(.round-arrow){display:none}.project-info .round-arrow{width:37px;height:37px}.project-art:not(.parallel-art){height:280px}.web3-art>img{width:80%;height:90%;padding-top:20px}.edge-art{padding-left:33px}.edge-art>img{height:310px;width:48%}.bank-art-type strong{font-size:33px}.payedge-flow{font-size:31px;gap:20px}.payedge-logo{font-size:32px}.payedge-logo em{font-size:21px}.payedge-kicker{font-size:7px}.payedge-bottom{font-size:7px}.payedge-bottom>span{margin-inline:10px}.project-body{padding-top:22px;font-size:13px}.project-body-top{grid-template-columns:1fr;gap:24px}.project-body h4{font-size:31px}.project-body-top .eyebrow{font-size:8px}.project-deliverables ul{columns:1}.video-gallery{grid-template-columns:1fr;gap:22px}.video-gallery figcaption{font-size:10px}.video-gallery figcaption span:first-child{font-size:8px}.about-section .section-top{align-items:start}.about-section .section-top .small-label{white-space:nowrap}.about-layout{grid-template-columns:1fr;gap:32px;margin-top:32px}.about-heading h2{font-size:49px}.about-role{margin-top:24px;gap:18px}.about-role p{font-size:11px}.about-asterisk{font-size:53px}.about-heading>.text-link{margin-top:20px}.about-story p.lead{font-size:18px}.about-story p{font-size:13px;line-height:1.9}.about-stats{grid-template-columns:1fr 1fr;gap:30px 24px;margin-top:36px;padding-top:28px}.about-stats>div{display:flex;gap:15px}.about-stats strong{font-size:51px;min-width:52px}.about-stats p{font-size:9px;line-height:1.6;margin-top:0}.approach-section .section-top .small-label{display:none}.approach-layout{grid-template-columns:1fr;gap:36px}.approach-layout h2{font-size:42px}.approach-intro{font-size:13px;margin-top:23px}.principles{margin-top:27px}.principles p{font-size:12px;max-width:none}.principles h3{font-size:14px}.manifesto{max-width:400px;width:calc(100% - 10px);justify-self:center;padding:37px 32px;transform:rotate(1.5deg)}.manifesto blockquote{font-size:39px;max-width:300px}.manifesto .eyebrow{font-size:8px;max-width:260px}.manifesto>p:not(.eyebrow):not(.manifesto-signoff){font-size:12px;max-width:270px}.manifesto-mark{font-size:96px}.manifesto p.manifesto-signoff{font-size:26px}.feedback-section{padding-block:55px}.feedback-heading{text-align:left}.feedback-heading .eyebrow{font-size:7px}.feedback-heading h2{font-size:38px;max-width:300px;line-height:1.1}.quote-grid{grid-template-columns:1fr;gap:28px;margin-top:30px}.quote-grid figure{padding-top:23px;position:relative;padding-left:40px}.quote-grid figure>span{position:absolute;left:0;top:26px}.quote-grid blockquote{font-size:25px;min-height:0;margin-top:0;max-width:330px}.quote-grid figcaption{margin-top:16px}.feedback-originals summary{font-size:10px}.feedback-screenshots figure{padding:10px}.contact-section .section-top{display:block}.contact-section .section-top .small-label{display:block;margin-top:12px;font-size:7px}.contact-main{margin-top:31px;gap:15px;align-items:flex-start}.contact-main h2{font-size:clamp(42px,9.5vw,62px);line-height:1.13}.contact-arrow{width:53px;height:53px;margin-top:7px}.contact-arrow span{font-size:33px}.contact-bottom{display:block;margin-top:34px;padding-top:24px}.email-link{font-size:19px}.contact-links{margin-top:25px;gap:28px;font-size:11px}.contact-section{padding-bottom:40px}.site-footer{padding:25px 0}.site-footer>.container{flex-wrap:wrap;gap:24px}.site-footer .wordmark{font-size:23px;width:calc(50% - 12px)}.site-footer>.container>span{font-size:8px;order:3;width:calc(50% - 12px)}.back-top{margin-left:auto;font-size:9px}.not-found{padding:24px}.not-found h1{font-size:53px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Restrained editorial presentation: plain navigation, quiet labels, no badges. */
.hero{grid-template-columns:1.4fr 1fr;align-items:center;padding-block:80px 74px;gap:55px}
.hero-copy{padding-top:0}
.hero h1{font-size:clamp(58px,5.5vw,83px);line-height:1.12}
.hero-intro{margin-top:30px}
.hero-portrait{max-width:390px;padding-right:0}
.hero-portrait::before{display:none}
.portrait-frame{height:490px;border-radius:0}
.experience-inner{justify-content:center;min-height:100px}
.experience-brands{width:100%;max-width:760px;justify-content:space-between}
.section-heading{margin-bottom:30px}
.section-heading h2{font-size:56px}
.work-filters{gap:25px;margin-bottom:32px;border-bottom:1px solid var(--line)}
.work-filters button{padding:12px 0;border:0;border-bottom:1px solid transparent;border-radius:0;font-size:12px;margin-bottom:-1px;background:none}
.work-filters button[aria-pressed=true]{background:none;color:var(--ink);border-bottom-color:var(--ink)}
.work-filters button:not([aria-pressed=true]){color:var(--muted)}
.work-filters button:not([aria-pressed=true]):hover{color:var(--ink);border-bottom-color:#aab5b4}


.project-info .project-year{font-size:11px;color:var(--muted);margin:0 0 9px}
.project-info h3{font-size:31px}
.round-arrow{border:0;border-radius:0;width:30px;height:35px;font-size:26px}
.project-disclosure summary:hover .round-arrow{background:none;color:var(--ink);transform:translate(3px,-3px)}
.project-disclosure[open] .round-arrow{transform:rotate(90deg)}
.project-open{font-size:11px;gap:15px}
.bank-art-type strong{font-size:37px}
.about-layout{margin-top:0}
.about-heading h2,.approach-layout h2,.feedback-heading h2{font-size:56px}
.about-role{margin-top:27px}
.about-story p{font-size:15px}
.about-story p:first-child{color:var(--ink)}
.about-heading>.text-link{margin-top:24px}
.principles>div{padding:19px 0}
.principles p{font-size:14px;max-width:440px}
.approach-intro{font-size:15px;max-width:460px}
.approach-layout{align-items:start}
.manifesto{background:transparent;border-left:1px solid var(--line);transform:none;padding:10px 0 10px 45px;margin-top:0}
.manifesto .eyebrow{font:400 12px/1.6 var(--sans);letter-spacing:0;max-width:none}
.manifesto blockquote{font-size:43px;margin-top:24px}
.manifesto>p:not(.eyebrow):not(.manifesto-signoff){margin-top:25px;max-width:310px;font-size:13px}
.feedback-heading{text-align:left}
.feedback-heading h2{margin:0}
.quote-grid blockquote{min-height:0}
.quote-grid figure{padding-bottom:0}
.contact-location{font-size:11px;color:#bcc6c4}
.contact-main{margin-top:24px}
.contact-main h2{font-size:88px}
.contact-bottom{margin-top:35px}
@media(max-width:1150px){.hero{gap:35px}.portrait-frame{height:440px}.hero h1{font-size:clamp(54px,5.5vw,70px)}.hero-portrait{max-width:340px}.about-heading h2,.approach-layout h2,.feedback-heading h2,.section-heading h2{font-size:49px}.manifesto blockquote{font-size:36px}.project-info h3{font-size:28px}}
@media(max-width:850px){.hero{padding-block:55px;gap:30px}.hero h1{font-size:clamp(44px,5.5vw,52px)}.portrait-frame{height:390px}.work-filters{gap:25px}.work-filters button{font-size:11px}.about-heading h2,.approach-layout h2,.feedback-heading h2{font-size:43px}.about-story p,.principles p,.approach-intro{font-size:13px}.manifesto{padding-left:25px}.manifesto blockquote{font-size:31px}.contact-main h2{font-size:72px}.bank-art-type strong{font-size:29px}.project-info h3{font-size:26px}}
@media(max-width:650px){.hero{grid-template-columns:1fr;gap:36px;padding-block:42px 45px}.hero h1{font-size:clamp(39px,9.25vw,59px);white-space:normal;line-height:1.14}.hero-portrait{width:100%;max-width:none;margin:0}.portrait-frame{height:420px}.portrait-frame img{object-position:50% 32%}.hero-intro{font-size:16px;margin-top:24px}.experience-inner{min-height:94px;padding-block:24px}.experience-brands{width:100%;gap:18px}.section-heading h2,.about-heading h2,.approach-layout h2,.feedback-heading h2{font-size:43px}.work-filters{gap:20px;flex-wrap:wrap;margin-bottom:25px}.work-filters button{font-size:10px;padding-block:10px}.project-info h3{font-size:26px}.project-info .project-year{font-size:10px;margin-bottom:6px}.bank-art-type strong{font-size:34px}.about-role{margin-top:22px}.about-story p{font-size:14px}.about-layout{gap:30px}.principles p,.approach-intro{font-size:14px}.manifesto{padding:26px 0 0;border-left:0;border-top:1px solid var(--line);width:100%;max-width:none;transform:none}.manifesto blockquote{font-size:38px;max-width:360px}.manifesto .eyebrow{font-size:11px}.manifesto>p:not(.eyebrow):not(.manifesto-signoff){font-size:13px}.feedback-heading h2{max-width:none}.quote-grid{margin-top:30px}.contact-main h2{font-size:64px}.contact-location{font-size:10px}.contact-main{margin-top:19px}.contact-bottom{margin-top:29px}.not-found h1{font-size:52px}}


/* Preserve the wordmark proportions and show the complete portrait artwork. */
.parallel-art {
  display: grid;
  grid-template-columns: 45% 55%;
  align-items: center;
  height: clamp(330px, 34vw, 460px);
  background: #101618;
}
.parallel-cover-copy {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  padding: 24px;
}
.parallel-cover-copy > img {
  width: min(240px, 100%);
  height: auto;
  opacity: 1;
}
.parallel-character {
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: contain;
  object-position: center;
  mask-image: linear-gradient(to right, transparent, #000 15%, #000 85%, transparent);
}
.project-disclosure summary:hover .parallel-art > .parallel-character {
  transform: none;
}
@media (max-width: 650px) {
  .parallel-art {
    grid-template-columns: 40% 60%;
    height: 265px;
  }
  .parallel-cover-copy { padding: 18px; }
}

/* Warm accents and alternating, scroll-revealed testimonials. */
:root { --accent: #98634b; }
.hero-copy::before {
  content: '';
  display: block;
  width: 48px;
  height: 2px;
  margin-bottom: 28px;
  background: var(--accent);
}
.hero-portrait { padding: 0 14px 14px 0; }
.hero-portrait::after {
  content: '';
  position: absolute;
  inset: 14px 0 0 14px;
  border: 1px solid #b69e8b;
  pointer-events: none;
}
.portrait-frame { z-index: 1; }
.hero-portrait .portrait-frame { border-radius: 0; }
.project-disclosure summary { outline-offset: 8px; }
.project-info h3 { transition: color 220ms ease; }
.project-disclosure summary:hover h3 { color: var(--accent); }
.about-section { background: #eae5dc; }
.about-heading { border-left: 1px solid #b69e8b; padding-left: 28px; }

.feedback-section {
  padding-block: 100px 76px;
  background: #21393f;
  color: var(--paper);
  overflow-x: clip;
}
.feedback-heading h2 { font-size: clamp(44px, 4.8vw, 72px); }
.feedback-heading h2 em { color: #d9b7a0; }
.quote-grid {
  display: flex;
  flex-direction: column;
  gap: 34px;
  margin-top: 58px;
}
.quote-grid .review {
  --review-offset: -90px;
  position: relative;
  align-self: flex-start;
  width: 76%;
  padding: 35px 28px 28px 70px;
  border-top: 1px solid #ffffff26;
  opacity: 1;
  transform: translateX(0);
}
.quote-grid .review:nth-child(even) {
  --review-offset: 90px;
  align-self: flex-end;
  padding: 35px 70px 28px 28px;
  text-align: right;
}
.quote-grid .review > span {
  position: absolute;
  top: 38px;
  left: 0;
  font: 84px/.8 var(--serif);
  color: #bd957d;
}
.quote-grid .review:nth-child(even) > span { left: auto; right: 0; }
.quote-grid .review blockquote {
  max-width: none;
  min-height: 0;
  margin: 0;
  font-size: clamp(30px, 3.5vw, 51px);
  line-height: 1.25;
  letter-spacing: -.025em;
  text-wrap: pretty;
}
.quote-grid .review blockquote em { font-size: inherit; color: #e0bda4; }
.quote-postscript {
  display: inline-block;
  margin-top: 14px;
  color: #b6c4c3;
  font: 400 15px/1.6 var(--sans);
  letter-spacing: 0;
}
.feedback-originals { margin-top: 42px; }
.feedback-originals summary { justify-content: flex-start; color: #d2dbd7; }
.feedback-screenshots figure { border: 1px solid #ffffff20; }

.contact-section { background: #e8d3c3; color: var(--ink); }
.contact-location { color: #5e6667; }
.contact-main h2 em { color: #8d5d46; }
.contact-bottom { border-color: #ba9e8b; }
.email-link:hover { color: #8d5d46; }
.contact-links a::after { background: #8d5d46; }

@media (prefers-reduced-motion: no-preference) {
  .quote-grid .review {
    transition: transform 950ms cubic-bezier(.16, 1, .3, 1), opacity 700ms ease;
  }
  .quote-grid .review-pending {
    opacity: 0;
    transform: translateX(var(--review-offset));
  }
}
@media (max-width: 850px) {
  .quote-grid .review { width: 88%; }
  .quote-grid .review blockquote { font-size: 36px; }
}
@media (max-width: 650px) {
  .hero-copy::before { margin-bottom: 23px; width: 36px; }
  .hero-portrait { padding: 0 10px 10px 0; }
  .hero-portrait::after { inset: 10px 0 0 10px; }
  .about-heading { padding-left: 20px; }
  .feedback-section { padding-block: 62px 48px; }
  .feedback-heading h2 { font-size: 42px; }
  .quote-grid { gap: 22px; margin-top: 36px; }
  .quote-grid .review {
    --review-offset: -38px;
    width: 96%;
    padding: 28px 0 20px 34px;
  }
  .quote-grid .review:nth-child(even) {
    --review-offset: 38px;
    padding: 28px 34px 20px 0;
  }
  .quote-grid .review > span { top: 32px; font-size: 52px; }
  .quote-grid .review blockquote { font-size: clamp(27px, 7.2vw, 36px); }
  .quote-postscript { font-size: 12px; margin-top: 12px; }
  .feedback-originals { margin-top: 30px; }
}
@media print {
  .quote-grid .review { opacity: 1; transform: none; }
}

/* Readable message excerpts, with the original screenshots one click away. */
.feedback-screenshots {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  max-width: 1050px;
  margin: 36px auto 0;
}
.feedback-screenshots .message-note {
  --review-offset: -64px;
  position: relative;
  width: fit-content;
  min-width: min(260px, 100%);
  max-width: 72%;
  padding: 25px 55px 25px 28px;
  border: 1px solid #ffffff16;
  border-left: 2px solid #c2a08a;
  background: #182e34;
  box-shadow: 0 12px 30px #0a192012;
  color: #e8ece7;
  opacity: 1;
  transform: translateX(0);
}
.feedback-screenshots .message-note:nth-child(even) {
  --review-offset: 64px;
  align-self: flex-end;
  border-left: 1px solid #ffffff16;
  border-right: 2px solid #c2a08a;
}
.feedback-screenshots .message-note-long { max-width: 76%; width: 680px; }
.message-note blockquote { font: 400 16px/1.75 var(--sans); letter-spacing: 0; }
.message-note p + p { margin-top: 12px; }
.message-original {
  position: absolute;
  top: 16px;
  right: 15px;
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  color: #b6c4c3;
  font-size: 19px;
  transition: color 180ms ease;
}
.message-original:hover { color: #e0bda4; }
@media (prefers-reduced-motion: no-preference) {
  .feedback-screenshots .message-note {
    transition: transform 900ms cubic-bezier(.16, 1, .3, 1), opacity 650ms ease;
  }
  .feedback-screenshots .message-note.review-pending {
    opacity: 0;
    transform: translateX(var(--review-offset));
  }
}
@media (max-width: 650px) {
  .feedback-screenshots { gap: 17px; margin-top: 27px; }
  .feedback-screenshots .message-note {
    --review-offset: -30px;
    min-width: 0;
    max-width: 94%;
    padding: 20px 43px 20px 19px;
  }
  .feedback-screenshots .message-note:nth-child(even) { --review-offset: 30px; }
  .message-note blockquote { font-size: 14px; line-height: 1.75; }
  .message-original { top: 12px; right: 9px; font-size: 17px; }
}
@media print {
  .feedback-screenshots .message-note { opacity: 1; transform: none; }
}