:root{--paper:#f7f6f2;--ink:#302e3e;--muted:#65636c;--line:#d9d7d4;--font-display:"Boska",Georgia,serif;--font-body:"Satoshi",Arial,sans-serif}[data-theme=dark]{--paper:#191820;--ink:#efece3;--muted:#a3a0ab;--line:#3b3944}[data-theme=dark] ::selection{background:#4a4436}[data-theme=dark] .brand img,[data-theme=dark] .hero-logo{filter:invert();mix-blend-mode:screen}[data-theme=dark] .outline:hover{background:#24222c}[data-theme=dark] .dark{background:var(--ink);color:#191820}[data-theme=dark] .dark:hover{background:#d8d4c8}[data-theme=dark] .about{background:#211f29}[data-theme=dark] .about-title .portrait-frame{border-color:var(--line);background:#2a2833}[data-theme=dark] .project-image{background:#26242e}[data-theme=dark] .experience>div{border-top-color:#33313c}[data-theme=dark] .signature{border-bottom-color:#55525e}[data-theme=dark] .theme-toggle{color:var(--ink)}.theme-toggle{border:1px solid var(--line);cursor:pointer;width:40px;height:40px;color:var(--ink);background:0 0;border-radius:50%;place-items:center;padding:0;transition:background .2s;display:grid}.theme-toggle:hover{background:var(--line)}@media(max-width:700px){.theme-toggle{width:34px;height:34px}}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);margin:0;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline-offset:6px;outline:3px solid #997640}::selection{background:#ddd4bc}.wrap{width:min(1280px,100% - 112px);margin-inline:auto}.skip{background:var(--ink);color:#fff;z-index:10;padding:12px;position:fixed;top:-80px;left:20px}.skip:focus{top:10px}.header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:118px;display:flex}.brand{width:110px;height:92px;display:block;overflow:hidden}.brand img{mix-blend-mode:multiply;width:110px;transform:scale(1.23)}nav{gap:36px;display:flex}nav a,.contact-link{padding-block:12px;font-size:14px;font-weight:500}.contact-link{align-items:center;gap:30px;display:flex}.contact-link span{font-size:24px}nav a:hover,.text-link:hover{color:#987743}.hero{grid-template-columns:1.18fr 1fr;column-gap:20px;padding-top:76px;display:grid;position:relative}.eyebrow{letter-spacing:1.8px;margin:0 0 28px;font-size:11px;font-weight:700}.tiny-star{vertical-align:middle;margin-right:10px;font-size:23px}.hero h1{font-family:var(--font-display);letter-spacing:-3.6px;margin:0 0 30px;font-size:clamp(58px,6.3vw,94px);font-weight:500;line-height:.98}.hero h1 span,h2 span{font-style:italic;font-weight:400}.intro{color:var(--muted);margin:0 0 32px;font-size:17px;line-height:1.65}.actions{flex-wrap:wrap;gap:12px;display:flex}.button{border:1px solid var(--ink);border-radius:3px;justify-content:space-between;align-items:center;gap:25px;min-height:52px;padding:13px 21px;font-size:13px;font-weight:500;transition:background .2s,transform .2s;display:inline-flex}.button:hover{transform:translateY(-3px)}.button span{font-size:20px}.dark{background:var(--ink);color:#fff}.dark:hover{background:#494555}.outline:hover{background:#eae8e2}.hero-art{flex-direction:column;justify-content:center;align-items:center;min-width:0;padding-top:10px;display:flex;position:relative}.logo-orbit{aspect-ratio:1;place-items:center;width:100%;display:grid;position:relative}.logo-orbit:before{content:"";border:1px solid #c7c3b8;border-radius:50%;position:absolute;inset:9% 1%;transform:rotate(-24deg)}.hero-logo{mix-blend-mode:multiply;width:100%;position:relative;transform:rotate(-7deg)}.note{font-family:var(--font-display);font-size:20px;font-style:italic}.top-note{align-self:flex-end;margin-right:12px;transform:rotate(6deg)}.bottom-note{margin-top:-22px;transform:rotate(-5deg)}.orbit-star{background:var(--paper);font-size:74px;line-height:1;position:absolute;bottom:9%;right:-2px}.hero-foot{border-bottom:1px solid var(--line);letter-spacing:1px;grid-column:1/-1;justify-content:space-between;margin-top:65px;padding:22px 0 27px;font-size:11px;display:flex}.hero-foot a{letter-spacing:0;font-size:12px}.hero-foot a span{margin-left:18px}.section{padding-top:110px;padding-bottom:110px}h2{font-family:var(--font-display);letter-spacing:-1.8px;margin:0;font-size:clamp(44px,4.8vw,68px);font-weight:500;line-height:1.06}p{margin-top:0}.manifesto{border-bottom:1px solid var(--line);grid-template-columns:1fr 2fr;display:grid}.manifesto>.eyebrow{padding-top:12px}.manifesto-copy{color:var(--muted);grid-template-columns:1fr 1fr;gap:36px;margin-top:34px;font-size:15px;display:grid}.manifesto-copy p:first-child{color:var(--ink);font-size:19px}.section-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:42px;display:flex}.section-heading .eyebrow{margin-bottom:20px}.section-heading>p{color:var(--muted);margin-bottom:4px;font-size:14px}.projects{padding-bottom:30px}.phrasor-card{color:#f6f3ec;background:#1e2c40;border-radius:5px;grid-template-columns:1fr 1fr;min-height:410px;transition:background .3s;display:grid;overflow:hidden}.phrasor-card:hover{background:#25354b}.phrasor-content{flex-direction:column;justify-content:space-between;align-items:flex-start;padding:42px 48px;display:flex}.tag{letter-spacing:1.8px;border:1px solid #586274;border-radius:30px;padding:7px 13px;font-size:10px}.phrasor-content h3{letter-spacing:-4px;margin:40px 0 12px;font-size:74px;font-weight:500;line-height:1.1}.phrasor-content p{color:#c4cad3;font-size:15px}.gold-dot{color:#b49256}.product-link{border-bottom:1px solid #79818d;gap:55px;padding:10px 0;font-size:14px;display:flex}.phrasor-art{place-items:center;display:grid;position:relative;overflow:hidden}.phrasor-art img{z-index:1;border-radius:26%;width:150px;transition:transform .4s;transform:rotate(-10deg);box-shadow:16px 24px #162235}.phrasor-card:hover .phrasor-art img{transform:rotate(0)translateY(-6px)}.phrasor-ring{border:1px solid #4d5360;border-radius:50%;width:310px;height:310px;position:absolute}.ring-two{width:440px;height:440px}.product-domain{letter-spacing:4px;color:#b5bac3;font-size:10px;position:absolute;bottom:38px}.text-link{border-bottom:1px solid var(--ink);white-space:nowrap;gap:25px;padding:12px 0;font-size:13px;display:inline-flex}.work-grid{grid-template-columns:1fr 1fr;gap:50px 30px;display:grid}.project-image{aspect-ratio:1.278;background:#e7e4de;border-radius:3px;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.project:hover img{transform:scale(1.035)}.project-meta{justify-content:space-between;align-items:center;padding-top:17px;display:flex}.project-meta h3{margin:0 0 4px;font-size:20px;font-weight:500;line-height:1.3}.project-meta p{color:var(--muted);margin:0;font-size:12px}.circle-arrow{border:1px solid var(--line);border-radius:50%;place-items:center;width:42px;height:42px;font-size:23px;transition:background .2s;display:grid}.project:hover .circle-arrow{background:var(--ink);color:#fff}.about{background:#eae8e1}.about-inner{grid-template-columns:1fr 1fr;gap:90px;display:grid}.about-title{border-right:1px solid var(--line);padding-right:90px}.about-title .portrait-frame{border:1px solid var(--line);background:#fff;border-radius:22px;width:150px;height:150px;margin-bottom:34px;position:relative;overflow:hidden}.about-title .portrait{object-fit:cover;object-position:center top;filter:grayscale()contrast(1.04)brightness(1.02);width:100%;height:100%}.about-title .portrait-doodle{color:#987743;pointer-events:none;width:64px;height:64px;position:absolute;bottom:-14px;right:-12px}.about h2{font-size:clamp(58px,5.6vw,80px)}.signature{font-family:var(--font-display);border-bottom:1px solid #aaa69d;gap:30px;margin-top:42px;font-size:28px;font-style:italic;display:inline-flex;transform:rotate(-5deg)}.signature span{font-style:normal}.bio{padding-top:48px;padding-left:18px}.bio>p{color:var(--muted);max-width:470px;font-size:15px}.bio .bio-lead{color:var(--ink);margin-bottom:26px;font-size:24px;font-weight:500;line-height:1.35}.experience{margin-top:32px}.experience .eyebrow{margin-bottom:16px;font-size:10px}.experience>div{border-top:1px solid #cecbc4;justify-content:space-between;gap:15px;padding:14px 0;font-size:13px;display:flex}.experience>div span:last-child{color:var(--muted);font-size:12px}.bio .text-link{margin-top:12px}.contact{padding-top:100px;padding-bottom:80px}.contact h2{max-width:900px;font-size:clamp(70px,9.5vw,132px);line-height:.96;position:relative}.contact-spark{font-family:var(--font-body);position:absolute;top:40px;right:15px;font-size:120px!important;font-style:normal!important}.contact-bottom{justify-content:space-between;align-items:center;gap:28px;margin-top:38px;display:flex}.contact-actions{flex-wrap:wrap;gap:12px;display:flex}.contact-bottom p{color:var(--muted);margin:0;font-size:15px}footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:26px 0;font-size:11px;display:flex}footer div{gap:25px;display:flex}footer a{align-items:center;min-height:44px;display:inline-flex}.footer-brand{font-size:12px;font-weight:700}@media(min-width:1500px){.hero{padding-top:100px}.hero h1{font-size:100px}.hero-art{max-width:550px}.hero-foot{margin-top:80px}}@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero h1{font-size:70px}.hero-art{padding-top:0}.note{font-size:17px}.hero-foot{margin-top:45px}.manifesto{grid-template-columns:1fr 2.4fr}.about-inner{gap:48px}.about-title{padding-right:48px}.about-title .portrait-frame{width:128px;height:128px;margin-bottom:28px}.phrasor-content{padding:35px}.section{padding-block:80px}.projects{padding-bottom:0}.contact-spark{right:10px;font-size:90px!important}.hero h1{letter-spacing:-2px}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{gap:14px;height:90px}.brand{width:75px;height:70px}.brand img{width:75px}.contact-link{gap:8px;font-size:12px}nav{gap:14px}nav a{font-size:12px}nav a:last-child{display:none}.hero{grid-template-columns:1fr;padding-top:38px}.eyebrow{letter-spacing:1.35px;margin-bottom:22px;font-size:9px}.tiny-star{font-size:18px}.hero h1{letter-spacing:-2px;font-size:clamp(58px,10.5vw,76px);line-height:1.02}.intro{font-size:15px}.desktop{display:none}.actions{gap:10px}.button{gap:15px;padding:12px 15px;font-size:12px}.hero-art{justify-self:center;width:86%;max-width:400px;margin-top:40px}.logo-orbit{margin-top:-6px}.top-note{margin-right:0}.bottom-note{font-size:18px}.orbit-star{font-size:60px}.hero-foot{align-items:center;gap:20px;margin-top:36px;font-size:9px}.hero-foot a{text-align:right;max-width:140px;font-size:10px}.hero-foot a span{margin-left:6px}.section{padding-block:64px}.manifesto{display:block}.manifesto-copy{grid-template-columns:1fr;gap:5px;margin-top:24px}.manifesto-copy p:first-child{font-size:19px}h2{font-size:46px}.section-heading{margin-bottom:28px;display:block}.section-heading>p{margin-top:20px}.phrasor-card{grid-template-columns:1fr;min-height:0}.phrasor-content{padding:28px}.phrasor-content h3{margin-top:35px;font-size:64px}.phrasor-art{height:275px}.phrasor-art img{width:125px}.phrasor-ring{width:225px;height:225px}.ring-two{width:330px;height:330px}.product-domain{bottom:17px}.projects{padding-bottom:0}.work-grid{grid-template-columns:1fr;gap:32px}.section-heading .text-link{margin-top:15px}.about-inner{grid-template-columns:1fr;gap:12px}.about-title{border-right:none;padding-right:0}.about-title .portrait-frame{width:120px;height:120px;margin-bottom:24px}.about h2{font-size:64px}.signature{margin-top:25px}.bio{padding-top:30px}.bio .bio-lead{font-size:23px}.experience>div{font-size:12px}.experience>div span:last-child{font-size:11px}.contact h2{font-size:76px}.contact-spark{top:70px;right:0;font-size:60px!important}.contact-bottom{display:block}.contact-bottom .contact-actions{margin-top:24px}footer{flex-wrap:wrap;gap:5px 16px}footer div{justify-content:space-between;gap:12px;width:100%}footer>span{margin-left:auto}.footer-brand{font-size:11px}}@media(prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.not-found{text-align:center;place-content:center;min-height:100vh;padding:24px;display:grid}.not-found h1{font-family:var(--font-display);margin:0 0 30px;font-size:clamp(48px,8vw,100px);line-height:1}.not-found a{text-underline-offset:6px;text-decoration:underline}
