*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:#000;background:#fff}.sky-strip{height:96px;background-color:#27a8ed;background-image:radial-gradient(ellipse at 12% 60%,rgba(255,255,255,.93) 0 5%,rgba(255,255,255,.55) 12%,transparent 27%),radial-gradient(ellipse at 36% 45%,rgba(255,255,255,.78) 0 7%,rgba(255,255,255,.3) 18%,transparent 34%),radial-gradient(ellipse at 72% 75%,rgba(255,255,255,.83) 0 5%,rgba(255,255,255,.35) 17%,transparent 32%),linear-gradient(110deg,#77c8f4,#079ae3 58%,#62c9ed);background-position:center;background-size:cover;position:relative}.change-sky{position:absolute;right:18px;bottom:14px;background:#000;color:#fff;border-radius:999px;padding:8px 12px;font-size:12px;cursor:pointer}.change-sky input{display:none}.portfolio{min-height:max(calc(100vh - 96px),910px);display:grid;grid-template-columns:1fr 1fr}.profile,.work{min-width:0;padding:112px 6vw 86px}.profile{border-right:4px dotted #159ee8}.profile-inner{width:min(100%,430px);margin:0 auto}.profile h1{font-size:64px;line-height:1;margin:0 0 56px;font-weight:700;letter-spacing:-2px}.bio{font-size:19px;line-height:1.6;margin:0 0 44px;white-space:nowrap}.portrait{width:383px;max-width:100%;height:297px;border-radius:62px;background:#efefef;display:grid;place-items:center;overflow:hidden;color:#777;font-size:14px}.portrait span{border:1px dashed #aaa;border-radius:999px;padding:9px 15px}.buttons{width:386px;max-width:100%;display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:52px}.buttons a,.work-button{height:54px;border-radius:12px;background:#000;color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;font-size:16px}.work{display:flex;align-items:flex-start;justify-content:center}.work-inner{width:100%;text-align:center;padding-top:96px}.work h2{font-size:64px;line-height:1;margin:0;font-weight:700;letter-spacing:-2px}.work-button{width:268px;height:98px;margin:104px auto 0;font-size:17px;box-shadow:0 25px 45px rgba(0,0,0,.16)}a:focus-visible{outline:4px solid #159ee8;outline-offset:4px}@media(max-width:900px){.profile,.work{padding-left:4vw;padding-right:4vw}.bio{white-space:normal}}@media(max-width:760px){.sky-strip{height:72px}.portfolio{min-height:0;grid-template-columns:1fr}.profile,.work{padding:54px 24px}.profile{border-right:0;border-bottom:4px dotted #159ee8}.profile h1{font-size:52px;margin-bottom:34px}.bio{font-size:17px}.portrait{width:100%;height:280px;border-radius:45px}.work{min-height:520px}.work-inner{padding-top:48px}.work h2{font-size:50px}.work-button{margin-top:70px}}@media(max-width:420px){.buttons{gap:12px}.buttons a{font-size:15px}.portrait{height:240px}}
img.portrait{object-fit:cover;object-position:50% 42%;display:block}@media(min-width:761px){.portfolio{min-height:calc(100vh - 96px)}.profile,.work{padding-top:84px;padding-bottom:48px}.profile h1{font-size:60px;margin-bottom:42px}.bio{font-size:18px;line-height:1.5;margin-bottom:30px}.portrait{height:260px}.buttons{margin-top:32px}}
.sky-strip{background-image:url("assets/sky.jpg");background-position:center 42%;background-size:100% auto;background-repeat:no-repeat}
@media(min-width:901px){.bio{width:385px;max-width:100%;white-space:normal}}
.buttons{display:flex;justify-content:center}.buttons a{flex:0 0 182px}.work{position:relative}.contact-info{position:absolute;top:117px;left:0;right:0;margin:0;font-size:18px;line-height:1.5;font-weight:700}.contact-info em{display:flex;justify-content:center;gap:16px}.contact-info a{color:inherit;text-decoration:none}.contact-info a:hover{text-decoration:underline}.work h2{margin-top:18px}@media(max-width:760px){.buttons a{flex:1}.contact-info{position:static;margin:0;font-size:17px}.contact-info em{flex-direction:column;gap:2px}.contact-info span{display:none}.work h2{margin-top:20px}}
.portrait-button{padding:0;border:0;background:transparent;position:relative;width:383px;max-width:100%;cursor:pointer;border-radius:62px;overflow:hidden;text-align:left}.portrait-button .portrait{width:100%;transition:filter .2s}.portrait-button span{position:absolute;inset:auto 14px 14px auto;background:#000;color:#fff;border-radius:999px;padding:8px 12px;font:12px Arial,Helvetica,sans-serif;opacity:1}.crop-dialog{width:min(520px,calc(100% - 32px));border:0;border-radius:18px;padding:26px;background:#fff;color:#000;box-shadow:0 22px 80px #0005}.crop-dialog::backdrop{background:#0009}.crop-header{display:flex;justify-content:space-between;gap:20px;align-items:start}.crop-header p{margin:0 0 5px;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.crop-header h2{margin:0;font-size:28px}.close-crop{border:0;background:transparent;font-size:30px;line-height:1;cursor:pointer}.file-picker{display:block;margin:22px 0 16px;padding:12px 14px;border:1px solid #000;border-radius:9px;font-size:13px;font-weight:700;cursor:pointer}.file-picker input{display:none}.crop-frame{width:100%;aspect-ratio:383/260;border-radius:28px;overflow:hidden;background:#eee}.crop-frame img{width:100%;height:100%;object-fit:cover;transform-origin:center;transition:transform .05s}.crop-control{display:grid;grid-template-columns:130px 1fr;gap:12px;align-items:center;margin-top:16px;font-size:13px}.crop-control input{width:100%;accent-color:#159ee8}.crop-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.crop-actions button{padding:12px 16px;border-radius:9px;border:1px solid #000;background:#fff;font-weight:700;cursor:pointer}.crop-actions .use-crop{background:#000;color:#fff}@media(max-width:760px){.portrait-button{width:100%;border-radius:45px}.portrait-button .portrait{width:100%}.crop-control{grid-template-columns:1fr;gap:7px}}