:root{--paper:#f5f5f2;--ink:#2a363b;--muted:#596468;--teal:#217a74;--line:#d4d8d5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{display:block;max-width:100%}::selection{background:#4ecdc4;color:#2a363b}:focus-visible{outline:3px solid var(--teal);outline-offset:6px}.skip{position:fixed;top:-100px;background:white;padding:15px;z-index:99}.skip:focus{top:0}header,main,footer{width:calc(100% - 112px);max-width:1488px;margin:auto}header{height:116px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:23px;font-weight:650;letter-spacing:-.8px}.wordmark span{display:block;font-size:11px;letter-spacing:.03em;font-weight:400;margin-top:7px}nav{display:flex;gap:38px;font-size:13px}nav a:hover,.text-link:hover{color:var(--teal)}.hero{position:relative;padding:64px 0 60px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:600;line-height:1.5}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--teal);margin-right:10px}h1{font-size:clamp(90px,11.7vw,177px);line-height:.91;letter-spacing:-.075em;font-weight:500;margin:42px 0 36px}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--teal);letter-spacing:-.075em}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;max-width:840px}.hero-bottom p{font-size:16px;line-height:1.6;margin:0}.text-link{font-size:13px;display:inline-flex;gap:48px;padding-bottom:8px;border-bottom:1px solid currentColor}.folio{position:absolute;right:0;bottom:62px;font-size:10px;writing-mode:vertical-rl;letter-spacing:.12em}.work{padding:32px 0 80px}.section-line{border-top:1px solid var(--ink);padding-top:20px;display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.section-line h2{font-size:18px;font-weight:500;letter-spacing:-.4px;margin:0}sup{font-size:10px;margin-left:8px;color:var(--teal)}.section-line p{font-size:11px;color:var(--muted)}.projects{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;row-gap:50px}.project{min-width:0}.project:first-child{grid-column:1/-1}.project button{padding:0;border:0;background:none;text-align:left;width:100%;cursor:pointer}.art{aspect-ratio:1.25;background:#e9edeb;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.project:first-child .art{aspect-ratio:2.2;background:#e4eae8}.art img{width:60%;height:60%;object-fit:contain;mix-blend-mode:multiply;transition:transform .5s}.project:first-child .art img{width:35%;height:70%}.project:nth-child(2) .art{background:#ebe8e1}.project:nth-child(3) .art{background:#e9e9e5}.project:nth-child(4) .art{background:#e6e5e1}.project:nth-child(5) .art{background:#e2e9eb}.project button:hover img{transform:scale(1.035)}.art .open{position:absolute;bottom:20px;right:23px;font-size:21px}.project-info{display:flex;justify-content:space-between;padding-top:18px;gap:15px}.project h3{font-size:18px;letter-spacing:-.4px;font-weight:500;margin:0 0 8px}.project p{font-size:11px;color:var(--muted);margin:0}.project-number{font-size:11px;color:var(--muted)}.about{border-top:1px solid var(--line);padding:75px 0 90px;display:grid;grid-template-columns:1fr 1.5fr;gap:50px}.about h2{font-size:clamp(40px,5vw,70px);line-height:1.05;letter-spacing:-.05em;font-weight:500;margin:0 0 30px}.about p{max-width:560px;font-size:16px;line-height:1.7;color:var(--muted)}.about .text-link{margin-top:20px}.contact{background:var(--ink);color:var(--paper);padding:50px;margin-bottom:35px}.contact>.eyebrow{color:#7cd7ce;margin-bottom:32px}.contact>a{font-size:clamp(40px,6.5vw,92px);letter-spacing:-.05em;line-height:1.07;display:block}.contact>a span{color:#4ecdc4}.contact-bottom{border-top:1px solid #586165;margin-top:45px;padding-top:22px;display:flex;justify-content:space-between;font-size:12px}footer{display:flex;justify-content:space-between;font-size:10px;padding:0 0 35px;color:var(--muted)}dialog{border:0;padding:0;width:min(1150px,94vw);max-height:92vh;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#152529bd;backdrop-filter:blur(5px)}.dialog-bar{position:sticky;top:0;background:var(--paper);display:flex;justify-content:space-between;padding:20px 35px;border-bottom:1px solid var(--line);z-index:2;font-size:12px}.dialog-bar button{border:0;background:none;cursor:pointer}#project-detail{padding:40px}#project-title{font-weight:500;font-size:clamp(35px,5vw,65px);letter-spacing:-.05em;margin:10px 0 20px}.summary{font-size:19px;max-width:700px;line-height:1.6}.meta{font-size:12px;line-height:1.7;color:var(--muted);border-top:1px solid var(--line);padding:20px 0;margin:25px 0}.detail-image{background:white;margin:25px 0 8px;display:flex;justify-content:center}.detail-image img{max-height:950px;object-fit:contain;width:100%}.detail-image.logo img{max-height:460px;padding:70px}.caption{font-size:11px;color:var(--muted);margin:10px 0 32px}.notes{display:grid;grid-template-columns:1fr 1fr;gap:35px;border-top:1px solid var(--line);padding-top:30px}.notes h3{font-size:22px;font-weight:500;letter-spacing:-.5px}.notes p{font-size:14px;line-height:1.7;color:var(--muted)}.palette{display:grid;grid-template-columns:repeat(4,1fr);margin:35px 0}.swatch{height:130px;padding:15px;display:flex;align-items:flex-end;font-size:11px}.next{border:0;border-top:1px solid var(--ink);padding:25px 0;margin-top:30px;background:none;width:100%;text-align:left;cursor:pointer;font-size:17px}@media(max-width:700px){header,main,footer{width:calc(100% - 40px)}header{height:95px}.wordmark{font-size:20px}nav{gap:18px;font-size:11px}nav a:last-child{display:none}.hero{padding:45px 0 45px}h1{font-size:clamp(75px,16vw,110px);margin:35px 0}.hero-bottom{display:block}.hero-bottom p{font-size:14px}.hero-bottom .text-link{margin-top:30px}.folio{bottom:45px}.section-line{align-items:flex-start}.section-line p{max-width:120px;text-align:right;margin:0;line-height:1.5}.projects{grid-template-columns:1fr;row-gap:32px}.project:first-child .art{aspect-ratio:1.25}.project:first-child .art img{width:62%}.project-info{padding-top:14px}.about{grid-template-columns:1fr;gap:25px;padding:45px 0}.about p{font-size:15px}.contact{padding:30px 23px}.contact-bottom{gap:20px;font-size:10px;align-items:flex-start;flex-direction:column}footer{gap:15px;font-size:9px}footer>span:nth-child(2){display:none}#project-detail{padding:25px}.dialog-bar{padding:18px 25px}.notes{grid-template-columns:1fr;gap:10px}.detail-image.logo img{padding:30px}.swatch{height:95px;padding:8px;font-size:9px}.summary{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.art img{transition:none}}
/* Personal portfolio art direction */
:root{--paper:#171716;--ink:#efeee8;--muted:#a6a69e;--teal:#d7e4a0;--line:#41413c}html{background:var(--paper)}header,main,footer{width:calc(100% - 96px);max-width:1600px}header{height:100px;border:0}.wordmark{font-size:17px;letter-spacing:-.4px}.wordmark span{font-family:monospace;font-size:9px;color:var(--muted)}nav{font-size:12px;gap:35px}.hero{padding:45px 0 65px}.hero-top{display:grid;grid-template-columns:1fr 1fr auto;align-items:start}.hero-top .eyebrow{font:10px/1.7 monospace;letter-spacing:.05em}.hero-top p{font-size:17px;line-height:1.35;margin:0;letter-spacing:-.4px}.hero-scroll{width:56px;height:56px;border:1px solid #64645c;border-radius:50%;display:grid;place-items:center;font-size:25px}.hero-scroll:hover{background:var(--ink);color:var(--paper)}h1{font-size:clamp(115px,18.5vw,290px);line-height:.77;letter-spacing:-.085em;font-weight:650;margin:75px 0 45px}h1 span{color:var(--ink);display:inline-block;margin-left:23%}.hero-bottom{max-width:none;align-items:flex-end}.hero-bottom p{font-size:13px;line-height:1.5;color:var(--muted)}.folio{position:static;writing-mode:horizontal-tb;font:10px monospace;letter-spacing:.05em;color:var(--muted)}.work{padding:15px 0 100px}.section-line{border-color:var(--line);margin-bottom:35px;padding-top:22px}.section-line h2{font-size:13px}.section-line p{font-size:11px}.projects{grid-template-columns:repeat(12,1fr);gap:70px 30px}.project:first-child{grid-column:1/-1}.project:nth-child(2){grid-column:1/8}.project:nth-child(3){grid-column:8/-1;margin-top:150px}.project:nth-child(4){grid-column:1/6}.project:nth-child(5){grid-column:7/-1;margin-top:120px}.art{aspect-ratio:1.08!important;background:#e8e4da!important;color:#242421;isolation:isolate}.project:first-child .art{aspect-ratio:1.9!important;background:#e4e1d8!important}.board-label{position:absolute;top:25px;left:28px;font:9px/1.7 monospace;text-transform:uppercase;letter-spacing:.06em}.art .main-mark{position:absolute;width:57%;height:55%;left:22%;top:22%;object-fit:contain;mix-blend-mode:multiply}.project:first-child .main-mark{width:39%;height:60%;left:8%;top:17%}.system-preview{position:absolute;display:none}.project:first-child .system-preview{display:flex;width:32%;height:65%;right:8%;top:18%;align-items:center;transform:rotate(5deg);box-shadow:0 25px 50px #201d1826;background:white}.system-preview img{width:100%!important;height:100%!important;object-fit:contain;mix-blend-mode:normal}.board-foot{position:absolute;bottom:24px;left:28px;font:9px monospace;letter-spacing:.02em}.art .open{font-size:22px;bottom:20px;right:25px}.art-kidani-collectibles{background:#e6dfd1!important}.art-kidani-realty{background:#e9e7df!important}.art-thomas-j-gebhardt{background:#d9d9d4!important}.art-focuspoint-design{background:#d8e0dc!important}.project h3{font-size:20px;color:var(--ink)}.project-info{padding-top:20px}.project p{font-size:10px}.project-number{font:9px/1.7 monospace;text-align:right}.project button:hover .main-mark{transform:scale(1.05)}.project button:hover .system-preview img{transform:none}.about{padding:70px 0 100px;grid-template-columns:1fr 2fr;gap:40px}.about>.eyebrow{font:10px/1.7 monospace}.about h2{font-size:clamp(38px,5.4vw,80px);letter-spacing:-.06em;line-height:1.05}.about p{max-width:620px;font-size:16px}.about .text-link{font-size:12px}.contact{padding:60px 0 35px;background:none;border-top:1px solid var(--line);margin:0}.contact>.eyebrow{color:var(--muted);font:10px monospace}.contact>a{font-weight:500;font-size:clamp(43px,7.8vw,120px);letter-spacing:-.065em}.contact>a span{color:var(--teal)}.contact-bottom{margin-top:65px;padding-top:25px;border-color:var(--line);font-size:11px}.contact-bottom>a{text-decoration:underline;text-underline-offset:4px}footer{padding:40px 0;font:9px monospace}.dialog-bar{background:#171716;color:var(--ink);border-color:#41413c}dialog{background:#f1f0e9;color:#242421;--muted:#5c5c55;--line:#d0d0c7;--ink:#242421}.dialog-bar button{color:#efeee8}.dialog-bar>span{color:#efeee8}dialog::backdrop{background:#000b}.detail-image.logo img{mix-blend-mode:multiply}.detail-image{background:#e7e6df}.notes h3{font-weight:550}#project-title{font-weight:600}.skip{background:#efeee8;color:#171716}@media(min-width:1700px){h1{font-size:290px}}@media(max-width:850px){header,main,footer{width:calc(100% - 44px)}h1{font-size:19vw}.hero-top{grid-template-columns:1fr 1fr auto}.hero-top p{font-size:14px}.hero{padding-top:30px}.hero-scroll{width:40px;height:40px;font-size:20px}.projects{gap:45px 20px}.project:nth-child(3){margin-top:80px}.project:nth-child(5){margin-top:70px}.project-number{font-size:8px}.project h3{font-size:17px}.board-label{top:18px;left:18px;font-size:7px}.board-foot{bottom:18px;left:18px;font-size:7px}.about{grid-template-columns:1fr 2fr}.hero-bottom{display:flex}}@media(max-width:600px){header{height:88px}.wordmark{font-size:16px}.wordmark span{font-size:8px}nav{gap:18px}.hero-top{grid-template-columns:1fr auto}.hero-top p{display:none}h1{font-size:20.5vw;margin:65px 0 35px;line-height:.83}h1 span{margin-left:17%}.hero{padding-bottom:40px}.hero-bottom p{font-size:11px}.folio{font-size:8px;max-width:80px;text-align:right;line-height:1.6}.section-line p{max-width:145px;font-size:9px}.projects{grid-template-columns:1fr;row-gap:32px}.project:nth-child(n){grid-column:1!important;margin-top:0}.project:first-child .art{aspect-ratio:1.25!important}.project:first-child .main-mark{left:4%;width:47%;height:53%;top:23%}.project:first-child .system-preview{right:7%;width:32%;height:53%;top:26%}.art .main-mark{height:55%;width:57%}.project-number{font-size:8px}.project-info{padding-top:14px}.work{padding-bottom:65px}.about{grid-template-columns:1fr;gap:25px;padding:40px 0 60px}.about h2{font-size:38px}.about p{font-size:14px}.contact{padding-top:35px}.contact>a{font-size:11vw}.contact-bottom{margin-top:35px;flex-direction:column;gap:20px}.palette{grid-template-columns:1fr 1fr}footer{padding:30px 0}}

.hero-scroll{width:auto;height:auto;border:0;border-radius:0;font-size:11px;padding:0 0 5px;border-bottom:1px solid currentColor;align-self:start;margin-top:2px}.hero-scroll:hover{background:none;color:var(--teal)}nav a:hover{text-decoration:underline;text-underline-offset:6px}.project button:hover h3{text-decoration:underline;text-underline-offset:5px}.next:hover{text-decoration:underline;text-underline-offset:5px}@media(max-width:850px){.hero-scroll{width:auto;height:auto;font-size:10px}}

/* Recruiter-focused personal presentation */
.wordmark{font-size:16px;letter-spacing:-.45px}.hero{padding-top:35px}.full-name{font-size:clamp(82px,12.4vw,196px);line-height:.84;letter-spacing:-.075em;margin:55px 0 40px;font-weight:600}.full-name span{display:block;margin:0}.full-name span:nth-child(2){margin-left:16%}.full-name span:nth-child(3){margin-left:39%}.hero-top p{font-size:15px}.hero-bottom p{font-size:12px}.background-link{border-top:1px solid var(--line);margin-top:32px;padding-top:19px;display:flex;gap:30px;align-items:baseline;font-size:12px}.background-link span{font:9px monospace;color:var(--muted)}.background-link a{border-bottom:1px solid #73736b;padding-bottom:3px}.background-link a:hover{color:var(--teal)}.hiring-contact{display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px;padding:42px 0 44px}.hiring-contact .eyebrow{font:10px monospace;color:var(--muted);margin-bottom:20px}.hiring-contact h2{font-size:clamp(30px,3.7vw,54px);font-weight:500;letter-spacing:-.045em;margin:0 0 15px}.hiring-contact p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.hiring-contact>a.recruiter-link{font-size:12px;font-weight:400;letter-spacing:0;line-height:1.4;border-bottom:1px solid #83837a;padding-bottom:6px}.recruiter-link:hover{color:var(--teal)}footer{border-top:1px solid var(--line);padding:25px 0 30px;gap:20px}@media(min-width:1700px){.full-name{font-size:196px}}@media(max-width:850px){.full-name{font-size:13vw}.wordmark{font-size:14px}.wordmark span{font-size:8px}}@media(max-width:600px){.wordmark{font-size:13px;max-width:215px}.wordmark span{font-size:8px}nav{gap:14px}.hero{padding-top:23px}.full-name{font-size:15.4vw;line-height:.91;margin:40px 0 30px}.full-name span:nth-child(2){margin-left:8%}.full-name span:nth-child(3){margin-left:35%}.hero-top .eyebrow{font-size:8px}.hero-bottom p{font-size:10px}.hiring-contact{grid-template-columns:1fr;gap:25px;padding:35px 0}.hiring-contact h2{font-size:34px}.hiring-contact>a.recruiter-link{justify-self:start;font-size:12px}.background-link{gap:20px}.desktop-break{display:none}footer{font-size:8px}.about h2{font-size:38px}}