/* Sampoy / editorial edition — independent from the original version. */
:root{--paper:#fffefa;--ink:#20201e;--muted:#696965;--line:#deded6;--orange:#b17c12;--green:#4d5145;--yellow:#ffe28a}
body{background-color:var(--paper);background-image:linear-gradient(#302b1c06 1px,transparent 1px),linear-gradient(90deg,#302b1c06 1px,transparent 1px);background-size:32px 32px}body:before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 10% 0%,#fff0be66,transparent 42%);z-index:-1}.wrap{width:min(960px,calc(100% - 96px))}.section{padding-block:90px}.header{height:91px;border:0}.wordmark{font-size:15px;letter-spacing:1.4px;font-weight:500;display:flex;align-items:center;gap:9px}.wordmark i{height:6px;width:6px;border:1px solid var(--ink);background:var(--yellow);border-radius:50%}.wordmark span{font-size:11px;color:var(--ink);margin:0;align-self:flex-start}.header-right{display:flex;gap:28px;font-size:12px;letter-spacing:.6px;color:var(--muted)}.header-right a{color:var(--ink);text-decoration:underline;text-underline-offset:5px;text-decoration-color:#c5bc9f}.hero{position:relative;display:block;padding:45px 0 60px;min-height:710px}.hero-copy{position:relative;z-index:2;width:100%;pointer-events:none}.hero-copy a{pointer-events:auto}.hero-kicker{font-size:13px;color:var(--muted);letter-spacing:1px;margin-bottom:21px}.hero h1{font-size:clamp(64px,8.3vw,108px);font-weight:850;line-height:1.16;letter-spacing:-6px;margin:0 0 27px}.hero h1>span{display:block;width:fit-content}.hero h1 .hero-name{font:850 clamp(80px,10vw,132px)/1.08 'Helvetica Neue',Arial,sans-serif;letter-spacing:-8px;margin-bottom:13px}.hero h1 .hero-period{display:inline;color:var(--ink)}.hero-name .hero-period{color:#d9ac35!important}.hero-roles{display:flex;align-items:center;gap:25px;font-size:14px}.hero-roles strong{font-size:20px;letter-spacing:5px}.hero-roles>span{color:var(--muted);letter-spacing:1px}.hero-description{font-size:15px;margin-top:18px;line-height:1.85;color:var(--muted)}.scroll-cue{display:inline-flex;align-items:center;gap:12px;margin-top:25px;font-size:19px;color:#66665d}.scroll-cue span{font-size:12px;letter-spacing:1px}.hero-cats{position:absolute;width:380px;height:375px;right:-16px;top:222px;padding:0;z-index:1}.hero-cat{position:absolute;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.cat-one{width:218px;height:285px;left:3px;top:0;transform:rotate(-7deg)}.cat-two{width:230px;height:280px;right:-2px;top:46px;transform:rotate(7deg)}.hero-cats:hover .cat-one{transform:rotate(-11deg) translateY(-8px)}.hero-cats:hover .cat-two{transform:rotate(11deg) translateY(-4px)}.cat-halo{position:absolute;inset:50px 35px 42px;background:#fff0b5;border-radius:48% 52% 59% 41%;transform:rotate(-12deg);opacity:.5}.cat-label{position:absolute;bottom:0;left:85px;font-size:12px;letter-spacing:1px;transform:rotate(-4deg)}.cat-label>span{display:block;font-size:11px;color:var(--muted);margin-top:2px}.hero-edition{position:absolute;right:0;bottom:47px;font:10px/1.5 ui-monospace,monospace;letter-spacing:.7px;color:#77786d}.section-nav{display:flex;align-items:center;gap:8px;position:sticky;top:12px;z-index:9;padding:7px;width:fit-content;max-width:calc(100% - 32px);margin-left:max(48px,calc((100% - 960px)/2));border:1px solid #deded6;background:#fffefaed;backdrop-filter:blur(14px);border-radius:40px;box-shadow:0 5px 22px #22220c07}.section-nav a{position:relative;z-index:1;padding:8px 21px;font-size:14px;white-space:nowrap;color:#63635f;transition:color .25s}.section-nav a.active{color:var(--ink)}.section-nav small{font-size:10px;margin-left:4px}.nav-marker{position:absolute;left:7px;top:7px;height:40px;background:var(--yellow);border-radius:30px;transition:transform .28s cubic-bezier(.2,.8,.2,1),width .28s}.section-heading{margin-bottom:32px;gap:30px}.section-heading h2{font-size:32px;letter-spacing:-1.3px;font-weight:750}.eyebrow{font:11px/1.7 ui-monospace,monospace;letter-spacing:1.3px}.section-heading>p{font-size:13px;line-height:1.9}.orange{color:var(--ink)}.project-grid{gap:43px 24px}.project-visual{height:285px;border-radius:11px;border:1px solid #22220c10}.project-meta{margin-top:19px}.project-meta h3{font-size:23px;letter-spacing:-.6px}.project-category{font-size:11px;letter-spacing:.5px}.project-index{font:12px ui-monospace,monospace;color:#8a8a7f}.project-description{font-size:14px;line-height:1.9;margin-top:12px}.inline-link{font-size:13px;margin-top:12px}.family-visual{background:#efeedc}.family-title{font-size:25px;left:22px;top:58px;line-height:1.4}.family-screen{width:136px;right:24px;top:53px;transform:rotate(6deg)}.family-label{font-size:10px;bottom:54px;left:23px}.pixel-star{display:none}.visual-top,.visual-bottom{left:22px;right:22px}.visual-top{font-size:10px;top:18px}.visual-bottom{font-size:11px;bottom:15px}.canal-overlay strong{font-size:30px}.canal-overlay{padding:24px}.cat-portraits{height:205px;top:35px}.cat-portraits img{height:180px}.cats-names{font-size:27px;bottom:37px}.chupin-content strong{font-size:29px}.chupin-content{padding:51px 25px}.project-archive{grid-template-columns:1fr;gap:30px;margin-top:80px;padding-top:40px;border-top:1px solid var(--line)}.archive-intro{display:grid;grid-template-columns:1fr 1fr;gap:12px 30px;align-items:end}.archive-intro>.eyebrow{grid-column:1/-1}.archive-intro h3{font-size:25px;line-height:1.4}.archive-intro p{font-size:13px;margin:0}.archive-groups{gap:28px}.archive-list>button{border-radius:0;padding:14px 0;background:transparent}.archive-group h4{font-size:13px}.archive-list strong{font-size:15px}.archive-list small{font-size:12px}.archive-action{font-size:11px}.archive-mark{background:#f3edda;border-radius:7px;color:#716540}.journal-section{background:#f3f1e780;border-block:1px solid #dcd9cc}.notes-layout{gap:27px;grid-template-columns:1fr 1fr}.note-feature{background:transparent;border-radius:0;border:0}.note-image{height:230px;border-radius:8px;overflow:hidden}.note-body{padding:23px 0 0}.note-body h3{font-size:27px;line-height:1.4}.note-body p{font-size:14px}.note-list>button{padding:23px 0}.note-list h3{font-size:19px}.note-list p{font-size:13px}.note-num{font:11px ui-monospace,monospace}.journal-signature{margin-top:38px}.journal-signature button{background:#fffdf7;border-radius:6px}.about-section{grid-template-columns:230px 1fr;gap:65px;padding-top:110px}.portrait-frame{transform:rotate(-4deg);box-shadow:none;background:#fff;padding:9px;border:1px solid #d9d7c9}.about-copy h2{font-size:32px;letter-spacing:-1px}.about-copy>p{font-size:14px;line-height:1.95}.portrait-note{font-size:17px}.experience-section{padding-top:16px;padding-bottom:85px;grid-template-columns:230px 1fr;gap:65px}.experience-heading h2{font-size:25px}.experience-heading>p{font-size:13px}.experience-entry h3{font-size:18px}.experience-entry p{font-size:14px}.experience-metrics strong{font-size:39px}.experience-metrics>div>span{font-size:11px}.history-note{font-size:11px!important}.services-section{padding-block:75px;border-top:1px solid var(--line)}.services-grid{gap:25px}.services-grid article{background:transparent;border:0;border-radius:0;padding:0}.services-grid h3{font-size:20px;margin:18px 0 12px}.services-grid p{font-size:14px}.services-grid article>span{font:11px ui-monospace,monospace}.working-process{border-radius:0;background:#f6edce;padding:23px;margin-top:35px}.working-process p{font-size:13px}.manifesto{background:var(--yellow);padding:78px 0;overflow:hidden}.manifesto p{font-size:clamp(28px,4.5vw,57px);line-height:1.4;letter-spacing:-2px;font-weight:750}.manifesto p>span{color:var(--ink)}.contact h2{font-size:55px;letter-spacing:-2px;line-height:1.25}.contact{grid-template-columns:1fr 230px;gap:35px}.contact p{font-size:14px}.contact-aside{border:0}.contact-doodle{font-size:65px;color:#baa04f}.button{border-radius:5px}.dark{background:var(--ink)}.text-link{font-size:13px}.footer{padding-block:30px}.footer>.wordmark{font-size:22px}.footer-bottom{flex-wrap:wrap;font-size:10px;gap:16px}.footer-location{margin-left:0}.reading-progress{position:fixed;left:28px;top:45%;height:120px;width:2px;background:#e0e0d6;z-index:10}.reading-progress i{display:block;background:#727268;width:2px;height:100%;transform:scaleY(0);transform-origin:top}.reading-progress span{font:10px ui-monospace,monospace;position:absolute;left:10px;bottom:-15px;color:#85857c}.pet-launcher{box-shadow:0 3px 20px #2222100d;border-color:#e0dcc9;background:#fffdf5}.pet-panel{background:#fffdf7}.content-dialog{background:#fffdf8}.dialog-top{background:#fffdf8}.dialog-lead{color:#77715e}button:active,.button:active{transform:scale(.98)}
@media(min-width:1500px){.hero-cats{right:0;top:232px}}
@media(max-width:1000px){.hero-cats{width:315px;right:-10px;top:232px}.cat-one{width:185px;left:0}.cat-two{width:190px;right:0}.hero h1{font-size:88px}.hero h1 .hero-name{font-size:108px}.hero{min-height:680px}.family-title{font-size:21px}.family-screen{right:12px;width:118px}.about-section,.experience-section{gap:40px;grid-template-columns:210px 1fr}.archive-action{display:none}}
@media(max-width:760px){.wrap{width:calc(100% - 44px)}.header{height:75px}.header-right{font-size:11px;gap:18px}.hero{padding-top:25px;min-height:665px;padding-bottom:54px}.hero-kicker{font-size:12px;margin-bottom:19px}.hero h1{font-size:clamp(54px,13.4vw,88px);letter-spacing:-3px;line-height:1.2}.hero h1 .hero-name{font-size:clamp(63px,15vw,100px);letter-spacing:-4px;margin-bottom:14px}.hero-cats{width:210px;height:230px;right:-8px;top:295px}.cat-one{width:125px;height:170px;top:8px;left:0}.cat-two{width:126px;height:170px;top:39px}.cat-halo{inset:35px 12px 30px}.cat-label{left:50px;bottom:0;font-size:10px}.cat-label>span{font-size:10px}.hero-roles{margin-top:17px;gap:15px;flex-wrap:wrap}.hero-roles strong{font-size:17px}.hero-roles>span{font-size:11px;letter-spacing:.4px}.hero-description{max-width:205px;font-size:13px;line-height:1.9;margin-top:18px}.hero-description br{display:none}.scroll-cue{margin-top:27px;gap:8px}.scroll-cue span{font-size:11px}.hero-edition{bottom:35px;left:0;right:auto;font-size:8px;letter-spacing:.3px}.section-nav{margin-left:22px;gap:0;padding:5px;top:9px;max-width:calc(100% - 44px);width:calc(100% - 44px);justify-content:space-between}.section-nav a{padding:8px 13px;font-size:12px}.section-nav small{font-size:9px}.nav-marker{top:5px;left:5px;height:37px}.section{padding-block:65px}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:27px;margin-top:10px;letter-spacing:-.9px}.section-heading>p{margin-top:15px;font-size:13px}.section-heading>p br{display:none}.project-grid{grid-template-columns:1fr;gap:35px}.project-visual{height:290px}.family-title{font-size:25px;top:65px}.family-screen{width:135px;right:25px}.project-meta h3{font-size:23px}.project-description{font-size:14px}.project-archive{margin-top:55px;padding-top:30px}.archive-intro{display:block}.archive-intro h3{margin-top:12px;font-size:25px}.archive-intro h3 br{display:none}.archive-intro p{margin-top:15px}.archive-groups{grid-template-columns:1fr}.archive-business{grid-column:auto}.archive-list>button{padding:15px 0}.archive-list small{font-size:12px}.archive-list strong{font-size:15px}.notes-layout{grid-template-columns:1fr;gap:28px}.note-image{height:235px}.note-body h3{font-size:26px}.note-list>button{padding:23px 0}.journal-signature{align-items:flex-start;gap:15px;flex-direction:column}.about-section{grid-template-columns:1fr;gap:38px}.about-portrait{max-width:170px;margin-left:9px}.portrait-note{margin-top:14px}.about-copy h2{font-size:28px}.about-copy>p{font-size:14px}.about-footer{font-size:12px}.experience-section{grid-template-columns:1fr;gap:28px;padding-block:15px 60px}.experience-heading h2{font-size:27px}.experience-heading>p br{display:none}.experience-entry{gap:13px}.experience-metrics{gap:35px}.experience-metrics strong{font-size:37px}.services-section{padding-block:55px}.services-grid{grid-template-columns:1fr;gap:35px}.services-grid h3{margin-top:12px}.working-process{display:flex;align-items:flex-start;flex-direction:column;gap:12px;padding:20px}.working-process p{font-size:12px;display:flex;flex-wrap:wrap;gap:6px}.manifesto{padding-block:55px}.manifesto p{font-size:29px;letter-spacing:-1px}.contact{grid-template-columns:1fr;gap:30px}.contact h2{font-size:46px}.contact-aside{display:none}.contact .actions{gap:19px}.contact .button{font-size:13px;padding:12px 18px}.footer{padding-block:25px}.footer>div:first-child{flex-wrap:wrap;gap:20px}.footer-bottom{gap:14px;line-height:1.9}.footer-location{display:none}.reading-progress{display:none}.header-pet{display:none}.pet-launcher{display:flex;right:15px;bottom:15px;padding:5px 9px}.pet-launcher>span:not(.launcher-dot){display:none}.pet-panel{right:12px;bottom:12px;width:min(320px,calc(100% - 24px))}}
@media(max-width:370px){.hero h1{font-size:53px}.hero h1 .hero-name{font-size:65px}.hero-cats{width:170px;right:-5px;top:314px}.cat-one{width:104px;left:0}.cat-two{width:105px}.cat-label{left:30px}.hero-description{max-width:155px}.section-nav a{padding:8px 9px;font-size:11px}.family-screen{width:114px;right:15px}.family-title{font-size:23px;left:18px}.hero{min-height:645px}.contact h2{font-size:43px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-cat{transform:none!important}}
@media(min-width:761px){.hero{padding-top:24px;min-height:650px}.hero h1{font-size:96px;line-height:1.14}.hero h1 .hero-name{font-size:118px}.hero-cats{top:190px}.hero-edition{bottom:27px}}
@media(max-width:760px){.hero-description{max-width:140px}.hero-cats{top:310px}.hero-roles{max-width:100%}}
@media(max-width:370px){.hero-description{max-width:125px}.hero-cats{top:330px}}
@media(max-width:760px){.hero{min-height:610px}.hero-edition{bottom:25px}}
html,body{overflow-x:clip;max-width:100%}
.family-label{display:none}
.dialog-primary-action{margin:18px 0 25px}
@media(max-width:760px){.family-title{top:41px;font-size:23px;letter-spacing:0}.family-screen{top:25px;width:124px;right:14px}.family-art{inset:55px 0 40px}.hero-description{max-width:140px}}
@media(max-width:370px){.family-title{font-size:20px;left:16px}.family-screen{width:105px;right:10px}.hero-description{max-width:125px}}
.header .wordmark{font-size:15px;letter-spacing:1.4px}

/* Recent apps */
.app-showcase{margin:0 0 clamp(36px,6vw,72px)}
.app-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 20px;margin-bottom:16px}
.app-heading h3{margin:0;font-size:clamp(22px,3vw,30px)}
.app-heading p{margin:0;font-size:14px}
.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid #24231c;background:#24231c}
.app-card{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:0;padding:clamp(14px,2vw,24px);border:0;border-radius:0;background:#fffdf3;color:#24231c;text-align:left;text-decoration:none;font:inherit;cursor:pointer}
.app-card:first-child{background:#f9e35b}
.app-card:hover,.app-card:focus-visible{background:#f7e884;color:#24231c}
.app-card:focus-visible{outline:2px solid #24231c;outline-offset:-4px}
.app-card-top{display:flex;align-items:center;justify-content:space-between;gap:4px;flex-wrap:wrap;margin-bottom:4px}
.app-card img{width:56px;height:56px;object-fit:contain;border-radius:13px}
.app-platform{font-size:11px;font-weight:700}
.app-card strong{font-size:clamp(17px,2vw,22px);line-height:1.25}
.app-desc{font-size:13px;line-height:1.6}
.app-action{margin-top:auto;padding-top:6px;font-size:12px;font-weight:750}
@media(max-width:720px){.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}