:root{--navy:#102039;--gold:#d9b56e;--ivory:#f7f3e8;--charcoal:#081426;--gutter:3.2vw;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--navy);color:var(--ivory);font-family:Arial,Helvetica,sans-serif;letter-spacing:-.035em}body.locked{overflow:hidden}button,a,summary{-webkit-tap-highlight-color:transparent}button,summary{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:7px}::selection{background:var(--gold);color:var(--navy)}.skip{position:fixed;top:-90px;left:20px;background:var(--ivory);color:var(--navy);padding:15px;z-index:300}.skip:focus{top:15px}.header{position:fixed;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:28px var(--gutter);z-index:50;pointer-events:none}.header>*{pointer-events:auto}.small-brand{color:var(--gold);font-weight:700;font-size:44px;letter-spacing:-.075em;opacity:0;transform:translateY(-70px);transition:.5s var(--ease)}.scrolled .small-brand{opacity:1;transform:none}.nav-actions{display:flex;gap:10px;align-items:center;transform:translateY(20vw);transition:transform .65s var(--ease)}.scrolled .nav-actions{transform:none}.circle,.pill{border:0;background:var(--ivory);color:var(--navy);display:inline-flex;align-items:center;justify-content:center;transition:background .25s,transform .3s var(--ease);font-size:18px;letter-spacing:-.04em}.circle{width:54px;height:54px;border-radius:50%}.pill{border-radius:100px;min-height:54px;padding:16px 27px;gap:20px}.pill:hover,.circle:hover{background:var(--gold);transform:translateY(-3px)}.menu-toggle{flex-direction:column;gap:5px}.menu-toggle span{display:block;width:15px;height:1.5px;background:var(--navy)}.hero{height:100svh;min-height:790px;max-height:1100px;position:relative;overflow:hidden}.hero h1{position:absolute;top:-.09em;left:2.1%;width:95%;margin:0;font-size:36vw;font-weight:700;line-height:1;letter-spacing:-.077em;color:var(--gold);text-align:center;animation:name-in 1.3s var(--ease) both}.hero-art-wrap{position:absolute;width:min(64vw,880px);height:auto;aspect-ratio:1;left:50%;top:22%;transform:translate(-50%,0);will-change:transform}.hero-art{width:100%;height:100%;object-fit:contain;animation:art-in 1.7s var(--ease) both;filter:drop-shadow(0 24px 30px #0e15242b);will-change:transform}.hero-left{position:absolute;left:var(--gutter);top:62%;display:flex;flex-direction:column;gap:18px;font-size:16px}.hero-left a{border-bottom:1px solid #f9fcf455;padding-bottom:9px;width:135px;display:flex;justify-content:space-between}.hero-left span{font-size:10px;opacity:.6}.latest-sticker{position:absolute;right:5.5%;bottom:17%;width:190px;transform:rotate(9deg);transition:transform .5s var(--ease)}.latest-sticker:hover{transform:rotate(0) scale(1.05)}.sticker-tag{display:inline-block;background:var(--gold);color:var(--navy);border-radius:30px;padding:10px 16px;font-size:13px;transform:rotate(-5deg) translate(-10px,10px);position:relative;z-index:2}.sticker-face{display:block;background:var(--ivory);color:var(--navy);padding:27px 18px 17px;font-size:35px;letter-spacing:-.06em;line-height:.96;border-radius:12px 12px 35px 12px;box-shadow:10px 14px 20px #0002}.sticker-face svg{display:block;margin:12px 0 0 auto}.hero-bottom{position:absolute;bottom:25px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;font-size:13px;letter-spacing:-.02em}.scroll-link{display:flex;align-items:center;gap:14px}.scroll-link svg{height:18px;width:18px;animation:down 1.6s ease-in-out infinite}.section{padding:100px var(--gutter) 120px;position:relative}.intro{padding:150px 8vw 180px}.intro h2{font-weight:400;font-size:clamp(48px,6.9vw,130px);text-align:center;line-height:1.02;letter-spacing:-.067em;margin:0}.intro h2 span{color:var(--gold)}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px}.section-heading h2,.section-heading p{margin:0;font-size:clamp(32px,4.4vw,76px);font-weight:400;letter-spacing:-.06em}.section-heading p{color:var(--gold)}.project-stage{position:relative;max-width:1180px;margin:110px auto 90px;display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:0 5% 90px}.project{border:0;border-radius:16px;text-align:left;padding:28px 32px 24px;display:flex;flex-direction:column;min-height:480px;aspect-ratio:.78;transition:rotate .6s var(--ease),scale .6s var(--ease);box-shadow:16px 25px 20px #0002}.project:hover{rotate:0deg;scale:1.025}.project-one{background:var(--gold);color:var(--navy);rotate:-7deg}.project-two{background:#b3c6d6;color:var(--navy);rotate:8deg;translate:0 75px}.project-kicker{font-size:15px;letter-spacing:-.02em}.project-title{font-size:clamp(54px,6.7vw,107px);font-weight:700;line-height:.87;letter-spacing:-.075em;margin:auto 0}.project-two .project-title{font-size:clamp(65px,9.5vw,145px);font-weight:400}.question{color:#496782}.project-bottom{display:flex;align-items:center;justify-content:space-between;font-size:17px;padding-top:25px}.round-arrow{width:42px;height:42px;border:1px solid #1d244050;border-radius:50%;display:grid;place-items:center}.work-caption{position:absolute;bottom:-30px;left:5%;font-size:18px;line-height:1.25;color:#f9fcf4a8}.about{margin-top:100px;background:var(--charcoal);padding-bottom:160px;padding-top:85px}.paper-edge{position:absolute;top:-70px;left:0;width:100%;height:80px;background:var(--ivory);clip-path:polygon(0 65%,2% 58%,4% 65%,6% 47%,8% 49%,10% 32%,12% 40%,14% 38%,16% 55%,18% 41%,20% 50%,22% 29%,24% 34%,26% 26%,28% 40%,30% 27%,32% 34%,34% 23%,36% 25%,38% 10%,40% 26%,42% 24%,44% 35%,46% 30%,48% 45%,50% 29%,52% 31%,54% 15%,56% 24%,58% 10%,60% 21%,62% 18%,64% 32%,66% 24%,68% 35%,70% 20%,72% 29%,74% 14%,76% 22%,78% 5%,80% 15%,82% 3%,84% 11%,86% 0,88% 15%,90% 5%,92% 14%,94% 9%,96% 20%,98% 9%,100% 18%,100% 100%,0 100%)}.paper-edge:after{content:"";position:absolute;inset:12px -5px -12px;background:var(--charcoal);clip-path:inherit}.about-mark{font-size:300px;line-height:1;font-weight:700;color:var(--gold);position:relative;width:280px;margin:85px auto 25px;rotate:-10deg;text-shadow:7px 9px 0 var(--ivory)}.about-mark span{position:absolute;right:-90px;top:15px;text-shadow:none;font-size:18px;background:var(--gold);color:var(--navy);padding:16px 24px;border-radius:50px;rotate:12deg;letter-spacing:-.025em}.about-statement{font-weight:400;font-size:clamp(48px,7.5vw,130px);text-align:center;line-height:1.04;letter-spacing:-.067em;margin:0}.about-statement span{color:var(--gold)}.bio{width:min(590px,100%);margin:45px auto 0;text-align:center}.bio p{font-size:23px;line-height:1.45;letter-spacing:-.03em}.bio summary{margin:15px auto 0;width:fit-content;cursor:pointer}.draft-copy{opacity:.55;font-size:14px!important}.life{padding-top:130px}.life-statement{font-size:clamp(52px,8.3vw,150px);font-weight:400;line-height:1;letter-spacing:-.075em;margin:120px 0 90px}.life-statement span{color:var(--gold)}.life-list details{border-top:1px solid #f9fcf455}.life-list details:last-child{border-bottom:1px solid #f9fcf455}.life-list summary{list-style:none;display:flex;align-items:center;gap:40px;padding:32px 0;cursor:pointer;font-size:clamp(27px,3.2vw,55px)}summary::-webkit-details-marker{display:none}.item-number{font-size:13px;letter-spacing:0;opacity:.55}.life-list summary svg{margin-left:auto;width:35px;height:35px;transition:rotate .3s}.life-list details[open] summary svg{rotate:45deg}.life-list details p{font-size:21px;line-height:1.5;max-width:600px;margin:0 0 36px 60px;color:#f9fcf4b3;letter-spacing:-.02em}.notes{padding-top:90px;padding-bottom:150px}.notes-list{margin-top:85px}.note{display:grid;grid-template-columns:27% 1fr 45px;align-items:center;text-align:left;gap:25px;border:none;border-top:1px solid #f9fcf455;background:none;width:100%;padding:40px 0;transition:color .25s,padding .3s}.note:last-child{border-bottom:1px solid #f9fcf455}.note:hover{color:var(--gold);padding-left:15px}.note-category{font-size:14px;letter-spacing:-.01em;opacity:.65}.note-title{font-size:clamp(28px,3.5vw,62px);letter-spacing:-.06em}.note svg{width:36px;height:36px}.ticker{overflow:hidden;padding:25px 0;border-top:1px solid #f9fcf42a;color:var(--gold)}.ticker div{white-space:nowrap;width:max-content;font-size:clamp(38px,5vw,80px);letter-spacing:-.05em;animation:ticker 35s linear infinite}footer{background:var(--gold);color:var(--navy);padding:70px var(--gutter) 24px}.footer-top{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:30px}.footer-top p{font-size:clamp(36px,5vw,85px);line-height:1;margin:0;letter-spacing:-.055em}.footer-top nav{display:flex;flex-direction:column;align-items:flex-start}.footer-top nav a{font-size:clamp(34px,4.5vw,75px);letter-spacing:-.055em;line-height:1.13}.footer-top nav a:hover{color:var(--ivory)}sup{font-size:12px;vertical-align:top;line-height:3;letter-spacing:0;margin-left:10px}.footer-name{font-size:35vw;line-height:1;letter-spacing:-.085em;display:flex;align-items:center;justify-content:space-between;font-weight:700;margin:40px 0 0}.footer-name span{font-size:19vw;font-weight:400;transition:transform .5s var(--ease)}.footer-name:hover span{transform:translateY(-25px)}.footer-bottom{border-top:1px solid #1d24403b;padding-top:22px;display:flex;justify-content:space-between;gap:18px;font-size:12px;letter-spacing:-.01em}.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:0;transform:translateY(45px);transition:opacity 1s var(--ease),transform 1s var(--ease)}.js-motion .reveal.visible{opacity:1;transform:none}dialog{color:var(--navy);border:0}dialog::backdrop{background:#090d22aa;backdrop-filter:blur(8px)}.menu-dialog{position:fixed;inset:0;margin:0;max-width:100%;max-height:100%;width:100%;height:100svh;background:var(--gold);padding:7vh 7vw;overflow:auto}.close{position:absolute;right:var(--gutter);top:28px}.menu-intro{font-size:20px;margin:0 0 6vh}.menu-dialog nav{display:flex;flex-direction:column;align-items:flex-start;gap:2vh}.menu-dialog nav a{font-size:clamp(42px,7vw,105px);letter-spacing:-.065em;line-height:1.07}.menu-dialog nav a:hover{color:var(--ivory)}.menu-signature{display:block;font-size:80px;letter-spacing:-.07em;margin-top:5vh;font-weight:700}.story-dialog{background:var(--ivory);border-radius:22px;width:min(800px,calc(100% - 30px));max-height:90svh;padding:80px 7% 55px}.story-dialog .close{right:20px;top:20px;background:var(--navy);color:var(--ivory)}.story-label{font-size:14px;text-transform:uppercase;letter-spacing:.07em;opacity:.6}.story-dialog h2{font-size:clamp(38px,5vw,75px);font-weight:400;line-height:1;letter-spacing:-.06em;margin:28px 0}.story-body p{font-size:20px;line-height:1.5;letter-spacing:-.025em}.story-dialog .pill{background:var(--navy);color:var(--ivory);margin-top:25px}.story-dialog[open],.menu-dialog[open]{animation:dialog-in .4s var(--ease)}
@keyframes name-in{from{opacity:0;translate:0 90px}to{opacity:1;translate:0 0}}@keyframes art-in{from{opacity:0;transform:translateY(160px) rotate(10deg) scale(.8)}to{opacity:1;transform:none}}@keyframes down{50%{transform:translateY(5px)}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes dialog-in{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}
@media(min-width:1700px){.hero-art-wrap{top:18%}.hero h1{font-size:34vw;top:-.14em}.nav-actions{transform:translateY(17vw)}}
@media(max-width:900px){.hero{min-height:720px;max-height:950px}.hero h1{top:7%;font-size:39vw;left:0}.hero-art-wrap{width:85vw;top:28%}.nav-actions{transform:none}.small-brand{font-size:34px}.header{padding:20px 5vw}.circle{width:48px;height:48px}.pill{min-height:48px;font-size:16px;padding:13px 22px}.hero-left{top:auto;bottom:110px;left:5vw}.latest-sticker{width:145px;right:6%;bottom:18%}.sticker-face{font-size:28px}.sticker-tag{font-size:11px;padding:8px 10px}.section{padding-left:6vw;padding-right:6vw}.project-stage{gap:9%;padding-left:0;padding-right:0}.project{min-height:350px;padding:20px}.project-kicker{font-size:12px}.project-bottom{font-size:13px}.project-title{font-size:7.4vw}.project-two .project-title{font-size:11vw}.work-caption{left:0}.bio p{font-size:20px}.note{grid-template-columns:1fr 36px;gap:12px}.note-category{grid-column:1/-1}.note-title{font-size:36px}.note svg{width:28px}.footer-name{margin-top:70px}.intro{padding-top:120px;padding-bottom:100px}}
@media(max-width:540px){html{scroll-padding-top:90px}.hero{min-height:760px;height:100svh;max-height:950px}.hero h1{top:15%;font-size:40vw;width:95%;left:0}.hero-art-wrap{top:31%;width:115vw}.hero-left{font-size:13px;bottom:95px;gap:12px}.hero-left a{width:110px}.latest-sticker{width:125px;right:8%;bottom:17%;rotate:-3deg}.sticker-face{font-size:25px;padding:24px 12px 12px}.hero-bottom{left:6vw;right:6vw;align-items:end;font-size:11px}.hero-bottom>span{max-width:145px;line-height:1.4}.scroll-link{gap:6px;font-size:11px}.header .pill{padding:12px 18px;gap:10px}.header .pill svg{width:18px}.hero-left,.latest-sticker{z-index:2}.intro{padding:90px 6vw 80px}.intro h2{font-size:11vw}.section{padding-top:75px;padding-bottom:85px}.section-heading{gap:15px}.section-heading h2,.section-heading p{font-size:29px}.section-heading p{font-size:26px}.project-stage{margin-top:70px;grid-template-columns:1fr;gap:45px;padding:0 7% 75px}.project{min-height:380px;padding:26px;aspect-ratio:.85}.project-two{translate:0 0;rotate:5deg}.project-one{rotate:-5deg}.project-title{font-size:23vw}.project-two .project-title{font-size:30vw}.project-kicker{font-size:14px}.project-bottom{font-size:16px}.work-caption{bottom:-15px;left:7%;font-size:16px}.about{margin-top:60px}.about-mark{font-size:230px;width:210px;margin:70px auto 20px}.about-mark span{right:-45px;font-size:14px;padding:13px 18px}.about-statement{font-size:12vw}.bio{margin-top:35px}.bio p{font-size:18px;line-height:1.5}.bio .pill{font-size:14px;gap:12px}.life-statement{font-size:13vw;margin:70px 0 55px}.life-list summary{font-size:26px;gap:17px;padding:25px 0;letter-spacing:-.045em}.life-list summary svg{width:25px;height:25px}.item-number{font-size:10px}.life-list details p{margin-left:30px;font-size:17px}.notes-list{margin-top:50px}.note{padding:27px 0}.note-title{font-size:30px}.note-category{font-size:11px}.footer-top{gap:25px}.footer-top p{font-size:31px}.footer-top nav a{font-size:34px}footer{padding:50px 6vw 25px}.footer-bottom{flex-wrap:wrap;font-size:10px;gap:15px}.footer-bottom>span:nth-child(2){order:3;width:100%}.footer-bottom>a{margin-left:auto}.footer-name{font-size:36vw}.menu-dialog{padding-top:90px}.menu-dialog nav{gap:25px}.menu-intro{font-size:15px;margin-bottom:55px}.menu-dialog nav a{font-size:12vw}.story-dialog{padding:75px 25px 35px}.story-body p{font-size:18px}.story-dialog .pill{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1!important;transform:none!important}.hero-art-wrap{transform:translate(-50%,0)!important}.hero-art{transform:none!important}}
/* Fit the short name and complete collage to the viewport. */
@media(min-width:901px){.hero h1{top:25px;font-size:30vw;line-height:.86}.hero-art-wrap{width:min(62vw,74svh,800px);top:22%}}
.project{min-width:0}
@media(max-width:540px){.project-stage{grid-template-columns:minmax(0,1fr)}.project-title{font-size:17vw}.project-two .project-title{font-size:26vw}}
/* Jeff's verified identity, projects and personal interests. */
.project-description{font-size:18px;line-height:1.3;max-width:230px;margin-bottom:25px;letter-spacing:-.025em}.book-project{background:#b3c6d6;overflow:hidden}.book-image{display:block;width:calc(100% + 64px);max-width:none;margin:auto -32px;object-fit:cover;aspect-ratio:1.15}.book-project .project-kicker{position:relative;z-index:1}.portrait-wrap{position:relative;width:min(440px,70vw);margin:110px auto 80px;rotate:-5deg}.portrait-wrap img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border:9px solid var(--ivory);border-radius:5px;box-shadow:20px 25px 35px #0003}.portrait-wrap figcaption{position:absolute;right:-70px;top:-15px;background:var(--gold);color:var(--navy);border-radius:40px;padding:18px 24px;rotate:10deg;font-size:22px}.text-link{display:inline-flex;align-items:center;gap:10px;border-bottom:1px solid currentColor;padding-bottom:6px;font-size:16px;color:var(--gold);margin:10px 0}.footer-connect{min-width:0}.contact-link{display:block;font-size:clamp(15px,1.5vw,23px);letter-spacing:-.025em;margin-top:20px;width:fit-content;border-bottom:1px solid #10203966;padding-bottom:4px}.story-dialog .story-external{background:var(--gold);color:var(--navy);margin-right:10px}.story-dialog .story-done{font-size:15px;padding:14px 20px;min-height:48px}.project-title{margin-top:auto;margin-bottom:30px}
@media(max-width:900px){.book-image{width:calc(100% + 40px);margin-left:-20px;margin-right:-20px}.project-description{font-size:15px}.portrait-wrap figcaption{right:-25px;font-size:18px}}
@media(max-width:540px){.portrait-wrap{margin:90px auto 65px;width:76vw}.portrait-wrap figcaption{right:-17px;padding:13px 18px;font-size:16px}.portrait-wrap img{border-width:6px}.book-image{width:calc(100% + 52px);margin-left:-26px;margin-right:-26px}.project-description{font-size:17px;margin-bottom:0}.project-title{font-size:18vw}.project-one{min-height:390px}.contact-link{font-size:13px}.footer-top{grid-template-columns:1.2fr 1fr}.footer-top nav a{font-size:30px}.story-dialog .story-external{font-size:14px;margin-right:0}.bio .text-link{font-size:13px}}
@media(max-width:540px){.project{width:100%;aspect-ratio:auto}.project-title{font-size:16.5vw}.project-description{font-size:16px}.book-project{min-height:390px}}
html{overflow-x:clip}