@import "https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@75..125,300..800&family=Montserrat:wght@400;500;600;700;800;900&family=Noto+Sans+KR:wght@300;400;500;600;700&display=swap";:root{color:#111318;font-synthesis:none;background:#f1f0eb;font-family:Archivo,Noto Sans KR,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}button{font:inherit}.progress{z-index:100;background:#ff5c35;height:3px;position:fixed;top:0;left:0}header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:50;background:#f1f0ebe8;border-bottom:1px solid #1113181c;justify-content:space-between;align-items:center;height:76px;padding:0 4.5vw;display:flex;position:fixed;inset:0 0 auto}.logo{letter-spacing:-.04em;font-weight:800}.logo sup{margin-left:.15rem;font-size:.45rem}nav{text-transform:uppercase;letter-spacing:.13em;gap:2.5rem;font-size:.68rem;font-weight:600;display:flex}nav a:hover{color:#ff5c35}header button{background:0 0;border:0;display:none}.hero{flex-direction:column;justify-content:space-between;min-height:100vh;padding:120px 4.5vw 44px;display:flex;position:relative;overflow:hidden}.heroMeta,.heroFoot,.projectMeta,.contactFoot{letter-spacing:.13em;justify-content:space-between;font-size:.64rem;display:flex}.heroTitle{z-index:2;position:relative}.heroTitle>p{margin:0 0 1.3rem;font-size:clamp(1.2rem,2vw,2rem)}.hero h1{letter-spacing:-.075em;text-transform:uppercase;margin:0;font-size:clamp(4rem,10vw,10rem);font-weight:700;font-stretch:75%;line-height:.84}.hero h1 em{text-transform:none;color:#ff5c35;font-family:Georgia,serif;font-weight:400}.heroFoot{align-items:end}.heroFoot>p{letter-spacing:0;margin:0;font-size:clamp(.82rem,1vw,1rem);line-height:1.7}.scroll{align-items:center;gap:.7rem;display:flex}.orb{filter:saturate(.9);opacity:.92;background:radial-gradient(circle at 32% 30%,#ffb295,#ff5c35 35%,#bd2b15 70%);border-radius:50%;width:35vw;height:35vw;position:absolute;top:20%;right:2vw}.kicker{letter-spacing:.17em;font-size:.65rem;font-weight:700}.light{color:#a4a8b0}.intro{padding:140px 4.5vw 170px}.introGrid{grid-template-columns:1.1fr .9fr;gap:12vw;margin-top:90px;display:grid}.intro h2,.stack h2,.projectIntro h2{letter-spacing:-.06em;margin:0;font-size:clamp(3rem,6.2vw,7rem);font-weight:600;line-height:1.02}.introGrid>div>p{color:#5f6369;max-width:580px;line-height:1.9}.introGrid .lead{color:#111318;margin-top:.4rem;font-size:1.35rem;line-height:1.65}.career{border-top:1px solid #c7c6c0;grid-template-columns:150px 1fr;margin-top:65px;padding-top:25px;font-size:.8rem;line-height:1.7;display:grid}.career strong{font-size:.65rem}.stack{color:#f3f3ef;background:#0b0d12;padding:130px 4.5vw}.stackHead{justify-content:space-between;align-items:end;margin:80px 0 90px;display:flex}.stackHead h2 em{color:#8da2ff;font-family:Georgia,serif;font-weight:400}.stackHead>span{letter-spacing:.15em;color:#858992;font-size:.6rem}.tabs{border-bottom:1px solid #33363e;grid-template-columns:repeat(3,1fr);display:grid}.tabs button{color:#777c87;text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #33363e;justify-content:space-between;padding:25px 0;font-size:1.15rem;display:flex}.tabs button+button{padding-left:3vw}.tabs button small{padding-right:3vw}.tabs button.active{color:#f3f3ef;border-top:2px solid #8da2ff}.skillPanel{grid-template-columns:1fr 2fr;min-height:360px;padding:70px 0 20px;display:grid}.skillPanel>p{letter-spacing:.14em;color:#8da2ff;font-size:.63rem}.skillPanel>div{flex-wrap:wrap;align-content:start;gap:12px;display:flex}.skillPanel span{border:1px solid #3b3e47;border-radius:100px;padding:.75rem 1.1rem;font-size:clamp(1rem,1.6vw,1.5rem);animation:.45s both rise}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}.projectIntro{padding:140px 4.5vw}.projectIntro h2{margin-top:75px}.project{border-top:1px solid #c7c6c0;grid-template-columns:31% 69%;min-height:100vh;display:grid;position:relative}.projectSticky{height:fit-content;padding:60px 4.5vw;position:sticky;top:76px}.projectSticky>span{letter-spacing:-.08em;color:#d0cfc9;font-size:clamp(5rem,11vw,11rem);font-weight:700;line-height:.8}.projectSticky p{letter-spacing:.14em;margin-top:55px;font-size:.62rem}.projectBody{border-left:1px solid #c7c6c0;padding:60px 5vw 100px;position:relative}.project h3{letter-spacing:-.065em;margin:0 0 45px;font-size:clamp(3rem,6vw,7rem);line-height:.95}.summary{max-width:780px;font-size:clamp(1.15rem,1.7vw,1.6rem);line-height:1.65}.projectStack{letter-spacing:.08em;color:#696d73;margin:50px 0 30px;font-size:.72rem}.project ul{border-top:1px solid #c7c6c0;max-width:750px;margin:0;padding:0;list-style:none}.project li{border-bottom:1px solid #c7c6c0;padding:20px 0 20px 25px;line-height:1.6;position:relative}.project li:before{content:"↳";color:#ff5c35;position:absolute;left:0}.projectBody>a{letter-spacing:.12em;border-bottom:1px solid;align-items:center;gap:.6rem;margin-top:45px;padding-bottom:.5rem;font-size:.7rem;display:inline-flex}.projectBody>a svg{width:16px}.projectCount{letter-spacing:.1em;font-size:.65rem;position:absolute;bottom:105px;right:5vw}.lime .projectSticky>span{color:#cddcb7}.orange .projectSticky>span{color:#f2c2a6}.violet .projectSticky>span{color:#c5c0e5}.pink .projectSticky>span{color:#e5bdc9}.contact{color:#f3f3ef;background:#0b0d12;flex-direction:column;justify-content:space-between;min-height:90vh;padding:110px 4.5vw 40px;display:flex}.contact>p{letter-spacing:-.06em;font-size:clamp(2.7rem,6vw,7rem);font-weight:600;line-height:1.05}.contact>a{border-bottom:1px solid #50535b;align-items:center;gap:1rem;padding-bottom:20px;font-size:clamp(1.2rem,2vw,2rem);display:flex}.contact>a svg:last-child{margin-left:auto}.contactFoot{color:#858992;align-items:center}.contactFoot a{align-items:center;gap:.5rem;display:flex}.contactFoot svg{width:15px}@media (width<=760px){header{height:64px}header button{z-index:2;display:block}nav{background:#f1f0eb;flex-direction:column;justify-content:center;align-items:center;font-size:1.3rem;transition:all .35s;position:fixed;inset:0;transform:translateY(-100%)}nav.open{transform:none}.hero{min-height:760px;padding-top:105px}.heroMeta span:last-child{display:none}.hero h1{font-size:clamp(3.6rem,17vw,7rem)}.heroFoot{display:block}.scroll{margin-top:2rem}.orb{opacity:.55;width:75vw;height:75vw;top:22%;right:-24vw}.intro,.projectIntro{padding:95px 5vw}.introGrid{grid-template-columns:1fr;gap:3rem;margin-top:55px}.career{grid-template-columns:1fr;gap:.8rem}.stack{padding:90px 5vw}.stackHead{margin:55px 0;display:block}.stackHead>span{display:none}.tabs button{font-size:.85rem}.tabs button+button{padding-left:1rem}.tabs button small{display:none}.skillPanel{grid-template-columns:1fr;padding-top:45px}.skillPanel>p{margin-bottom:2rem}.project{grid-template-columns:1fr;min-height:auto}.projectSticky{padding:55px 5vw 25px;position:relative;top:0}.projectSticky>span{font-size:6rem}.projectSticky p{margin:25px 0 0}.projectBody{border-left:0;padding:30px 5vw 110px}.projectMeta{padding-bottom:45px}.projectMeta span:last-child{display:none}.projectCount{bottom:55px}.contact{min-height:720px;padding:90px 5vw 35px}.contactFoot{font-size:.55rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}:root{color:#393e46;background:#fff;font-family:Montserrat,Noto Sans KR,sans-serif}header{background:#fffffff0;border-color:#20242a18}.logo{font-weight:900}nav{font-weight:700}.hero{background:#fff;min-height:100vh;padding-top:104px}.nameRail{color:#eff0f2;letter-spacing:-.08em;white-space:nowrap;gap:7vw;width:max-content;font-size:clamp(6rem,15vw,13rem);font-weight:900;line-height:.8;animation:22s linear infinite rail;display:flex;position:absolute;top:105px;left:0}.nameRail span:nth-child(2){-webkit-text-stroke:2px #e2e4e7;color:#0000}@keyframes rail{to{transform:translate(-52%)}}.heroTitle{z-index:2;margin-top:22vh}.heroTitle>p{margin-bottom:1.4rem;font-size:clamp(1rem,1.5vw,1.35rem);font-weight:700}.hero h1{letter-spacing:-.07em;text-transform:none;max-width:1200px;font-size:clamp(2.7rem,6.4vw,6.7rem);line-height:1.12}.hero h1 em{color:#6c63ff;font-family:inherit;font-style:normal;position:relative}.hero h1 em:after{content:"";z-index:-1;opacity:.8;background:#fff26a;height:12px;position:absolute;bottom:4px;left:-1%;right:-1%}.heroFoot{z-index:2;border-top:1px solid #dfe1e4;padding-top:24px}.scroll{font-weight:700}.intro,.projectIntro{position:relative;overflow:hidden}.intro:before,.stack:before,.projectIntro:before{letter-spacing:-.08em;white-space:nowrap;margin-bottom:95px;font-size:clamp(4.5rem,11vw,11rem);font-weight:900;line-height:.78;display:block}.intro:before{content:"About. About.";color:#f0f1f2}.intro .kicker{color:#6c63ff}.intro h2 span{color:#6c63ff;font-family:inherit;font-weight:800}.stack{background:#252932;padding-top:115px;position:relative}.stack:before{content:"Strength. Strength.";color:#303640}.stackHead h2 em{color:#fff26a;font-family:inherit;font-style:normal}.tabs button.active{border-color:#fff26a}.skillPanel span{background:#2e333d;border-color:#555b67;border-radius:4px;font-weight:600}.projectIntro .kicker{color:#6c63ff}.project{background:#fff}.project:nth-of-type(2n){background:#f7f7f8}.project h3{font-weight:900}.project li:before{color:#6c63ff}.projectBody>a{color:#6c63ff;font-weight:700}.contact .light,.contactFoot{color:#dad8ff}.contact>p{font-weight:800}@media (width<=760px){.nameRail{font-size:24vw;top:130px}.heroTitle{margin-top:24vh}.hero h1{font-size:clamp(2.35rem,11vw,4.6rem)}.hero h1 em:after{height:7px}.intro:before,.stack:before,.projectIntro:before{margin-bottom:65px;font-size:16vw}.heroFoot{display:block}.stack:before{white-space:normal}.projectSticky>span{-webkit-text-stroke:1px #d7d9dd}}.hero{color:#f7f7f3;isolation:isolate;background:#11141b;padding:112px 4.5vw 38px 10.5vw}.hero:before{content:"";z-index:-2;background-color:#0000;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:6.25vw 6.25vw;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.hero:after{content:"";z-index:-1;border:1px solid #ffffff17;border-radius:50%;width:48vw;height:48vw;position:absolute;top:8vh;right:-13vw;box-shadow:0 0 0 8vw #ffffff05,0 0 0 16vw #ffffff03}.heroMeta{color:#9da2ad}.heroAside{writing-mode:vertical-rl;letter-spacing:.35em;color:#777d89;align-items:center;gap:1rem;font-size:.62rem;font-weight:700;display:flex;position:absolute;top:50%;left:3vw;transform:translateY(-43%)}.heroAside i{background:#424650;width:1px;height:115px}.heroTitle{margin-top:9vh}.available{color:#b8f36b;letter-spacing:.14em;border:1px solid #3c414b;border-radius:100px;align-items:center;gap:.6rem;width:max-content;margin-bottom:2.3rem;padding:.55rem .8rem;font-size:.58rem;font-weight:700;display:flex}.available i{background:#b8f36b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #b8f36b18}.heroTitle>p{color:#9da2ad;text-transform:uppercase;letter-spacing:.2em;margin-bottom:1.3rem;font-size:.7rem}.hero h1{color:#f7f7f3;letter-spacing:-.07em;max-width:1080px;font-size:clamp(3rem,6.2vw,6.6rem);font-weight:700;line-height:1.04}.hero h1 em{color:#b8f36b;font-style:normal}.hero h1 em:after{display:none}.heroTech{flex-wrap:wrap;gap:.5rem;margin:4vh 0 2vh;display:flex}.heroTech span{color:#bcc0c9;letter-spacing:.08em;background:#ffffff06;border:1px solid #3b404a;border-radius:3px;padding:.48rem .75rem;font-size:.62rem}.heroFoot{border-color:#343943;align-items:center}.heroFoot>p{color:#aeb2bb}.scroll{color:#f7f7f3;gap:1rem}.scroll>span{letter-spacing:.16em;font-size:.62rem}.scroll>i{color:#11141b;background:#b8f36b;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.scroll svg{width:17px}.heroMark{color:#ffffff05;letter-spacing:-.12em;z-index:-1;font-size:clamp(16rem,35vw,36rem);font-weight:900;line-height:.75;position:absolute;bottom:-7vw;right:2vw}@media (width<=760px){.hero{min-height:820px;padding:98px 5vw 30px}.hero:before{background-size:22vw 22vw}.hero:after{width:95vw;height:95vw;top:18vh;right:-47vw}.heroAside{display:none}.heroTitle{margin-top:8vh}.available{margin-bottom:1.7rem;font-size:.48rem}.heroTitle>p{font-size:.58rem}.hero h1{font-size:clamp(2.55rem,12vw,4.5rem);line-height:1.08}.heroTech{margin:2.4rem 0 1rem}.heroFoot{gap:1rem;display:flex}.heroFoot>p{font-size:.72rem}.scroll>span{display:none}.scroll>i{width:42px;height:42px}.heroMark{bottom:6vh;right:-7vw}}:root{--mint:#00adb5;--ink:#393e46;--paper:#fff;--soft:#eee}.progress{background:var(--mint)}header{background:#fffe;border:0;height:70px;padding:0 5vw}.logo{letter-spacing:.18em;color:var(--ink);font-size:.82rem}nav{color:#687078;gap:2rem}.hero{background:var(--paper);min-height:100vh;color:var(--ink);text-align:center;padding:125px 0 34px;display:block;overflow:hidden}.heroName{letter-spacing:-.085em;color:var(--mint);white-space:nowrap;justify-content:center;gap:2.2vw;font-size:clamp(5rem,12.5vw,10rem);font-weight:900;line-height:.92;display:flex}.heroName span:nth-child(2){color:#0000;-webkit-text-stroke:2px var(--mint)}.heroRoles{letter-spacing:-.055em;gap:.15rem;margin-top:8vh;font-size:clamp(2.4rem,5.6vw,4.5rem);font-weight:800;line-height:.9;display:grid}.heroRoles span{animation:8s infinite roleFade}.heroRoles span:nth-child(2){color:#cbd0d3}.heroRoles span:nth-child(3){color:var(--mint)}.heroRoles span:nth-child(4){color:#cbd0d3}@keyframes roleFade{0%,to{opacity:.75;transform:translate(-10px)}50%{opacity:1;transform:translate(10px)}}.heroProfile{text-align:left;font-size:.72rem;line-height:1.6;position:absolute;bottom:36px;left:5vw}.heroProfile strong{font-size:1rem}.heroProfile p{color:#777e85;margin:.45rem 0 1rem}.heroProfile div{letter-spacing:.12em;gap:1rem;font-size:.6rem;font-weight:700;display:flex}.heroProfile a{border-bottom:1px solid}.hero>.scroll{color:var(--ink);position:absolute;bottom:36px;right:5vw}.hero>.scroll i{background:var(--mint);color:#fff}.intro{background:#fff;padding:150px 8vw}.intro:before{content:"About. About.";color:#eceeef;text-align:left;font-size:clamp(5rem,12vw,11rem)}.introGrid{grid-template-columns:1fr 1fr;margin-top:70px}.introGrid .lead{font-weight:700}.stack{background:var(--soft);color:var(--ink);padding:140px 8vw}.stack:before{content:"Strength. Strength.";color:#dfe2e4;text-align:left}.stackHead h2 em{color:var(--mint)}.stackHead>span{color:#858b91}.tabs button{color:#8c9297;border-color:#cdd1d3}.skillPanel span{color:var(--ink);background:#fff;border:0;border-radius:0;box-shadow:0 3px 16px #1a232c0a}.careerSection{background:#fff;padding:140px 8vw}.careerTitle{letter-spacing:-.08em;color:#eceeef;white-space:nowrap;margin-bottom:110px;font-size:clamp(5rem,12vw,11rem);font-weight:900;line-height:.8}.careerRow{border-top:2px solid var(--ink);border-bottom:1px solid #ccd0d2;grid-template-columns:1.4fr 1fr auto;align-items:start;gap:4vw;padding:38px 0;display:grid}.careerRow h3{letter-spacing:-.05em;margin:0;font-size:clamp(1.7rem,3vw,3.2rem)}.careerRow p{margin:0;line-height:1.7}.careerRow>span{letter-spacing:.08em;font-size:.7rem}.careerWorks{grid-template-columns:1fr 1fr;gap:5vw;margin:60px 0 0 31%;display:grid}.careerWorks article{border-top:1px solid #ccd0d2;padding-top:20px}.careerWorks span{color:var(--mint);font-size:.65rem;font-weight:700}.careerWorks h4{margin:1.1rem 0;font-size:1.25rem}.careerWorks p{color:#747a80;font-size:.88rem;line-height:1.75}.projectIntro{background:var(--soft);padding:140px 8vw}.projectIntro:before{content:"Projects. Projects.";color:#dfe2e4}.projectIntro h2{max-width:900px}.project{border-color:#ccd0d2;background:var(--soft)!important}.projectSticky>span{-webkit-text-stroke:2px #bfc5c8;color:#0000!important}.projectBody{border-color:#ccd0d2}.project h3{color:var(--ink)}.contact{background:var(--ink)}.contact>a{border-color:#777f88}.contact>p{color:#fff}.contactFoot{color:#b8bec3}@media (width<=760px){header{height:60px}.logo{font-size:.68rem}nav{font-size:1.1rem}.hero{min-height:780px;padding-top:120px}.heroName{gap:2vw;font-size:18vw}.heroName span:nth-child(2){-webkit-text-stroke:1px var(--mint)}.heroRoles{margin-top:10vh;font-size:11vw}.heroProfile{bottom:95px;left:5vw;right:5vw}.hero>.scroll{bottom:28px}.intro,.stack,.careerSection,.projectIntro{padding:95px 5vw}.intro:before,.stack:before,.projectIntro:before,.careerTitle{margin-bottom:65px;font-size:16vw}.careerRow{grid-template-columns:1fr}.careerRow>span{grid-row:1}.careerWorks{grid-template-columns:1fr;gap:2rem;margin:50px 0 0}}:root{--hh-bg:#1c1b18;--hh-text:#f5f2e6;--hh-muted:#93907f;--hh-line:#514f46;--hh-panel:#24231f}html{background:var(--hh-bg)}body{background:var(--hh-bg);color:var(--hh-text);font-family:Noto Sans KR,sans-serif}.progress{background:#d8d3bd;height:2px;left:220px}header{background:var(--hh-bg);border-right:1px solid #35342f;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:220px;height:100vh;padding:38px 28px;display:flex;position:fixed;inset:0 auto 0 0}.logo{letter-spacing:.02em;color:var(--hh-text);margin-bottom:48px;font-size:.82rem;line-height:1.5}nav{color:var(--hh-muted);letter-spacing:0;text-transform:none;flex-direction:column;gap:1.55rem;font-size:.78rem;display:flex}nav a{padding-left:14px;position:relative}nav a:before{content:"";background:currentColor;width:5px;height:1px;position:absolute;top:50%;left:0}.railProfile{object-fit:cover;border:2px solid #767263;border-radius:50%;width:135px;height:135px;margin:auto auto 8px}main{background:var(--hh-bg);margin-left:220px}.hero{background:var(--hh-bg);min-height:auto;color:var(--hh-text);text-align:left;border-bottom:1px solid var(--hh-line);padding:100px 6vw 95px;display:block}.hero:before,.hero:after{display:none}.profileHead{border-bottom:1px solid var(--hh-line);grid-template-columns:1fr auto;align-items:end;gap:1rem;padding-bottom:38px;display:grid}.profileHead>div:first-child{grid-row:1/3}.profileHead h1{letter-spacing:-.06em;color:var(--hh-text);margin:0;font-size:clamp(2.5rem,5vw,4.3rem);line-height:1}.profileHead>div:first-child span{color:var(--hh-muted);letter-spacing:.15em;margin-top:12px;font-size:.68rem;display:block}.profileHead>p{color:var(--hh-text);border:1px solid #706d60;margin:0;padding:.45rem .7rem;font-size:.8rem}.profileLinks{justify-content:flex-end;gap:1.2rem;display:flex}.profileLinks a{letter-spacing:.12em;color:var(--hh-muted);border-bottom:1px solid;font-size:.62rem}.heroCopy{max-width:780px;margin-top:42px}.heroCopy strong{font-size:clamp(1.2rem,2vw,1.8rem)}.heroCopy p{color:#dedbd0;margin:1.5rem 0 0;font-size:.92rem;line-height:1.95}.intro{background:var(--hh-bg);color:var(--hh-text);border-bottom:1px solid var(--hh-line);padding:90px 6vw 110px}.intro:before{display:none}.introGrid{grid-template-columns:210px 1fr;gap:5vw;margin:0}.intro h2{letter-spacing:-.03em;font-size:1.5rem;line-height:1.5}.intro h2 span{color:var(--hh-muted)}.introGrid .lead{color:var(--hh-text);font-size:1.05rem}.introGrid>div>p{color:#c9c6bb}.career{border-color:var(--hh-line);grid-template-columns:145px 1fr}.stack{background:var(--hh-bg);color:var(--hh-text);border-bottom:1px solid var(--hh-line);padding:95px 6vw}.stack:before{content:"SKILLS ABILITY";color:var(--hh-text);letter-spacing:-.04em;margin:0 0 58px;font-size:clamp(2rem,4vw,2.7rem);line-height:1;display:block}.stackHead{align-items:start;margin:0 0 55px}.stackHead h2{letter-spacing:-.03em;font-size:1.35rem}.stackHead h2 em{color:var(--hh-muted);font-style:normal}.tabs{border-color:var(--hh-line)}.tabs button{color:var(--hh-muted);border-color:var(--hh-line);font-size:.92rem}.tabs button.active{color:var(--hh-text);border-color:var(--hh-text)}.skillPanel{min-height:260px;padding:48px 0 0}.skillPanel>p{color:var(--hh-muted)}.skillPanel span{background:var(--hh-panel);color:var(--hh-text);border:1px solid var(--hh-line);box-shadow:none;border-radius:2px;font-size:.88rem}.careerSection{background:var(--hh-bg);color:var(--hh-text);border-bottom:1px solid var(--hh-line);padding:95px 6vw}.careerTitle{color:var(--hh-text);letter-spacing:-.04em;margin:0 0 58px;font-size:clamp(2rem,4vw,2.7rem);line-height:1}.careerRow{border-top:1px solid var(--hh-line);border-bottom:1px solid var(--hh-line);grid-template-columns:190px 1fr auto}.careerRow h3{color:var(--hh-text);font-size:1.25rem}.careerRow p,.careerWorks p{color:#c5c2b7}.careerRow>span,.careerWorks span{color:var(--hh-muted)}.careerWorks{margin-left:190px}.careerWorks article{border-color:var(--hh-line)}.careerWorks h4{color:var(--hh-text)}.projectIntro{background:var(--hh-bg);color:var(--hh-text);padding:95px 6vw 55px}.projectIntro:before{content:"PROJECTS";color:var(--hh-text);letter-spacing:-.04em;margin:0 0 58px;font-size:clamp(2rem,4vw,2.7rem);line-height:1;display:block}.projectIntro h2{letter-spacing:-.03em;font-size:1.35rem;line-height:1.5}.project{min-height:auto;color:var(--hh-text);border-color:var(--hh-line);grid-template-columns:190px 1fr;margin:0 6vw;background:var(--hh-bg)!important}.projectSticky{padding:48px 0;position:static}.projectSticky>span{display:none}.projectSticky p{color:var(--hh-muted);margin:0;font-size:.66rem;line-height:1.6}.projectBody{border-color:var(--hh-line);padding:48px 0 70px 4vw}.projectMeta{color:var(--hh-muted);padding-bottom:38px}.project h3{color:var(--hh-text);font-size:clamp(1.8rem,3.2vw,3rem)}.summary{color:var(--hh-text);font-size:1rem}.projectStack{color:var(--hh-muted)}.project ul,.project li{border-color:var(--hh-line)}.project li{color:#cbc8bd;font-size:.88rem}.project li:before,.projectBody>a{color:var(--hh-text)}.projectCount{color:var(--hh-muted);bottom:72px}.contact{background:var(--hh-panel);min-height:520px;margin-top:90px;padding:95px 6vw 35px}.contact>p{color:var(--hh-text);font-size:clamp(2rem,4vw,3.7rem)}.contact>a{color:var(--hh-text);border-color:var(--hh-line)}@media (width<=760px){.progress{left:0}header{border-bottom:1px solid #35342f;border-right:0;flex-direction:row;align-items:center;width:100%;height:60px;padding:0 5vw;inset:0 0 auto}.logo{margin:0}.railProfile{display:none}header button{color:var(--hh-text)}nav{background:var(--hh-bg);color:var(--hh-text);position:fixed}main{margin-left:0}.hero{padding:105px 5vw 70px}.profileHead{grid-template-columns:1fr}.profileHead>div:first-child{grid-row:auto}.profileLinks{justify-content:flex-start}.intro,.stack,.careerSection,.projectIntro{padding:75px 5vw}.introGrid{grid-template-columns:1fr}.stack:before,.projectIntro:before,.careerTitle{margin-bottom:42px;font-size:2rem}.stackHead{display:block}.skillPanel,.careerRow{grid-template-columns:1fr}.careerWorks{grid-template-columns:1fr;margin-left:0}.project{grid-template-columns:1fr;margin:0 5vw}.projectSticky{padding-bottom:0}.projectBody{border-left:0;padding-left:0}.contact{margin-top:60px;padding:75px 5vw 30px}}