@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#f4eee4;--ink:#292a25;--blue:#344fa7;--orange:#e58b45;--muted:#87877c;--line:#292a2529;--font:'DM Sans',Arial,'Malgun Gothic',sans-serif;--display:'Space Grotesk',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);overflow-x:hidden}::selection{background:#dfb263;color:#2b3426}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;border:0}a:focus-visible,button:focus-visible{outline:3px solid #b87842;outline-offset:5px}button[hidden],[hidden]{display:none!important}#world{position:fixed;top:0;right:0;width:100%;height:100svh;pointer-events:auto;z-index:0}.scene-shade{position:fixed;left:0;top:0;width:100%;height:100svh;pointer-events:none;background:linear-gradient(to bottom,transparent 78%,var(--bg) 100%);z-index:1}.header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:28px 4.2%;z-index:10}.logo{font:700 40px/.9 var(--display);letter-spacing:-3px;position:relative;display:inline-flex;align-items:end}.logo>span{color:var(--orange)}.logo small{font:8px var(--font);letter-spacing:1.6px;display:block;margin-left:14px;padding-bottom:3px}.header nav{display:flex;gap:32px;font-size:11px;font-weight:500}.header nav a{padding:6px 0;position:relative}.header nav a:after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:currentColor;transition:width .3s}.header nav a:hover:after{width:100%}.header nav sup{font-size:7px;color:#999385;margin-left:3px}.header-tools{display:flex;gap:17px}.header-tools button{display:flex;gap:7px;align-items:center;font-size:18px;background:none;padding:5px}.header-tools button span{font-size:7px;letter-spacing:1px;color:#858579}.hero{min-height:800px;height:100svh;position:relative;max-height:1100px;pointer-events:none;z-index:2}.hero-copy{position:absolute;left:9%;top:25%;max-width:520px;pointer-events:none}.hero-copy>*{pointer-events:auto}.eyebrow{font-size:8px;font-weight:500;letter-spacing:1.8px;display:flex;gap:8px;align-items:center;color:#8c8b7b;margin-bottom:28px}.eyebrow i{width:5px;height:5px;border-radius:50%;background:#8f9d78}.hero h1{font:700 clamp(75px,7.4vw,134px)/.96 var(--display);letter-spacing:-7px;margin:0 0 8px}.hero h1>span{display:block;margin-left:0}.title-dot{color:var(--orange)}.role-sticker{background:var(--blue);color:#f6f2e7;display:inline-block;font:700 10px var(--display);letter-spacing:.3px;padding:8px 11px;transform:rotate(-5deg);margin-left:46px;box-shadow:3px 3px 0 #35486d0b}.hero-copy>p{font-size:13px;line-height:1.9;color:#818174;margin:35px 0 24px;word-break:keep-all}.round-link{display:inline-flex;align-items:center;gap:28px;font-size:11px;font-weight:600}.round-link>span{display:grid;place-items:center;width:37px;height:37px;border:1px solid #a6a897;border-radius:50%;font-size:18px;transition:.3s}.round-link:hover>span{background:var(--blue);border-color:var(--blue);color:white;transform:rotate(45deg)}.hero-foot{position:absolute;left:4.2%;right:4.2%;bottom:28px;display:flex;justify-content:space-between;align-items:end;font:7px/1.7 var(--font);color:#989283;letter-spacing:1px;pointer-events:none}.hero-foot>a{pointer-events:auto}.scroll-cue{display:flex;align-items:center;gap:17px}.scroll-cue span{font-size:18px;animation:bob 2s ease-in-out infinite}.interact-hint{font-size:9px;letter-spacing:0;display:flex;align-items:center;gap:12px}.interact-hint i{font-size:24px;font-style:normal;color:#be935c}.scene-tooltip{position:fixed;padding:8px 12px;background:#31382c;color:#f0eadc;font-size:10px;border-radius:4px;pointer-events:none;opacity:0;z-index:12;transition:opacity .2s;white-space:nowrap}.scene-tooltip.visible{opacity:1}.chapter{padding:100px 9%;position:relative;z-index:2}.chapter-label{border-top:1px solid var(--line);padding-top:17px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#999181;margin-bottom:65px}.chapter-label>span:last-child{letter-spacing:0;font-size:10px}.about{height:100svh;min-height:720px;max-height:1000px;pointer-events:none}.about .chapter-label{border-color:#292a251a;max-width:100%}.about-copy{margin-left:52%;max-width:480px;pointer-events:auto;padding-top:25px}.mini-label{font-size:8px;letter-spacing:1.6px;color:#9c8d76;font-weight:600}.about h2{font-size:clamp(29px,3vw,48px);font-weight:500;line-height:1.5;letter-spacing:-2px;margin:23px 0 25px;word-break:keep-all}h2 em{font-family:Georgia,'Malgun Gothic',serif;font-weight:400;font-style:italic;color:#756f55}.about-copy p{font-size:12px;line-height:2;color:#858071;margin:0 0 17px;word-break:keep-all}.skill-stickers{display:flex;flex-wrap:wrap;gap:6px;margin:25px 0 20px}.skill-stickers span{font-size:9px;padding:7px 10px;border:1px solid #c6c4ae;border-radius:5px;background:#eee7d9}.skill-stickers span:nth-child(2){background:#dfe5d5;transform:rotate(-4deg)}.skill-stickers span:nth-child(3){background:#ebe0cc;transform:rotate(3deg)}.text-link{font-size:11px;background:none;border-bottom:1px solid #7f8b71;padding:8px 0;text-align:left}.text-link:hover{color:var(--blue);border-color:var(--blue)}.about-note{position:absolute;left:15%;bottom:70px;background:#ece0ad;padding:23px 30px;box-shadow:4px 8px 14px #70572e10;transform:rotate(-9deg);width:210px;color:#6f6c46;pointer-events:none}.about-note>span{font-size:8px}.about-note p{font:italic 26px/1.2 Georgia;margin:17px 0}.about-note small{font-size:7px}.work{background:#e9e9de;padding-top:85px;border-radius:65px 65px 0 0;z-index:3}.work-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:10px 40px;margin-bottom:45px}.work-heading .mini-label{grid-column:1/-1}.work h2,.highlights h2{font:500 clamp(37px,4.4vw,70px)/1.1 var(--display);letter-spacing:-3.5px;margin:16px 0 0}.work h2 em,.highlights h2 em{font-family:Georgia,serif}.work-heading>p{font-size:11px;line-height:1.9;color:#919181;margin:0 0 4px;justify-self:end}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px 28px}.project-card{background:none;text-align:left;padding:0;display:block;width:100%;color:inherit}.project-card:nth-child(2){margin-top:110px}.project-card:nth-child(3){grid-column:1/-1;width:70%;margin-top:-20px}.project-visual{height:350px;background:#d0dac2;border-radius:15px;position:relative;overflow:hidden;display:grid;place-items:center;transition:box-shadow .4s}.project-card:hover .project-visual{box-shadow:0 14px 30px #4a634015}.energy .project-visual{background:#d6d0e0}.invest .project-visual{background:#e7cfad;height:390px}.project-no{position:absolute;left:21px;top:20px;font-size:7px;letter-spacing:1px;color:#77856c}.project-open{position:absolute;right:16px;bottom:16px;width:39px;height:39px;border-radius:50%;background:#f3eee2a6;display:grid;place-items:center;font-size:20px;transition:transform .3s,background .3s}.project-card:hover .project-open{transform:rotate(45deg);background:#f4f0e6}.learning-art,.energy-art,.invest-art{width:77%;position:relative;perspective:700px}.metric-card{position:relative;background:#f9f6ed;padding:25px 25px 18px;border-radius:8px;box-shadow:10px 20px 30px #42513b1a;transform:rotate(-8deg);transition:transform .65s cubic-bezier(.2,.7,.2,1);border:1px solid #ffffff77}.energy .metric-card{transform:rotate(7deg)}.invest .metric-card{transform:rotate(-5deg);max-width:460px;margin:auto;padding:28px}.project-card:hover .metric-card{transform:rotate(0deg) translateY(-8px)}.metric-card>span{font-size:7px;letter-spacing:1px;color:#8c927d}.metric-card>b{display:block;font:500 63px/1.4 var(--display);letter-spacing:-4px;color:#48563c}.metric-card>b small{font:12px var(--font);letter-spacing:0;color:#879075}.metric-footer{display:flex;align-items:center;justify-content:space-between;font-size:6px;letter-spacing:.5px;color:#8b937f;margin-top:12px}.metric-footer>span{font-size:15px}.mini-bars{height:68px;display:flex;align-items:end;gap:10px;margin:10px 0}.mini-bars i{width:100%;height:30%;background:#68875e;border-radius:3px 3px 0 0}.mini-bars i:nth-child(2){height:45%;background:#a9bc8a}.mini-bars i:nth-child(3){height:35%}.mini-bars i:nth-child(4){height:65%;background:#a9bc8a}.mini-bars i:nth-child(5){height:58%}.mini-bars i:nth-child(6){height:85%;background:#a9bc8a}.mini-bars i:nth-child(7){height:100%}.small-orb{position:absolute;width:80px;height:80px;box-shadow:inset -15px -15px 30px #5f773033,10px 10px 15px #4a623a18;border-radius:50%;background:#b6c58e}.orb-one{top:-40px;right:-10px}.orb-two{bottom:-35px;left:-25px;width:55px;height:55px;background:#e4c17c}.energy-disc{position:absolute;width:150px;height:150px;right:-30px;top:-40px;background:radial-gradient(ellipse at 35% 30%,#e2d7ee,#b69eca);border-radius:50%;box-shadow:10px 15px 20px #79658722}.metric-card svg{width:100%;height:85px;margin-top:12px}.grid-line{fill:none;stroke:#e0ddd8;stroke-width:1}.chart-line{fill:none;stroke:#8e759f;stroke-width:3}.energy .metric-card>b{color:#6a587e}.invest .metric-card>b{font-size:49px;line-height:1.1;margin:20px 0;letter-spacing:-2px;color:#746143}.invest .metric-card>b em{font-family:Georgia;font-weight:400}.invest-coins{position:absolute;right:-5px;top:-30px;display:flex;align-items:center;gap:0;z-index:1}.invest-coins i{width:55px;height:55px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#f6df9f,#cb9c52);border:6px solid #e3bc76;box-shadow:3px 5px 0 #ba8e53;transform:rotateY(35deg);margin-left:-10px}.invest-coins i:nth-child(2){transform:translateY(-15px) rotateY(15deg)}.project-caption{display:flex;justify-content:space-between;gap:20px;padding:20px 2px 0;align-items:start}.project-caption h3{font-size:17px;font-weight:500;letter-spacing:-.5px;margin:0 0 9px}.project-caption p{font-size:10px;color:#91917f;margin:0;line-height:1.6}.project-caption>span{font-size:6px;border:1px solid #bfc4b2;padding:7px 9px;border-radius:20px;white-space:nowrap;margin-top:3px;letter-spacing:.4px;color:#7a816f}.more-work{border-top:1px solid #bac2ac;margin-top:65px;padding-top:30px;display:flex;align-items:center;justify-content:space-between;gap:25px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:30px;border:1px solid #b7b8a5;border-radius:30px;font-size:10px;background:transparent;padding:17px 26px;transition:background .25s,color .25s}.pill:hover{background:#3c5039;color:#f7f2e6;border-color:#3c5039}.pill span{font-size:8px;opacity:.6}.more-work>span{font-size:8px;color:#9ca08f}.highlights{background:#e9e9de;padding-top:20px;padding-bottom:95px}.highlights-top{display:flex;align-items:end;justify-content:space-between;gap:25px}.highlights h2{font-size:45px;letter-spacing:-2px}.highlights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px}.highlight{border-top:1px solid #b8c2ac;padding:22px 0}.highlight-symbol{font-size:25px;color:#8b9d72}.highlight-number{font:500 63px var(--display);letter-spacing:-3px;margin:15px 0}.highlight-number>span{font:14px var(--font);letter-spacing:0;color:#939e84;margin-left:7px}.highlight h3{font-size:13px;font-weight:500;margin:0 0 8px}.highlight p{font-size:10px;color:#909a82;margin:0}.journey{background:#f4eee4}.journey-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:100px}.journey h2{font:500 65px/1 var(--display);letter-spacing:-4px;margin:0 0 30px}.journey h2 em{font-family:Georgia}.journey p{font-size:12px;line-height:1.9;color:#92907e;margin:0 0 30px}.timeline article{border-top:1px solid var(--line);padding:22px 0}.timeline article>span{font-size:7px;color:#a7997e;letter-spacing:.5px}.timeline h3{font-size:14px;font-weight:500;margin:12px 0 9px;line-height:1.7}.timeline p{font-size:10px;margin:0 0 12px;line-height:1.7}.timeline small{font-size:8px;color:#aaa08c}.contact{background:#e7dbc1;padding-top:100px;padding-bottom:30px;overflow:hidden;border-radius:60px 60px 0 0}.contact-orb{position:absolute;width:360px;height:360px;right:-100px;top:90px;border-radius:50%;background:radial-gradient(circle at 30% 28%,#efe2bf,#ccae7c 75%);box-shadow:20px 30px 40px #b3946120;opacity:.7}.contact h2{font-size:clamp(38px,5.5vw,85px);line-height:1.35;letter-spacing:-3px;font-weight:500;margin:30px 0 20px;position:relative;z-index:1}.contact h2>span{display:inline-block;font-size:60px;margin-left:30px;font-weight:400;color:#9d8e69}.contact>p{font-size:11px;color:#948870;margin:0 0 35px}.email-link{position:relative;z-index:1;font:400 clamp(20px,2.8vw,40px) var(--display);letter-spacing:-1px;border-bottom:1px solid #aa9e81;padding-bottom:10px;display:inline-flex;gap:45px;align-items:center}.email-link>span{font-size:25px}.copy-email{display:block;background:none;font-size:9px;color:#96896e;text-decoration:underline;text-underline-offset:3px;margin:15px 0 0;padding:4px 0}.contact footer{border-top:1px solid #b4a78966;margin-top:95px;padding-top:25px;display:flex;justify-content:space-between;align-items:end;font-size:7px;color:#99896c;line-height:1.8;letter-spacing:.7px;gap:25px}.contact footer .logo{font-size:36px}.contact footer>a:last-child{padding-bottom:4px}.progress{height:3px;background:#d3a463;position:fixed;top:0;left:0;width:0;z-index:50}.reveal{opacity:1}.motion .reveal{opacity:1;transform:none}.motion .reveal.shown{opacity:1;transform:none}#loading{position:fixed;inset:0;background:var(--bg);z-index:100;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .5s,visibility .5s}#loading.done{opacity:0;visibility:hidden;pointer-events:none}.loader-logo{font:700 85px var(--display);letter-spacing:-7px}.loader-logo span{color:#d69c59}.loader-line{width:140px;height:3px;background:#e3dbc9;margin:20px 0}.loader-line i{display:block;width:20%;height:100%;background:#a5ad89;transition:width .6s}#loading>span{font-size:10px;color:#a4977f}dialog{border:0;border-radius:18px;max-width:660px;width:calc(100% - 32px);max-height:86svh;padding:45px;background:#f7f1e5;color:var(--ink);box-shadow:0 25px 90px #30291c22}dialog::backdrop{background:#2a2b236b;backdrop-filter:blur(8px)}.dialog-close{position:sticky;top:0;float:right;border-radius:50%;background:#e7e2d3;width:34px;height:34px;font-size:24px;display:grid;place-items:center;padding:0;line-height:1;z-index:1}.dialog-kicker{font-size:8px;letter-spacing:1px;color:#a09073;margin-bottom:22px}dialog h2{font-size:28px;font-weight:500;letter-spacing:-1px;line-height:1.5;margin:15px 35px 20px 0}.dialog-metric{font:500 65px var(--display);letter-spacing:-4px;color:#617253;margin:20px 0}.dialog-tags{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}.dialog-tags span{font-size:8px;border-radius:20px;border:1px solid #c7c7b0;padding:6px 10px;color:#8a947c}dialog p{font-size:13px;line-height:2;color:#85806e;word-break:keep-all}.dialog-meta{border-top:1px solid #d6d1bd;margin-top:25px;padding-top:15px;font-size:10px;line-height:2;color:#999078}.dialog-note{font-size:9px!important;color:#aca18a!important;border-top:1px solid #d6d1bd;padding-top:15px;margin-top:25px}.dialog-profile{display:flex;align-items:center;gap:20px;margin:25px 0}.dialog-profile img{width:85px;height:112px;object-fit:cover;border-radius:8px;filter:sepia(.12)}.dialog-profile h2{margin:0 0 8px}.dialog-profile small{font-size:9px;color:#a09176}.dialog-rows article{padding:17px 0;border-top:1px solid #d6d1bd}.dialog-rows h3{font-size:12px;line-height:1.7;font-weight:500;margin:0 0 8px}.dialog-rows p{font-size:10px;margin:0}.dialog-rows small{font-size:8px;color:#b09b78}.dialog-list{display:grid;gap:10px;margin:20px 0}.dialog-list button{border:1px solid #d2d2ba;border-radius:8px;padding:17px;text-align:left;background:#eae8d8;display:flex;justify-content:space-between;gap:20px;font-size:12px}.dialog-list button:hover{background:#dadfca}.dialog-list button>span{font-size:10px;color:#809070}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,15px);background:#3d5038;color:#f1ebdf;padding:13px 22px;border-radius:30px;font-size:11px;opacity:0;transition:.3s;pointer-events:none;z-index:100;max-width:90vw}.toast.show{opacity:1;transform:translate(-50%,0)}.world-fallback{display:none}.no-webgl #world{display:none}.no-webgl .hero-copy{left:15%}.no-webgl .hero:after{content:'✳';font:350px Georgia;color:#d5c4a1;position:absolute;right:7%;top:20%;z-index:-1}.reduced *{animation:none!important;transition:none!important}@keyframes bob{50%{transform:translateY(5px)}}@media(min-width:1700px){.hero-copy{left:12%}.chapter{padding-left:12%;padding-right:12%}}@media(max-width:1100px){.hero-copy{left:7%;top:28%;max-width:350px}.hero h1{font-size:84px;letter-spacing:-5px}.eyebrow{font-size:7px}.role-sticker{font-size:8px;margin-left:20px}.chapter{padding-left:7%;padding-right:7%}.about-copy{margin-left:53%;padding-top:0}.about h2{font-size:32px}.about-copy p{font-size:11px}.project-visual{height:285px}.metric-card{padding:20px}.metric-card>b{font-size:50px}.metric-footer{font-size:5px}.project-caption{display:block}.project-caption>span{display:inline-block;margin-top:13px}.invest .project-visual{height:340px}.journey-grid{gap:55px}.journey h2{font-size:55px}.header-tools button span{display:none}.about-note{left:10%}.contact h2{font-size:55px}.highlights h2{font-size:38px}.highlights-grid{gap:20px}.work-heading>p{font-size:10px}}@media(max-width:650px){.header{padding:22px 23px}.logo{font-size:34px}.logo small{font-size:6px;letter-spacing:1px;margin-left:9px}.header nav{gap:17px;font-size:9px}.header nav a:first-child{display:none}.header-tools{gap:7px}.header-tools button{font-size:16px;padding:4px}.header-tools button:first-child{display:none}.hero{height:100svh;min-height:800px;max-height:1000px}.hero-copy{left:0;top:135px;max-width:100%;width:100%;text-align:center;pointer-events:none}.hero-copy>*{pointer-events:auto}.eyebrow{font-size:6px;letter-spacing:1px;justify-content:center;margin-bottom:20px}.hero h1{font-size:62px;line-height:.95;letter-spacing:-3.5px;display:inline-block;text-align:left;margin:0}.hero h1>span{margin-left:20px}.role-sticker{font-size:7px;padding:6px 8px;margin:7px 0 0 40px;display:table;position:relative;left:50%;transform:translateX(-50%) rotate(-5deg)}.hero-copy>p{font-size:10px;line-height:1.8;margin:20px 0 12px;display:none}.hero-copy .round-link{display:none}.hero-foot{left:23px;right:23px;bottom:22px;font-size:6px;letter-spacing:.5px}.hero-foot>span:first-child{display:none}.hero-foot .interact-hint{font-size:7px}.interact-hint i{font-size:18px}.scroll-cue{gap:10px}.scroll-cue span{font-size:15px}.chapter{padding:65px 7%}.chapter-label{font-size:6px;letter-spacing:.5px;margin-bottom:45px}.chapter-label>span:last-child{font-size:8px;max-width:130px;text-align:right}.about{height:110svh;min-height:850px;max-height:1100px;padding-top:40px}.about .chapter-label{margin-bottom:0}.about-copy{margin:0;max-width:100%;padding-top:35px}.mini-label{font-size:7px;letter-spacing:1px}.about h2{font-size:30px;letter-spacing:-1.3px;margin:20px 0}.about-copy p{font-size:11px;line-height:1.9;max-width:100%}.skill-stickers{margin:18px 0 12px}.skill-stickers span{font-size:8px;padding:6px 9px}.text-link{font-size:10px}.about-note{display:none}.work{padding-top:60px;border-radius:30px 30px 0 0}.work-heading{display:block;margin-bottom:30px}.work h2{font-size:42px;letter-spacing:-2px;margin-bottom:20px}.work-heading>p{font-size:10px}.project-grid{grid-template-columns:1fr;gap:36px}.project-card:nth-child(2){margin:0}.project-card:nth-child(3){grid-column:auto;width:100%;margin:0}.project-visual,.invest .project-visual{height:300px;border-radius:12px}.metric-card>b{font-size:55px}.project-no{font-size:6px;left:17px;top:17px}.project-caption{display:flex;padding-top:17px;gap:10px}.project-caption h3{font-size:15px;letter-spacing:-.5px}.project-caption p{font-size:9px}.project-caption>span{font-size:5px;max-width:80px;white-space:normal;text-align:center;padding:6px;margin-top:1px;line-height:1.5}.metric-card{padding:23px}.learning-art,.energy-art,.invest-art{width:76%}.invest .metric-card>b{font-size:41px}.more-work{margin-top:40px;padding-top:23px;display:block}.pill{padding:15px 22px;font-size:9px;gap:20px}.more-work>span{display:block;font-size:7px;margin-top:17px}.highlights{padding-top:0}.highlights-top{display:block}.highlights h2{font-size:34px;letter-spacing:-1.8px;margin:0 0 20px}.highlights-grid{grid-template-columns:1fr;margin-top:30px;gap:7px}.highlight{display:grid;grid-template-columns:45px 1fr;align-items:center;gap:0 15px;padding:20px 0}.highlight-symbol{grid-row:1/4;font-size:30px}.highlight-number{font-size:42px;letter-spacing:-2px;margin:0 0 10px}.highlight-number>span{font-size:12px}.highlight h3{font-size:12px;grid-column:2;margin-bottom:8px}.highlight p{font-size:10px;grid-column:2}.journey-grid{grid-template-columns:1fr;gap:40px}.journey h2{font-size:55px;letter-spacing:-3px;margin-bottom:25px}.journey p{font-size:11px;line-height:1.9}.timeline article{padding:20px 0}.timeline h3{font-size:13px}.timeline p{font-size:10px;margin-bottom:10px}.contact{border-radius:30px 30px 0 0;padding-top:65px;padding-bottom:25px}.contact h2{font-size:34px;line-height:1.5;letter-spacing:-1.6px;margin:24px 0 16px}.contact h2>span{font-size:30px;margin-left:10px}.contact-orb{width:220px;height:220px;right:-110px;top:70px}.contact>p{font-size:9px}.email-link{font-size:20px;letter-spacing:-.6px;gap:12px}.email-link>span{font-size:20px}.copy-email{font-size:8px}.contact footer{margin-top:65px;gap:15px;flex-wrap:wrap;font-size:6px}.contact footer .logo{font-size:30px}.contact footer>a:last-child{margin-left:auto}dialog{padding:28px 25px;border-radius:12px;max-height:85svh}.dialog-kicker{font-size:7px;margin-bottom:17px}dialog h2{font-size:24px;letter-spacing:-.7px}.dialog-metric{font-size:55px}dialog p{font-size:12px}.dialog-tags span{font-size:7px}.dialog-meta{font-size:9px}.dialog-profile{gap:16px}.dialog-profile img{width:72px;height:95px}.dialog-profile h2{font-size:24px}.dialog-list button{font-size:11px}.dialog-list button>span{font-size:9px}.no-webgl .hero-copy{left:0}.no-webgl .hero:after{font-size:200px;top:auto;bottom:100px;right:15%}.no-webgl .about{min-height:650px;height:auto;padding-bottom:100px}.no-webgl .hero{min-height:650px}.no-webgl .hero-copy>p{display:block}.no-webgl .hero-copy .round-link{display:inline-flex}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion .reveal{opacity:1;transform:none}}

/* On small screens the 3D scene scrolls with the hero, keeping biography text unobstructed. */
@media(max-width:650px){#world,.scene-shade{position:absolute}.about{height:auto;min-height:600px;max-height:none;padding-bottom:85px}}

.toolbox{background:#ede7db}.toolbox-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:center}.toolbox h2{font:500 60px/1.05 var(--display);letter-spacing:-3px;margin:20px 0 0}.toolbox-items{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tool-tile{background:#f7f2e9;padding:30px;border:1px solid #d8d1be;border-radius:15px;transition:transform .25s,box-shadow .25s}.tool-tile:hover{transform:translateY(-5px);box-shadow:0 12px 25px #685b3d0a}.tool-logo{height:88px;display:flex;align-items:center;margin-bottom:20px}.tool-logo img{object-fit:contain}.tool-tile>span{font-size:7px;letter-spacing:1.5px;color:#a1957d}.tool-tile h3{font:500 24px var(--display);letter-spacing:-.7px;margin:9px 0 0}@media(max-width:650px){.toolbox-layout{grid-template-columns:1fr;gap:30px}.toolbox h2{font-size:43px;letter-spacing:-2px}.toolbox-items{gap:12px}.tool-tile{padding:23px}.tool-logo{height:65px;margin-bottom:16px}.tool-tile h3{font-size:21px}}
.case-grid{gap:26px}.case-card{padding:0;background:#f7f4ea;border:1px solid #cbd1bd;border-radius:18px;overflow:hidden;text-align:left;transition:transform .35s,box-shadow .35s;display:flex;flex-direction:column}.case-card:hover{transform:translateY(-7px);box-shadow:0 18px 35px #54624318}.case-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr}.case-art{position:relative;min-height:310px;background:#d4ddc9;padding:24px;overflow:hidden}.automation-case .case-art{background:#344d42;min-height:365px}.marketing-case .case-art{background:#d1d9e5}.learning-case .case-art{background:#dddfc7}.case-art-top{display:flex;justify-content:space-between;gap:12px;font-size:7px;letter-spacing:1px;color:#7b8a77}.automation-case .case-art-top{color:#b9cbb2}.case-live{font-size:6px;color:#bad993;letter-spacing:.5px}.automation-screen{background:#f2f1df;border:1px solid #ffffff60;border-radius:9px;margin:31px 6px 35px;padding:18px;transform:rotate(-3deg);box-shadow:7px 12px 0 #182c3030;transition:transform .5s}.case-card:hover .automation-screen{transform:rotate(0)}.screen-dots{font-size:7px;color:#aab69c;border-bottom:1px solid #d9dfc8;padding-bottom:12px;display:flex;justify-content:space-between}.screen-dots>span{font-size:6px;letter-spacing:1px}.workflow-path{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:8px;margin:20px 0;color:#6a7d63}.workflow-path>span{border:1px solid #cbd6bb;padding:7px 10px;border-radius:4px}.workflow-path i{font-style:normal}.time-comparison{display:grid;grid-template-columns:1fr 28px 1fr;gap:14px;align-items:center}.time-comparison small{font-size:7px;letter-spacing:1px;color:#819574}.time-comparison strong{font:500 53px var(--display);letter-spacing:-3px;display:block;color:#40523c}.time-comparison strong>span{font:9px var(--font);letter-spacing:0;margin-left:4px}.time-comparison>div:last-child strong{color:#788d48}.time-track{height:5px;background:#e0e6cd;border-radius:3px;margin-top:6px}.time-track i{display:block;width:100%;height:100%;background:#b6b699;border-radius:3px}.time-track.short i{width:8.3%;background:#8ca158}.time-arrow{font-size:25px;color:#98a386}.automation-footer{display:flex;justify-content:space-between;font-size:6px;gap:12px;margin-top:23px;color:#869477}.automation-footer>span:last-child{font-size:5px}.floating-proof{position:absolute;right:23px;bottom:20px;background:#d5e1b8;padding:12px 17px;font-size:10px;border-radius:6px;transform:rotate(4deg);box-shadow:3px 7px 0 #18332d33;color:#486040}.floating-proof b{font-size:17px}.floating-proof>span{display:block;font-size:7px;margin-top:4px}.case-copy{padding:29px 30px;display:flex;flex-direction:column;justify-content:center}.case-category{font-size:7px;color:#9b977e;letter-spacing:1px;margin-bottom:17px}.case-copy h3{font-size:25px;line-height:1.5;letter-spacing:-1px;font-weight:500;margin:0 0 17px;word-break:keep-all}.case-copy p{font-size:11px;color:#94927d;line-height:1.9;margin:0;word-break:keep-all}.case-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:28px}.case-tags{display:flex;flex-wrap:wrap;gap:6px}.case-tags span{font-size:7px;padding:6px 9px;border:1px solid #cbd2bd;border-radius:20px;color:#879274}.case-arrow{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid #c0cab2;font-size:18px;flex-shrink:0;transition:.3s}.case-card:hover .case-arrow{background:#435c41;color:#f4efdd;border-color:#435c41;transform:rotate(45deg)}.campaign-board{background:#f1f3f2;border-radius:9px;padding:23px;margin:28px 12px 0;transform:rotate(3deg);box-shadow:8px 11px 0 #7a8da025}.campaign-board>span{font-size:7px;letter-spacing:1px;color:#8a99a6}.campaign-board>strong{font:500 65px var(--display);display:flex;align-items:baseline;gap:9px;color:#4f657e;letter-spacing:-3px;margin:7px 0}.campaign-board>strong span{font-size:17px;letter-spacing:-.5px}.campaign-board>strong i{font-size:23px;font-style:normal}.audience-split{display:flex;justify-content:space-around;align-items:center;border-top:1px solid #d6dce1;border-bottom:1px solid #d6dce1;padding:14px 0;color:#8599ac}.audience-split small{font-size:6px;letter-spacing:1px;display:block}.audience-split b{font:500 25px var(--display);display:block;margin-top:4px}.brand-names{display:flex;justify-content:space-between;gap:10px;margin-top:17px;font-size:9px;color:#8e9caa}.learning-result{text-align:center;margin:20px 0 0;color:#617047}.rank-medal{font-size:50px;line-height:1;color:#a0ac76;margin-bottom:12px}.learning-result>small{font-size:6px;letter-spacing:1.5px}.learning-result strong{display:block;font:500 75px/1.3 var(--display);letter-spacing:-4px}.learning-result strong span{font:16px var(--font);letter-spacing:0;margin-left:8px;color:#9ba47e}.learning-result p{font-size:9px;color:#8a9673;margin:4px 0 18px}.rank-line{display:flex;justify-content:center;gap:5px}.rank-line i{display:block;width:23px;height:5px;background:#b4bf96;border-radius:3px}.rank-line i:first-child{background:#698150}.company{background:#324a3f;color:#eef0df;padding-bottom:70px}.company .chapter-label{color:#9db19c;border-color:#7c947566}.company-intro{display:flex;align-items:center;justify-content:space-between;gap:50px}.company .mini-label{color:#a8bb92}.company h2{font-size:54px;letter-spacing:-3px;font-weight:500;margin:20px 0}.company h2>span{display:block;font-size:14px;letter-spacing:1px;color:#b6c4a3;margin-top:14px}.company-intro p{font-size:12px;color:#b5c2a9;line-height:1.9}.company-badge{border:1px solid #9db58b77;border-radius:50%;width:145px;height:145px;display:grid;place-content:center;text-align:center;font:10px/1.7 var(--display);letter-spacing:1.5px;color:#bcd09e;transform:rotate(12deg)}.company-metrics{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;margin-top:55px;border-top:1px solid #829c7866;padding-top:28px}.company-metrics small{font-size:7px;letter-spacing:1px;color:#93aa87}.company-metrics strong{font:500 31px var(--display);letter-spacing:-1px;display:block;margin:17px 0}.company-metrics strong>span{font-size:12px;margin-left:5px;letter-spacing:0}.company-metrics strong>i{font-style:normal;color:#a3b486;font-weight:400}.company-metrics p{font-size:10px;color:#a7ba9b;line-height:1.8}.company-partners{border-top:1px solid #829c7866;margin-top:25px;padding-top:28px;display:grid;grid-template-columns:150px 1fr;gap:15px 30px;align-items:center}.company-partners>span{font-size:9px;color:#a5b596}.company-partners>div{display:flex;gap:45px;align-items:center}.company-partners b{font-size:20px;font-weight:500;letter-spacing:-.5px;color:#cbd8bb}.company-partners small{grid-column:2;font-size:7px;color:#91a685}.company-story{border-top:1px solid #829c7866;margin-top:35px;padding-top:25px;display:flex;justify-content:space-between;align-items:center;gap:30px}.company-story p{font-size:13px;line-height:1.9;color:#b5c5a4;margin:0}.company-story b{font-weight:500;color:#e0e6ce}.company-story .pill{color:#d6e0c5;border-color:#8aa174}.toolbox-heading{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:50px}.toolbox-heading p{font-size:11px;line-height:1.9;color:#978b72;margin:0}.tool-group{display:grid;grid-template-columns:180px 1fr;gap:25px;border-top:1px solid #d0c8b3;padding:24px 0}.tool-group>h3{font-size:7px;font-weight:500;color:#a09377;letter-spacing:1px;line-height:1.8;margin:15px 0}.tools-row{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.skill-tile{display:flex;align-items:center;gap:16px;padding:20px;background:#f7f2e8;border:1px solid #ddd5c2;border-radius:10px;transition:transform .25s}.skill-tile:hover{transform:translateY(-3px)}.skill-logo{width:48px;height:48px;display:grid;place-items:center;flex-shrink:0}.skill-logo img{width:35px;height:35px;object-fit:contain}.skill-tile:first-child img[alt="Python 로고"]{width:48px}.skill-tile h4{font:500 17px var(--display);letter-spacing:-.3px;margin:0 0 6px}.skill-tile p{font-size:8px;line-height:1.7;color:#a0947d;margin:0}.toolbox-note{font-size:8px;color:#a89b83;line-height:1.8;margin-top:20px}.draft-details{margin-top:30px}.draft-label{font-size:8px;color:#aa8051;background:#eee0c8;padding:9px 12px;border-radius:4px;display:block}.draft-details article{padding:15px 0;border-bottom:1px solid #ddd4bd}.draft-details h3{font-size:12px;font-weight:500;margin:0 0 8px}.draft-details p{font-size:11px;margin:0;line-height:1.9}.dialog-metric{font-size:50px}
@media(max-width:1000px){.case-card:first-child{grid-template-columns:1fr}.case-copy h3{font-size:22px}.tool-group{grid-template-columns:140px 1fr}.skill-tile{padding:16px;gap:10px}.skill-tile p{font-size:7px}.company-metrics strong{font-size:25px}.company-partners>div{gap:25px}}
@media(max-width:650px){.case-grid{gap:24px}.case-card:first-child{display:flex}.case-art,.automation-case .case-art{min-height:300px;padding:19px}.case-art-top{font-size:6px;letter-spacing:.3px}.case-live{font-size:5px}.automation-screen{padding:14px;margin:28px 0 28px}.workflow-path{font-size:6px;gap:4px}.workflow-path>span{padding:7px}.time-comparison{gap:9px;grid-template-columns:1fr 18px 1fr}.time-comparison strong{font-size:42px}.time-comparison strong>span{font-size:7px}.automation-footer>span:last-child{display:none}.floating-proof{font-size:9px;padding:9px 13px;bottom:17px;right:17px}.floating-proof b{font-size:15px}.case-copy{padding:24px}.case-copy h3{font-size:23px;margin-bottom:13px}.case-copy p{font-size:10px}.case-category{font-size:6px;margin-bottom:13px}.case-tags span{font-size:6px}.campaign-board{margin:24px 4px 0;padding:20px}.campaign-board>strong{font-size:57px}.learning-result strong{font-size:68px}.company-intro{gap:20px}.company h2{font-size:41px;letter-spacing:-2px}.company h2>span{font-size:12px}.company-intro p{font-size:10px}.company-badge{width:85px;height:85px;font-size:6px;flex-shrink:0}.company-metrics{grid-template-columns:1fr;gap:0;margin-top:35px;padding-top:8px}.company-metrics>div{padding:20px 0;border-bottom:1px solid #829c7833}.company-metrics strong{font-size:34px;margin:12px 0}.company-metrics p{font-size:10px;margin:0}.company-partners{grid-template-columns:1fr;gap:20px;margin-top:25px}.company-partners>div{gap:28px}.company-partners b{font-size:17px}.company-partners small{grid-column:auto;line-height:1.9;font-size:6px}.company-story{display:block}.company-story p{font-size:11px;margin-bottom:25px}.toolbox-heading{display:block;margin-bottom:30px}.toolbox-heading p{font-size:10px;margin-top:24px}.tool-group{grid-template-columns:1fr;gap:9px;padding:19px 0}.tool-group>h3{font-size:6px;margin:0 0 8px}.tools-row{gap:9px}.skill-tile{display:block;padding:16px}.skill-logo{width:38px;height:38px;margin-bottom:14px}.skill-logo img{width:30px;height:30px}.skill-tile h4{font-size:17px}.skill-tile p{font-size:8px}.toolbox-note{font-size:7px}.dialog-metric{font-size:38px;letter-spacing:-2px}}
.skill-logo img[alt="Python 로고"]{width:35px!important;height:35px;object-fit:cover;object-position:left}

.skill-logo img[alt="Notion 로고"]{width:39px;height:40px}

/* Resume-led character introduction */
.profile-position{display:block;font-size:10px;color:#77775f;line-height:1.8;margin-top:12px}.profile-lead{border-top:1px solid #cbc4b2;padding-top:26px;margin:26px 0 30px}.profile-lead>span{font-size:21px;font-weight:600;letter-spacing:-.8px;line-height:1.6}.profile-lead p{font-size:12px;line-height:1.95;word-break:keep-all}.profile-story>article{display:grid;grid-template-columns:115px 1fr;gap:20px;border-top:1px solid #ddd4c1;padding:26px 0}.profile-step{font-size:8px;letter-spacing:.6px;color:#9b896d;padding-top:5px}.profile-story h3{font-size:16px;letter-spacing:-.5px;line-height:1.6;margin:0 0 12px;font-weight:600}.profile-story p{font-size:11px;line-height:2;margin:0;word-break:keep-all}.profile-evidence{display:flex;gap:16px;flex-wrap:wrap;margin-top:17px}.profile-evidence span{font-size:9px;line-height:1.8;color:#8a816f}.profile-evidence b{display:block;font-size:12px;color:#4d5e47;font-weight:600}.profile-impact{background:#e5e9da;border-left:3px solid #879773;padding:14px 18px;margin-top:18px;border-radius:0 8px 8px 0}.profile-impact strong{font-size:24px;letter-spacing:-1px;color:#41553e;display:block}.profile-impact i{font-style:normal;color:#8c9c76;font-weight:400}.profile-impact span{display:block;font-size:9px;line-height:1.8;margin-top:5px;color:#69775c}.profile-credentials{display:flex;gap:25px;border-top:1px solid #ccc3af;padding:22px 0 30px;align-items:baseline}.profile-credentials>span{font-size:8px;color:#9b896d}.profile-credentials b{display:block;font-size:11px;font-weight:500}.profile-credentials small{display:block;font-size:9px;color:#93866e;margin-top:8px}@media(max-width:650px){.profile-story>article{grid-template-columns:1fr;gap:12px;padding:23px 0}.profile-lead>span{font-size:19px}.profile-lead p{font-size:11px}.profile-position{font-size:9px}.profile-credentials{display:block}.profile-credentials>span{display:block;margin-bottom:12px}.profile-story h3{font-size:15px}.profile-evidence{gap:12px}}

/* A contrasting toolbox between the cream introduction and project gallery. */
.toolbox{background:#e2e7dc;color:#303b32;z-index:3;border-radius:36px 36px 0 0}
.toolbox .chapter-label{border-color:#71816b38;color:#737f6e}
.toolbox .mini-label{color:#7e896d}
.toolbox h2 em{color:#788361}
.toolbox-heading p{color:#727d6c}
.toolbox .tool-group{border-color:#71816b30}
.toolbox .tool-group>h3{color:#76836d}
.toolbox .skill-tile{background:#f5f1e8;border-color:#d1d8c7;color:#354032;box-shadow:0 3px 12px #68785c06}
.toolbox .skill-tile p{color:#79816e}
.toolbox .skill-tile:hover{background:#fffaf0;border-color:#788361;box-shadow:0 8px 24px #0b152f44}
.toolbox .toolbox-note{color:#818c77}
@media(max-width:650px){.toolbox{border-radius:24px 24px 0 0}}


/* First-page resume overview; extended history lives in the downloadable PDF. */
.resume-section{margin-top:30px;border-top:1px solid #cdc7b5;padding-top:20px}.resume-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px}.resume-heading>span{font:10px var(--display);color:#8b967a}.resume-heading h3{font-size:16px;letter-spacing:-.5px;font-weight:600;margin:0}.resume-personal{margin:0}.resume-personal>div{display:grid;grid-template-columns:85px 1fr;gap:12px;padding:8px 0;font-size:11px;line-height:1.8}.resume-personal dt{color:#8d8574}.resume-personal dd{margin:0;overflow-wrap:anywhere}.resume-personal a:hover{text-decoration:underline}.resume-entry{padding:16px 0;border-bottom:1px solid #ded8c933}.resume-entry:first-of-type{padding-top:0}.resume-entry:last-child{border-bottom:0;padding-bottom:0}.resume-entry>small{font-size:9px;color:#8b8574;line-height:1.8}.resume-entry h4{font-size:14px;font-weight:600;letter-spacing:-.3px;margin:8px 0;line-height:1.7}.resume-entry h4>span{display:inline-block;font-size:9px;font-weight:400;background:#e6e9dd;color:#68745c;border-radius:4px;padding:2px 7px;margin-left:6px;vertical-align:middle}.resume-entry p{font-size:11px;line-height:1.8;margin:0;color:#7c7869}.resume-score{font-size:10px;color:#8b8574;display:block;margin-top:10px}.resume-score b{color:#526448;font-weight:600;margin-left:8px}.resume-download{margin-top:30px;padding:22px;background:#e7ebdf;border-radius:12px}.resume-download h3{font-size:14px;font-weight:600;margin:0 0 10px}.resume-download p{font-size:11px;line-height:1.9;margin:0 0 18px;word-break:keep-all}.resume-download .pill{font-size:10px}@media(max-width:650px){.resume-personal>div{grid-template-columns:65px 1fr;gap:8px;font-size:10px}.resume-entry h4{font-size:13px}.resume-download{padding:18px}}


/* Profile hierarchy through spacing and quiet surfaces. */
.resume-section{border:0;margin-top:28px;padding:22px 24px;background:#eee9dd;border-radius:12px}
.resume-heading{border:0;padding:0;margin:0 0 20px;gap:10px}.resume-heading>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#dce3d1;color:#657554;font-size:9px}
.resume-personal>div,.resume-personal>div+div{border:0;padding:7px 0}
.resume-entry,.resume-entry:first-of-type,.resume-entry:last-child{border:0;padding:0;margin:0}
.resume-entry+.resume-entry{border:0;margin-top:24px;padding-top:0}
.resume-entry>small{font-size:10px;color:#87806d}.resume-entry h4{font-size:15px;margin-top:6px}.resume-entry p{font-size:12px}
.resume-download{background:transparent;padding:24px 0 0;margin-top:8px}.resume-download .pill{background:#52664b;color:#f7f2e6;border-color:#52664b}
/* A quieter, more balanced introduction. */
.hero-copy{top:26%;max-width:560px}
.hero .eyebrow{font-size:9px;letter-spacing:2px;color:#737b65;margin-bottom:25px}
.hero h1{font-size:clamp(76px,6.6vw,118px);line-height:.98;letter-spacing:-5px;margin:0 0 25px}
.hero .role-sticker{display:flex;align-items:center;gap:12px;width:max-content;max-width:100%;background:transparent;color:#6a745c;transform:none;margin:0;padding:0;box-shadow:none;font:500 8px var(--display);letter-spacing:1px}
.role-sticker i{font-size:13px;font-style:normal;color:#c39c70}
.hero-copy>p{font-size:11px;line-height:2;color:#8b8878;margin:25px 0 27px}.hero-copy>p strong{font-size:14px;color:#525848;font-weight:500}
.hero-actions{display:flex;gap:26px;align-items:center;pointer-events:auto}.hero-actions .round-link{font-size:10px;gap:17px}.hero-actions .round-link>span{width:34px;height:34px;border-color:#c0c2ac;background:#e5e9db;color:#68795b}.hero-profile-link{font-size:10px;padding:7px 0;background:transparent;color:#7e7c6d;border-bottom:1px solid #c4bfad}
@media(max-width:650px){.hero-copy{top:18%;max-width:90%}.hero h1{font-size:70px;letter-spacing:-4px;margin-bottom:18px}.hero .eyebrow{font-size:7px;margin-bottom:20px}.hero .role-sticker{font-size:6px;gap:8px;letter-spacing:.4px}.hero-copy>p{font-size:9px;line-height:1.9;margin:18px 0}.hero-copy>p strong{font-size:11px}.hero-actions{gap:20px}.hero-actions .round-link,.hero-profile-link{font-size:9px}.hero-actions .round-link>span{width:28px;height:28px;font-size:15px}.resume-section{padding:18px}.resume-entry h4{font-size:13px}.resume-entry p{font-size:11px}}

/* A personal, editorial opening for the little studio. */
.hero-copy{top:20%;max-width:540px}.hero-intro{display:flex;align-items:center;gap:35px;margin-bottom:28px}.hero-edition{font:8px var(--display);letter-spacing:1.8px;color:#92927d}.hero-hello{font:italic 25px Georgia,serif;color:#7a8967;transform:rotate(-9deg);position:relative;display:inline-block}.hero-hello svg{position:absolute;width:66px;height:33px;left:90%;top:8px;fill:none;stroke:#94a17e;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.hero-name{position:relative;width:max-content;max-width:100%;padding-bottom:17px}.hero-name-label{font-size:9px;letter-spacing:1px;color:#98917d;display:block;margin-bottom:12px}.hero h1{font-size:clamp(74px,6.7vw,120px);letter-spacing:-5.5px;line-height:.94;margin:0}.hero h1>span{font-family:Georgia,serif;font-weight:400;font-style:italic;color:#68795d;letter-spacing:-7px;margin-left:26px;margin-top:3px}.hero .title-dot{color:#dc9054}.hero-spark{position:absolute;left:225px;bottom:41px;font-size:52px;line-height:1;color:#e4b65e;transform:rotate(14deg)}.name-swoosh{width:195px;height:23px;position:absolute;left:15px;bottom:0;fill:none;stroke:#c6b074;stroke-width:1.6;stroke-linecap:round;transform:rotate(-3deg)}.hero .role-sticker{margin-top:20px;gap:10px;font-size:7px;letter-spacing:.7px}.hero .role-sticker>span:first-child{background:#e0e7d5;padding:6px 9px;border-radius:3px;transform:rotate(-3deg)}.hero .role-sticker>span:last-child{background:#ece1cf;padding:6px 9px;border-radius:3px;transform:rotate(2deg)}.hero-copy>p{margin:22px 0 24px;font-size:12px;line-height:1.95;color:#8b8778}.hero-copy>p strong{font-size:14px;font-weight:500;color:#575e4c}.hero-actions{gap:24px}.hero-actions .round-link{gap:16px;font-size:11px}.hero-actions .round-link>span{border:0;background:#697d5e;color:#faf5e8;width:37px;height:37px;font-size:20px}.hero-profile-link{border:0;font-size:10px;color:#8b8574;padding:10px 0}.hero-profile-link>span{margin-left:6px;color:#b0a083}.hero-profile-link:hover{color:#53664b}
@media(max-width:650px){.hero-copy{top:15%;max-width:88%}.hero-intro{gap:28px;margin-bottom:22px}.hero-edition{font-size:6px;letter-spacing:1px}.hero-hello{font-size:20px}.hero-hello svg{width:44px;left:100%}.hero-name-label{font-size:7px;letter-spacing:.5px;margin-bottom:11px}.hero h1{font-size:66px;letter-spacing:-3.8px}.hero h1>span{letter-spacing:-4px;margin-left:18px}.hero-spark{font-size:32px;left:139px;bottom:32px}.name-swoosh{width:126px;left:10px}.hero .role-sticker{font-size:5px;letter-spacing:.2px;margin-top:12px;gap:6px}.hero .role-sticker>span{padding:5px 6px!important}.hero-copy>p{font-size:9px;margin:16px 0}.hero-copy>p strong{font-size:11px}.hero-actions{gap:15px}.hero-actions .round-link{font-size:9px;gap:10px}.hero-actions .round-link>span{width:29px;height:29px;font-size:16px}.hero-profile-link{font-size:8px}}

/* The name is a small graphic composition, with its original typeface. */
.hero-name{padding:20px 12px 32px 0;margin:7px 0 7px;isolation:isolate}
.hero-name:before{content:'';position:absolute;z-index:-1;left:-14px;right:-17px;top:48px;bottom:19px;background:#e1e7d4;border-radius:52% 40% 45% 38% / 37% 51% 35% 52%;transform:rotate(-5deg)}
.hero-name:after{content:'';position:absolute;left:-23px;right:-23px;top:36px;bottom:9px;border:1px solid #a2ad8a;border-radius:50%;transform:rotate(-9deg);z-index:-1}
.hero h1>.name-main{font-family:var(--display);font-weight:700;font-style:normal;color:var(--ink);letter-spacing:-5.5px;margin:0;display:block}
.hero-name-label{position:relative;top:-8px;margin-bottom:12px}
.hero-spark{left:auto;right:-29px;bottom:10px;font-size:40px;color:#da9354;transform:rotate(12deg);background:var(--bg);border-radius:50%;padding:4px}
.name-swoosh{left:15px;bottom:18px;width:87%;stroke:#9ba97d;stroke-width:1.3;opacity:.65}
.hero .role-sticker{margin-top:25px}.hero-copy{top:24%}
@media(max-width:650px){.hero-copy{top:16%}.hero-name{padding:14px 5px 25px 0;margin-top:4px}.hero h1>.name-main{letter-spacing:-3.8px}.hero-name:before{left:-9px;right:-10px;top:35px;bottom:16px}.hero-name:after{left:-14px;right:-17px;top:28px;bottom:8px}.hero-name-label{top:-4px;font-size:7px}.hero-spark{left:auto;right:-21px;bottom:8px;font-size:26px;padding:3px}.name-swoosh{left:9px;bottom:16px;width:87%}.hero .role-sticker{margin-top:20px}}

/* Portfolio wordmark */
.header .portfolio-logo{display:flex;align-items:center;gap:10px;letter-spacing:0;position:relative}
.header .portfolio-mark{display:grid;place-items:center;width:34px;height:34px;background:#e1e7d4;border-radius:10px;color:#778765;font-size:31px;line-height:1;transform:rotate(-10deg);font-weight:400}
.header .portfolio-wordmark{font:700 19px/.95 var(--display);letter-spacing:1.2px;color:#33382e}
.header .portfolio-wordmark small{display:block;margin:7px 0 0;padding:0;font:6px/1 var(--font);letter-spacing:1.5px;color:#92927c}
.header .portfolio-dot{width:5px;height:5px;background:#dc9054;border-radius:50%;align-self:flex-start;margin-top:2px;margin-left:-5px}
.hero-intro{min-height:29px}
@media(max-width:650px){.header .portfolio-logo{gap:7px}.header .portfolio-mark{width:27px;height:27px;font-size:25px;border-radius:8px}.header .portfolio-wordmark{font-size:14px;letter-spacing:.8px}.header .portfolio-wordmark small{font-size:4px;letter-spacing:.9px;margin-top:6px}.header .portfolio-dot{width:4px;height:4px;margin-left:-4px}}

/* Simplified opening and an H monogram. */
.header .portfolio-mark{background:#dae3d0;border-radius:50%;transform:none;width:36px;height:36px}
.portfolio-mark svg{width:32px;height:32px;overflow:visible}.portfolio-mark path{fill:none;stroke:#627651;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.portfolio-mark circle{fill:#dc9054;stroke:var(--bg);stroke-width:1.5}
.header .portfolio-wordmark small{letter-spacing:2.1px;font-size:6px;margin-top:7px}
.hero-copy{top:29%}.hero-name-label{font:8px var(--display);letter-spacing:2px;color:#929781}.hero-copy>p{margin:22px 0 24px}.hero-copy>p strong{font-size:14px}.hero-actions .round-link{gap:20px}.hero-profile-link{font-size:10px}
@media(max-width:650px){.header .portfolio-mark{width:29px;height:29px}.portfolio-mark svg{width:26px;height:26px}.header .portfolio-wordmark small{font-size:5px;letter-spacing:1.3px}.hero-copy{top:23%}.hero-name-label{font-size:7px}.hero-copy>p strong{font-size:12px}}

/* Vertical scrolling reveals a horizontal career story. */
.career-scroll{position:relative;z-index:3;background:#f4f0e8;height:380svh;color:#29362d}.career-sticky{position:sticky;top:0;height:100svh;min-height:620px;display:flex;flex-direction:column;overflow:hidden;padding:42px 0 24px}.career-header{padding:0 9%;display:flex;align-items:center;justify-content:space-between;gap:20px}.career-company{font-size:11px;color:#7c8774;letter-spacing:.2px}.career-company i{font-style:normal;margin:0 8px;color:#a8b09c}.career-header h2{font-size:clamp(26px,2.5vw,39px);font-weight:500;letter-spacing:-1.8px;margin:12px 0 0}.career-header h2 em{font-style:normal;color:#52728e}.career-controls{display:flex;gap:9px;align-items:center}.career-counter{font:500 16px var(--display);margin-right:13px;color:#385e85}.career-counter i{font-size:11px;font-style:normal;color:#a4aa9e;margin-left:4px}.career-controls button{border:1px solid #c7cec0;background:transparent;border-radius:50%;width:35px;height:35px;font-size:16px}.career-controls button:hover{background:#e3e8dc}.career-controls button:disabled{opacity:.3;cursor:default}.career-window{overflow:hidden;flex:1;min-height:0;margin-top:30px}.career-track{height:100%;display:flex;will-change:transform}.career-panel{flex:0 0 100%;min-width:0;display:grid;grid-template-columns:1fr 1.05fr;gap:6%;align-items:center;padding:0 9% 18px}.career-copy{max-width:450px}.career-kicker{font:8px var(--display);letter-spacing:1.4px;color:#8b9784}.career-copy h3{font-size:clamp(32px,3.4vw,54px);font-weight:500;letter-spacing:-2px;line-height:1.45;margin:22px 0;word-break:keep-all}.career-copy>p{font-size:12px;line-height:2;color:#838b7c;word-break:keep-all}.career-caption{margin-top:28px;display:flex;flex-direction:column;gap:8px}.career-caption b{font-size:11px;font-weight:500;color:#596e51}.career-caption span{font-size:9px;color:#9b9f92}.career-art{height:min(48svh,440px);min-height:300px;border-radius:22px;position:relative;overflow:hidden;padding:32px;display:flex;flex-direction:column;justify-content:center}.art-eyebrow{font:8px var(--display);letter-spacing:1.5px;color:#74899c}.join-art{background:#e5e9e0;align-items:center}.career-orbit{position:absolute;width:340px;height:340px;border:1px solid #bcc7b1;border-radius:50%;transform:rotate(-20deg) scaleX(1.3)}.career-pass{width:230px;background:#faf8f0;padding:24px;border-radius:10px;transform:rotate(-7deg);box-shadow:12px 15px 0 #c7d2ba66;position:relative}.career-pass>span{font:6px var(--display);letter-spacing:1px;color:#a0a58f}.pass-monogram{font:500 70px/1.3 var(--display);color:#5c7856;margin:10px 0}.pass-monogram span{font-size:35px;color:#a9bc85;display:inline-block;margin-left:8px}.career-pass>b{font-size:19px;font-weight:500}.career-pass>small{display:block;font-size:6px;letter-spacing:1px;color:#949d88;margin-top:6px}.pass-date{border-top:1px solid #dbe0d2;margin-top:20px;padding-top:13px;display:flex;justify-content:space-between;align-items:center}.pass-date span{font-size:6px;color:#8f9985}.pass-date strong{font:500 15px var(--display);color:#647d58}.career-art-note{position:absolute;right:25px;bottom:21px;font:6px var(--display);letter-spacing:1.2px;color:#8d9b80}.spend-art{background:#e2e9ee}.spend-total{font:500 clamp(75px,8vw,130px)/1 var(--display);letter-spacing:-7px;color:#355f89;margin:24px 0;position:relative;z-index:1}.spend-total>span{font:20px var(--font);letter-spacing:-1px;margin-left:8px}.spend-total i{font-size:50px;font-style:normal;position:absolute;right:6%;top:-8px;color:#98b3c8;font-weight:400}.spend-bars{position:absolute;right:25px;top:30px;height:150px;display:flex;gap:8px;align-items:end;opacity:.16;transform:rotate(-8deg)}.spend-bars i{width:19px;height:24%;background:#638fb4;border-radius:5px 5px 0 0}.spend-bars i:nth-child(2){height:35%}.spend-bars i:nth-child(3){height:47%}.spend-bars i:nth-child(4){height:53%}.spend-bars i:nth-child(5){height:67%}.spend-bars i:nth-child(6){height:81%}.spend-bars i:nth-child(7){height:100%}.career-audience{display:flex;align-items:center;gap:40px;color:#8ba0b1;border-top:1px solid #c6d3df;padding-top:19px}.career-audience span{font-size:6px;letter-spacing:1.2px}.career-audience b{display:block;font:500 26px var(--display);color:#597b9c;margin-top:6px;letter-spacing:0}.career-audience i{font-size:23px;font-style:normal}.brand-art{background:#e8e6dd;gap:13px}.brand-art .art-eyebrow{margin-bottom:10px;color:#9a927c}.career-brand{display:flex;align-items:center;gap:22px;padding:19px 23px;border-radius:8px;background:#f7f4ec;transform:rotate(-2deg);box-shadow:3px 5px 0 #cdc9b326}.career-brand:nth-of-type(2){transform:rotate(2deg);margin-left:19px;background:#e0e7df}.career-brand:nth-of-type(3){margin-right:19px;transform:rotate(-1deg);background:#e1e5e9}.career-brand>span{font:8px var(--display);color:#aaa58f}.career-brand strong{font-size:25px;letter-spacing:-1px;font-weight:500;color:#586b66;flex:1}.career-brand i{font-style:normal;color:#9baba0}.brand-art>small{font-size:7px;color:#a09b88;margin-top:8px}.automation-art{background:#e3e8d9}.automation-art .art-eyebrow{color:#8e9d7c;margin-bottom:15px}.career-before small,.career-after small{font:7px var(--display);letter-spacing:1px;color:#8c987f}.career-before strong,.career-after strong{font:500 57px/1.1 var(--display);letter-spacing:-3px;display:block;color:#9aab8b}.career-before strong span,.career-after strong span{font:10px var(--font);letter-spacing:0;margin-left:7px}.career-before>div{height:5px;background:#bbc7aa;border-radius:3px;margin-top:8px}.career-time-arrow{align-self:end;font-size:20px;color:#a0af8d;margin:5px 7% 0 0}.career-after strong{color:#536c46}.career-after>div{height:5px;background:#728b5b;border-radius:3px;margin-top:8px;width:8.33%}.automation-art>p{font-size:8px;color:#8c987b;margin-bottom:0}.career-detail{background:transparent;border:0;border-bottom:1px solid #aab89c;padding:10px 0;margin-top:16px;font-size:11px;color:#5c7850}.career-detail span{margin-left:20px}.career-footer{padding:0 9%;display:flex;gap:28px;align-items:center;font-size:8px;color:#919b86}.career-progress{height:2px;background:#d9dfcf;flex:1;overflow:hidden}.career-progress i{display:block;height:100%;width:25%;background:#6c87a0;transform-origin:left}.career-scroll-hint b{font-size:17px;font-weight:400;margin-left:10px}
@media(max-width:700px),(prefers-reduced-motion:reduce){.career-scroll{height:auto}.career-sticky{position:relative;height:auto;min-height:0;padding:45px 0 28px}.career-header{padding:0 7%}.career-header h2{font-size:25px}.career-company{font-size:10px}.career-window{overflow-x:auto;scroll-snap-type:x mandatory;margin-top:25px;scrollbar-width:thin;scrollbar-color:#a8b69c transparent}.career-track{transform:none!important;will-change:auto}.career-panel{scroll-snap-align:start;grid-template-columns:1fr;padding:5px 7% 24px;gap:25px;align-content:start}.career-copy{max-width:none}.career-copy h3{font-size:32px;line-height:1.4;margin:15px 0}.career-copy>p{font-size:11px}.career-caption{margin-top:16px}.career-art{height:320px;min-height:0;padding:26px}.career-footer{padding:22px 7% 0;gap:16px}.career-scroll-hint{font-size:0}.career-scroll-hint:before{content:'옆으로 넘겨보기';font-size:8px}.career-scroll-hint b{display:none}.career-controls{gap:5px}.career-counter{font-size:13px;margin-right:5px}.career-controls button{width:29px;height:29px}.career-pass{width:210px;padding:20px}.pass-monogram{font-size:60px}.spend-total{font-size:95px}.career-brand{padding:16px 19px}.career-brand strong{font-size:23px}}
.career-counter{white-space:nowrap}@media(max-width:700px){.career-header{align-items:flex-start}.career-header h2{font-size:22px;line-height:1.5;letter-spacing:-1px}.career-header h2 em{display:block}.career-controls{padding-top:25px;flex-shrink:0}}

/* Employer-first career presentation. */
.career-scroll{background:#efeee8;color:#232936}.career-sticky{padding-top:30px}.career-header{padding-bottom:23px;position:relative}.career-header:after{content:'';position:absolute;left:9%;right:9%;bottom:0;height:1px;background:#cfd2cd}
.career-employer{display:flex;align-items:center;gap:35px}.employer-logo{display:flex;align-items:center;gap:11px}.adperson-symbol{display:block;width:34px;height:36px;overflow:hidden;flex-shrink:0}.adperson-symbol img{display:block;width:180px;height:36px;max-width:none}.career-header .employer-logo h2{font-size:27px;line-height:1;letter-spacing:-1px;margin:0;font-weight:700;color:#25282e}.employer-logo>div>span{display:block;font-size:9px;color:#858b92;margin-top:8px}.employer-job{display:flex;flex-direction:column;gap:8px;border-left:1px solid #cdd1ce;padding-left:26px}.employer-job b{font-size:12px;font-weight:500;color:#4d5663}.employer-job>span{font-size:10px;color:#7a838d}.career-counter{color:#364eb0}.career-window{margin-top:25px}.career-copy h3{font-size:clamp(32px,3.1vw,49px);font-weight:600;letter-spacing:-2px;line-height:1.45}.career-copy h3 em{font-style:normal;color:#435a9a}.career-copy>p{font-size:12px;color:#767f87;line-height:1.95}.career-kicker{color:#6e7b99;font-size:8px}.career-scope{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.career-scope span{font-size:10px;padding:8px 11px;border:1px solid #d0d5d8;border-radius:3px;color:#727d8b;background:#f5f5ef}.career-art{border-radius:12px;height:min(49svh,450px);box-shadow:none}.overview-art{background:#fafbf8;border:1px solid #d4d9d9;padding:31px 32px;justify-content:flex-start;position:relative;overflow:visible}.overview-art:before{content:'';position:absolute;left:-1px;top:22px;width:3px;height:42px;background:#364fb3;border-radius:2px}.overview-top{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:8px;color:#8a939b}.overview-top>b{font:500 10px var(--display);color:#778595}.overview-role{margin:26px 0 20px}.overview-role>span{font-size:10px;color:#7d8791}.overview-role h4{font-size:25px;font-weight:600;letter-spacing:-1px;margin:10px 0}.overview-role h4 b{font-size:10px;background:#e5eaf5;color:#596fa1;vertical-align:middle;padding:5px 8px;border-radius:4px;margin-left:8px;font-weight:500;letter-spacing:0}.overview-role p{font-size:10px;color:#8c949e;margin:0}.overview-facts{margin:0;display:grid;gap:18px}.overview-facts>div{display:grid;grid-template-columns:85px 1fr;gap:12px;font-size:11px;line-height:1.7}.overview-facts dt{color:#9aa1a5}.overview-facts dd{margin:0;color:#657282}.overview-facts strong{font-weight:600;color:#374e88}.overview-bottom{font:7px var(--display);letter-spacing:1px;color:#929eac;display:flex;align-items:center;gap:7px;margin-top:auto;padding-top:25px}.overview-dot{width:5px;height:5px;border-radius:50%;background:#4962ae}.spend-art{background:#e2e7ef}.brand-art{background:#e7e9ec}.career-brand,.career-brand:nth-of-type(2),.career-brand:nth-of-type(3){transform:none;margin:0;padding:21px 22px;box-shadow:none;background:#f8f9f6;border-radius:5px}.career-brand strong{color:#3f4e66;font-weight:600}.career-brand>i{color:#7d8cab}.brand-art>small{color:#8a939f}.automation-art{background:#e1e7e7}.career-after strong{color:#3b546c}.career-after>div{background:#4e6685}.career-before strong{color:#a2afb7}.career-before>div{background:#b9c5cc}.career-detail{color:#4b638a;border-color:#b2bdd0}.career-caption b{color:#5e6f89}.career-caption span{color:#969da6}.career-progress{background:#d4d9dd}.career-progress i{background:#4961a6}.career-footer{color:#8e98a2}
@media(max-width:700px),(prefers-reduced-motion:reduce){.career-header{align-items:center;padding-bottom:22px;gap:12px}.career-header:after{left:7%;right:7%}.career-employer{display:block}.career-header .employer-logo h2{font-size:24px}.employer-job{border:0;padding:0;margin-top:17px;gap:7px}.employer-job b{font-size:10px}.employer-job>span{font-size:9px}.career-controls{padding:0;align-self:flex-start;margin-top:5px}.career-copy h3{font-size:29px;letter-spacing:-1.5px}.career-copy>p{font-size:11px}.career-scope{margin-top:20px;gap:6px}.career-scope span{font-size:8px;padding:7px}.career-art{height:350px}.overview-art{padding:24px}.overview-role{margin:23px 0}.overview-role h4{font-size:21px}.overview-facts{gap:15px}.overview-facts>div{grid-template-columns:65px 1fr;gap:8px;font-size:10px}.overview-top{font-size:8px}.overview-top>b{font-size:9px}.overview-bottom{font-size:6px;padding-top:20px}}

/* Dated milestones and animated client brand wall. */
.career-scroll{height:470svh}.career-dates{display:grid;grid-template-columns:repeat(5,1fr);width:100%;gap:0}.career-dates button{text-align:left;background:none;padding:12px 0 0;position:relative;border-top:2px solid #d5d9de;color:#9ba3ad}.career-dates button:before{content:'';width:6px;height:6px;position:absolute;border-radius:50%;background:#bec6d1;top:-4px;left:0}.career-dates b{display:block;font:500 11px var(--display)}.career-dates span{display:block;font-size:9px;margin-top:6px}.career-dates button[aria-current]{color:#3e569d;border-color:#5368a4}.career-dates button[aria-current]:before{background:#5368a4;box-shadow:0 0 0 4px #5368a417}.regular-art{background:#e6ebe4;align-items:center;position:relative}.status-label{font:7px var(--display);letter-spacing:1.5px;position:absolute;top:28px;left:28px;color:#889483}.regular-check{height:75px;width:75px;border-radius:50%;background:#f6f7ee;border:1px solid #becdb6;display:grid;place-items:center;font:40px Georgia;color:#698664;box-shadow:0 0 0 12px #d4e0ce55;margin:18px 0 25px}.regular-art h4{font-size:29px;font-weight:600;letter-spacing:-1px;margin:0 0 12px;color:#486843}.regular-art>strong{font:400 19px var(--display);letter-spacing:2px;color:#83977d}.regular-line{display:flex;align-items:center;gap:12px;margin-top:30px;width:100%;justify-content:center;font-size:8px;color:#96a38d}.regular-line i{width:60px;height:1px;background:#b5c1ab}.regular-line b{font-weight:500;color:#68815f}.logo-stage{padding:0!important;background:#1c2f48;position:relative;overflow:hidden;display:block;color:white}.logo-stage-grid{position:absolute;inset:0;opacity:.17;background-image:linear-gradient(#809ab633 1px,transparent 1px),linear-gradient(90deg,#809ab633 1px,transparent 1px);background-size:36px 36px;transform:rotate(-12deg) scale(1.2)}.logo-stage-heading{display:flex;align-items:center;gap:15px;padding:25px 26px;position:relative;z-index:2}.logo-stage-heading>span{font:6px var(--display);letter-spacing:1.5px;color:#9fbcda}.logo-stage-heading>b{font-size:12px;font-weight:500;color:#ecf0e5}.brand-motion-toggle{margin-left:auto;width:28px;height:28px;display:grid;place-items:center;border:1px solid #a0b4d244;border-radius:50%;background:#ffffff0b;color:#c1d3e8;font-size:10px}.logo-streams{position:absolute;left:-30px;right:-30px;top:27%;transform:rotate(-9deg);display:grid;gap:13px;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.logo-marquee{overflow:hidden}.logo-run{display:flex;width:max-content;animation:brands-flow 17s linear infinite;animation-play-state:paused}.logo-set{display:flex;gap:12px;padding-right:12px}.logo-marquee.reverse .logo-run{animation-direction:reverse;animation-duration:21s}.brand-logo-card{height:69px;width:160px;background:#f7f7f1;border:1px solid #ffffff44;border-radius:7px;display:grid;place-items:center;box-shadow:0 8px 20px #06182e33;flex-shrink:0}.brand-logo-card img{width:112px;height:36px;object-fit:contain}.brand-logo-card.logo-thesharp{background:#345c70}.brand-logo-card.logo-xi{background:#e0eceb}.brand-logo-card.logo-xi img{width:78px}.logo-stage-footer{position:absolute;bottom:23px;left:26px;right:26px;display:flex;gap:10px;align-items:center;color:#9bb3ce;font:6px var(--display);letter-spacing:1px}.logo-stage-footer i{color:#5e83af;font-size:12px;font-style:normal}.b2b-panel.is-active .logo-run{animation-play-state:running}.brands-paused .logo-run,.reduced .logo-run{animation-play-state:paused!important}.promotion-art{background:#e7e5dc;align-items:center;isolation:isolate}.promotion-orbit{position:absolute;width:285px;height:285px;border-radius:50%;border:1px solid #b5b79e;z-index:-1;box-shadow:0 0 0 28px #d9dbca55,0 0 0 58px #d9dbca33}.promotion-title{text-align:center}.promotion-title>span{font-size:12px;letter-spacing:5px;color:#8b9278}.promotion-title strong{display:block;font-size:65px;line-height:1.5;font-weight:600;letter-spacing:2px;color:#4a5d46}.promotion-title small{font:6px var(--display);letter-spacing:1.5px;color:#929b82}.promotion-arrow{font:65px var(--display);color:#a0ae85;position:absolute;right:12%;top:16%;transform:rotate(-5deg)}.promotion-date{font:11px var(--display);letter-spacing:2px;color:#8b957b;margin-top:27px}.promotion-art .status-label{color:#93977f}.resume-milestones{margin-top:12px!important;font-size:10px!important;line-height:2!important;color:#89917d!important}@keyframes brands-flow{to{transform:translateX(-50%)}}
@media(max-width:700px),(prefers-reduced-motion:reduce){.career-scroll{height:auto}.career-dates b{font-size:8px}.career-dates span{font-size:7px}.career-dates button{padding-top:11px}.career-footer{padding-top:15px}.logo-stage-heading{padding:20px;gap:8px}.logo-stage-heading>span{font-size:5px;letter-spacing:.7px}.logo-stage-heading>b{font-size:10px}.brand-logo-card{width:130px;height:58px}.brand-logo-card img{width:95px;height:30px}.logo-streams{top:26%;gap:11px}.logo-stage-footer{font-size:5px;gap:8px;left:20px;bottom:22px}.promotion-orbit{width:225px;height:225px}.promotion-title strong{font-size:55px}}
@media(prefers-reduced-motion:reduce){.logo-run{animation:none;transform:none}.logo-streams{left:15px;right:15px;transform:none}.logo-set{gap:8px}.brand-logo-card{width:135px}}
.career-window{overflow:clip}@media(max-width:700px),(prefers-reduced-motion:reduce){.career-window{overflow-x:auto;overflow-y:hidden}}

/* A concise ending after the career timeline. */
.contact-simple{position:relative;z-index:3;background:#f4eee4;padding:75px 9% 28px;color:#30362c}.contact-simple-top{display:flex;align-items:center;justify-content:space-between;gap:35px}.contact-label{font:8px var(--display);letter-spacing:1.6px;color:#949780}.contact-simple h2{font-size:32px;font-weight:500;letter-spacing:-1px;margin:15px 0 12px}.contact-simple p{font-size:11px;color:#969483;margin:0;line-height:1.8}.contact-email{font:500 clamp(17px,2vw,29px) var(--display);letter-spacing:-.7px;display:flex;align-items:center;gap:25px}.contact-email span{font-size:23px;color:#839475}.contact-email:hover{color:#71835e}.contact-simple-actions{display:flex;align-items:center;gap:25px;margin-top:32px}.contact-simple-actions button,.contact-simple-actions a{font-size:10px;background:none;color:#858976;padding:5px 0;border:0}.contact-simple-actions button:hover,.contact-simple-actions a:hover{color:#445f3a}.simple-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d6d3c3;margin-top:50px;padding-top:22px;font-size:8px;color:#a09c8a}.simple-footer>a{font-size:9px;color:#828971}@media(max-width:650px){.contact-simple{padding:48px 7% 24px}.contact-simple-top{display:block}.contact-simple h2{font-size:27px}.contact-simple p{font-size:10px}.contact-email{font-size:21px;margin-top:27px;gap:15px;letter-spacing:-.6px}.contact-simple-actions{gap:24px;margin-top:22px}.simple-footer{margin-top:35px}}

/* A complete, browsable life timeline. */
.life-history{position:relative;z-index:3;background:#f1f0e9;color:#2f362e;padding:80px 9% 90px;scroll-margin-top:0}.history-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:40px}.history-eyebrow{font:8px var(--display);letter-spacing:1.7px;color:#929a85}.history-heading h2{font-size:clamp(29px,3vw,46px);font-weight:500;letter-spacing:-1.8px;line-height:1.5;margin:18px 0}.history-heading h2 em{font-style:normal;color:#7c8b69}.history-heading p{font-size:12px;color:#8a8e7f;margin:0}.history-download{font-size:10px;color:#6d7c60;border-bottom:1px solid #b4bda6;padding-bottom:8px;white-space:nowrap}.history-toolbar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 0;background:#f1f0e9f2;backdrop-filter:blur(10px);border-bottom:1px solid #d8dcd0;margin-bottom:45px}.history-filters{display:flex;flex-wrap:wrap;gap:6px}.history-filters button{background:transparent;padding:9px 14px;border-radius:24px;color:#8b9281;font-size:10px;transition:background .2s,color .2s}.history-filters button[aria-pressed=true]{background:#687e59;color:#faf7ec}.history-filters button:hover{background:#e1e6d8;color:#5a7050}.history-filters button[aria-pressed=true]:hover{background:#687e59;color:white}.history-sort{font-size:9px;color:#8a9481;background:transparent;white-space:nowrap;padding:8px}.history-layout{display:grid;grid-template-columns:100px minmax(0,1fr);gap:35px}.history-sidebar{position:sticky;top:100px;align-self:start}.history-count{font-size:9px;color:#919b87;margin:0 0 26px}.history-sidebar nav{display:flex;flex-direction:column;align-items:start;gap:20px}.history-sidebar nav a{font:500 18px var(--display);letter-spacing:-.5px;color:#b0b7a7;position:relative;padding-left:17px}.history-sidebar nav a:before{content:'';position:absolute;width:4px;height:4px;left:0;top:9px;background:#c6cdbe;border-radius:50%}.history-sidebar nav a.active{color:#596f4e}.history-sidebar nav a.active:before{background:#789569;box-shadow:0 0 0 4px #dce4d5}.history-year{scroll-margin-top:90px;margin-bottom:55px}.history-year>h3{font:500 32px var(--display);letter-spacing:-1.3px;color:#697b5e;margin:0 0 22px;display:flex;align-items:center;gap:13px}.history-year>h3>span{font:8px var(--font);letter-spacing:0;color:#a8b09d;background:#e4e8dd;border-radius:20px;padding:4px 7px}.history-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.history-card{background:#f9f7f0;border:1px solid #e0e2d6;border-radius:12px;overflow:hidden;align-self:start}.history-card-content{padding:23px 24px}.history-card-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.history-card time{font:9px var(--display);color:#9b9f90;letter-spacing:.2px}.history-category{font-size:8px;padding:5px 8px;border-radius:4px;background:#e7ebde;color:#82916f;white-space:nowrap}.history-card h4{font-size:15px;font-weight:500;line-height:1.7;letter-spacing:-.4px;margin:0 0 10px;word-break:keep-all}.history-org{font-size:10px;color:#939886;line-height:1.8;margin:0}.history-description{font-size:10px;line-height:1.9;word-break:keep-all;margin:14px 0 0;color:#8b9380}.history-result{display:inline-block;font-size:10px;font-weight:500;color:#667f52;background:#e8eddc;border-radius:5px;padding:7px 10px;margin-top:18px;line-height:1.6}.history-award .history-category{background:#eee4cd;color:#a38c55}.history-award .history-result{background:#f0e6cf;color:#9a7c3c}.history-competition .history-category{background:#e2e7ee;color:#7a8caa}.history-competition .history-result{background:#e5eaf2;color:#637da4}.history-sharing .history-category{background:#e9e1ed;color:#a18cae}.history-featured{border-color:#d3dbe3;background:#f7f8f4}.history-featured .history-category{background:#e1e8f5;color:#6b83ab}.history-employer{display:flex;align-items:center;gap:5px;font-size:10px;color:#718097;margin-bottom:15px}.history-employer .adperson-symbol{width:14px;height:16px}.history-employer .adperson-symbol img{width:80px;height:16px}.history-featured .history-result{background:#e5eaf2;color:#526f9e}.history-b2b{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.history-logo-stage{min-height:280px;height:100%;border-radius:0;position:relative;overflow:hidden}.history-logo-stage .logo-streams{top:27%;left:-30px;right:-30px;gap:9px}.history-logo-stage .brand-logo-card{width:130px;height:49px}.history-logo-stage .brand-logo-card img{width:95px;height:29px}.history-logo-stage .logo-set{gap:9px;padding-right:9px}.history-logo-stage .logo-stage-heading{padding:18px;gap:12px}.history-logo-stage .logo-stage-heading>span{font-size:5px;letter-spacing:.8px}.history-logo-stage .logo-stage-heading>b{font-size:10px}.history-motion-toggle{margin-left:auto;width:25px;height:25px;border-radius:50%;border:1px solid #819abc66;background:transparent;color:#b1c9e3;font-size:9px}.history-logo-stage .logo-stage-footer{left:18px;bottom:15px;font-size:5px}.history-logo-stage .logo-run{animation-play-state:running}.life-history.brands-paused .logo-run,.reduced .life-history .logo-run{animation-play-state:paused!important}
@media(max-width:900px){.history-layout{grid-template-columns:65px minmax(0,1fr);gap:20px}.history-card-content{padding:20px}.history-cards{gap:12px}.history-card h4{font-size:14px}.history-card-meta{flex-wrap:wrap;gap:7px}.history-filters button{padding:8px 11px;font-size:9px}.history-b2b{display:block}.history-logo-stage{height:270px}}
@media(max-width:650px){.life-history{padding:48px 7%}.history-heading{display:block;margin-bottom:25px}.history-heading h2{font-size:27px;letter-spacing:-1px}.history-heading p{font-size:10px}.history-download{display:inline-block;margin-top:20px;font-size:9px}.history-toolbar{padding:13px 0;display:block;margin-bottom:23px}.history-filters{gap:3px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.history-filters button{flex-shrink:0;font-size:9px;padding:8px 11px}.history-sort{display:block;margin:7px 0 0 auto;font-size:8px;padding:4px}.history-layout{display:block}.history-sidebar{position:relative;top:auto;margin-bottom:27px}.history-count{margin-bottom:17px}.history-sidebar nav{flex-direction:row;flex-wrap:wrap;gap:18px}.history-sidebar nav a{font-size:14px;padding-left:0}.history-sidebar nav a:before{display:none}.history-cards{grid-template-columns:1fr;gap:12px}.history-year{margin-bottom:36px;scroll-margin-top:110px}.history-year>h3{font-size:27px;margin-bottom:17px}.history-card-content{padding:21px}.history-card-meta{flex-wrap:nowrap;margin-bottom:15px}.history-card time{font-size:9px}.history-card h4{font-size:15px}.history-org,.history-description{font-size:10px}.history-logo-stage{height:265px;min-height:265px}.history-b2b{grid-column:auto}.history-logo-stage .logo-streams{top:26%}}
@media(prefers-reduced-motion:reduce){.history-logo-stage .logo-run{animation:none;transform:none}.history-logo-stage .logo-streams{left:12px;right:12px;transform:none}}

/* Equal activity tiles and a focused detail dialog. */
.history-cards{grid-auto-rows:255px;align-items:stretch}.history-card{height:255px;align-self:stretch;transition:border-color .2s,transform .2s,box-shadow .2s}.history-card:hover{border-color:#b6c4a8;transform:translateY(-3px);box-shadow:0 8px 22px #68785c0c}.history-card-button{display:flex;flex-direction:column;align-items:stretch;text-align:left;background:transparent;width:100%;height:100%;padding:23px 24px;border:0}.history-card h4{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:50px;margin-bottom:9px;font-size:15px}.history-org{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:12px}.history-card-bottom .history-result{margin:0;max-width:85%;font-size:9px;padding:6px 9px}.history-open-arrow{font-size:17px;color:#91a17c;width:27px;height:27px;display:grid;place-items:center;flex-shrink:0}.history-card-meta{min-height:27px;margin-bottom:15px}.history-card time{font-size:9px}
#history-detail{width:min(640px,calc(100vw - 32px));max-height:88svh;border:1px solid #e5e4d7;border-radius:20px;background:#f8f5ed;color:#30392c;padding:42px;margin:auto;box-shadow:0 22px 80px #29322a22;overflow:auto}#history-detail::backdrop{background:#20291e66;backdrop-filter:blur(7px)}.history-modal-close{position:absolute;right:20px;top:20px;width:31px;height:31px;border-radius:50%;background:#eaece1;font-size:20px;line-height:1;color:#7c8971}.history-modal-tag{font-size:10px;color:#839274;letter-spacing:1px;margin:4px 0 23px}.history-modal-company{display:flex;gap:7px;align-items:center;font-size:10px;color:#7d8ba2;margin-bottom:14px}.history-modal-company .adperson-symbol{width:17px;height:18px}.history-modal-company img{width:90px;height:18px}#history-detail h2{font-size:27px;line-height:1.6;font-weight:500;letter-spacing:-1px;margin:0 15px 22px 0;word-break:keep-all}.history-modal-result{display:inline-block;background:#e2e9d6;color:#667f52;font:500 18px/1.6 var(--display);padding:10px 16px;border-radius:8px}.history-modal-info{margin:30px 0 0;padding:23px 0;border-top:1px solid #d9decc;border-bottom:1px solid #d9decc;display:grid;gap:15px}.history-modal-info>div{display:grid;grid-template-columns:80px 1fr;gap:15px;font-size:11px;line-height:1.9}.history-modal-info dt{color:#a0a58f}.history-modal-info dd{margin:0;color:#68755c;word-break:keep-all}.history-modal-story{margin-top:25px}.history-modal-story h3{font-size:11px;font-weight:500;color:#8b977c;margin:0 0 12px}.history-modal-story p{font-size:12px;line-height:2;color:#7d8871;margin:0;word-break:keep-all}.modal-brands{display:flex;gap:9px;margin-top:25px}.modal-brands>div{width:33.333%;height:70px;background:#edf0e9;border-radius:7px;display:grid;place-items:center;padding:14px}.modal-brands img{width:100%;height:35px;object-fit:contain}.modal-brands>div:nth-child(2) img{width:70%}.modal-brands>div.modal-sharp{background:#345c70}.history-modal-nav{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:32px;padding-top:21px;border-top:1px solid #d9decc}.history-modal-nav button{font-size:10px;color:#768867;background:transparent;padding:5px 0}.history-modal-nav button:disabled{opacity:.25;cursor:default}.history-modal-nav>span{font:9px var(--display);color:#abb29f}
/* A personal closing letter to the hiring team. */
.recruiter-note{position:relative;z-index:3;background:#e8e5da;padding:75px 9% 28px}.recruiter-intro>span{font:8px var(--display);letter-spacing:1.7px;color:#969b88}.recruiter-intro h2{font-size:34px;font-weight:500;letter-spacing:-1px;margin:18px 0 14px;color:#424d3a}.recruiter-intro>p{font-size:11px;color:#949584;line-height:1.8;margin:0}.recruiter-letter{background:#f7f4eb;border-radius:12px;padding:35px 40px;margin-top:30px;box-shadow:0 5px 18px #6c755008;position:relative;max-width:880px}.letter-top{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:26px}.letter-top>span{font-size:9px;color:#9aa08c}.letter-top>button{font-size:8px;background:none;color:#a7ac99;padding:5px 0}.letter-message p{font-size:13px;line-height:2.2;color:#757e69;word-break:keep-all;margin:0 0 19px;white-space:pre-line}.letter-message p:first-child{font-size:17px;line-height:1.9;color:#526447;letter-spacing:-.4px;margin-bottom:22px}.letter-message p:last-child{margin-bottom:0}.letter-sign{text-align:right;margin-top:25px;color:#758366}.letter-sign>span{font-size:14px;display:block}.letter-sign>small{font:6px var(--display);letter-spacing:1.7px;display:block;margin-top:9px;color:#a6ae98}.recruiter-links{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:32px;max-width:880px}.recruiter-links>a{font:500 16px var(--display);color:#768367}.recruiter-links>div{display:flex;gap:22px;align-items:center}.recruiter-links>div>a,.recruiter-links button{background:transparent;padding:5px 0;font-size:9px;color:#909980;border:0}.recruiter-note .simple-footer{margin-top:45px;border-color:#d0d4c5}.letter-editor label{font-size:10px;color:#8a977d;display:block;margin-bottom:12px}.letter-editor textarea{display:block;width:100%;padding:16px;font:12px/2 var(--font);color:#647658;background:#fcfaf3;border:1px solid #cbd4bb;border-radius:8px;resize:vertical;min-height:260px}.letter-editor>div{display:flex;gap:10px;margin-top:15px}.letter-editor button{font-size:10px;padding:9px 16px;border-radius:5px;background:#dfe7d3;color:#60784e}.letter-editor button+button{background:transparent;color:#9ca58e}
@media(max-width:650px){.history-cards{grid-auto-rows:235px}.history-card{height:235px}.history-card-button{padding:21px}.history-card h4{font-size:15px;min-height:48px}.history-card-meta{gap:7px;flex-wrap:wrap;margin-bottom:13px}.history-card time{font-size:9px}.history-card-bottom .history-result{font-size:9px}#history-detail{padding:30px 24px;border-radius:16px;max-height:90svh}#history-detail h2{font-size:22px;margin-right:8px;line-height:1.65}.history-modal-close{right:14px;top:14px;width:28px;height:28px}.history-modal-tag{font-size:9px;margin-bottom:20px}.history-modal-result{font-size:16px}.history-modal-info{margin-top:25px;gap:13px}.history-modal-info>div{grid-template-columns:60px 1fr;gap:10px;font-size:10px}.history-modal-story p{font-size:11px}.modal-brands{gap:6px}.modal-brands>div{height:58px;padding:9px}.modal-brands img{height:28px}.history-modal-nav button{font-size:9px}.recruiter-note{padding:48px 7% 24px}.recruiter-intro h2{font-size:28px}.recruiter-intro>p{font-size:10px}.recruiter-letter{padding:24px;margin-top:25px}.letter-top{gap:12px;margin-bottom:20px}.letter-top>span{font-size:8px}.letter-top>button{font-size:7px;white-space:nowrap}.letter-message p{font-size:11px;line-height:2.1;margin-bottom:18px}.letter-message p:first-child{font-size:14px;line-height:1.9}.letter-sign>span{font-size:12px}.recruiter-links{display:block;margin-top:26px}.recruiter-links>a{font-size:16px}.recruiter-links>div{margin-top:17px;gap:23px}.recruiter-note .simple-footer{margin-top:30px}}

/* Compact, readable chronology rows. */
.history-cards{display:block;grid-auto-rows:auto;border-top:1px solid #d7dbcf}.history-card{height:auto;min-height:0;background:transparent;border:0;border-bottom:1px solid #dde0d6;border-radius:0;box-shadow:none;transition:background .2s}.history-card:hover{transform:none;box-shadow:none;border-color:#dde0d6;background:#e9eddf88}.history-card-button{display:grid;grid-template-columns:165px minmax(0,1fr) 155px;grid-template-rows:auto auto;column-gap:22px;row-gap:5px;padding:20px 12px;min-height:92px;height:auto;align-items:center}.history-card-meta{grid-column:1;grid-row:1/3;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;margin:0;min-height:0}.history-card time{font-size:10px;line-height:1.7;color:#929b85;letter-spacing:0}.history-category{font-size:8px;padding:3px 6px}.history-card h4{grid-column:2;grid-row:1;display:block;font-size:14px;line-height:1.7;min-height:0;margin:0;overflow:visible;word-break:keep-all}.history-org{grid-column:2;grid-row:2;font-size:10px;line-height:1.8;margin:0;color:#949d89}.history-card-bottom{grid-column:3;grid-row:1/3;padding:0;margin:0;justify-content:flex-end;gap:12px;align-items:center}.history-card-bottom .history-result{font-size:9px;line-height:1.6;margin:0;padding:5px 8px;text-align:right;max-width:none}.history-open-arrow{width:20px;height:25px;font-size:16px}.history-year{margin-bottom:42px}.history-year>h3{font-size:28px;margin-bottom:17px}.history-featured{background:transparent}
@media(max-width:1000px){.history-card-button{grid-template-columns:135px minmax(0,1fr) 130px;column-gap:15px}.history-card h4{font-size:13px}.history-card time{font-size:9px}.history-card-bottom{gap:7px}.history-card-bottom .history-result{font-size:8px;padding:5px 7px}}
@media(max-width:650px){.history-cards{display:block}.history-card{height:auto}.history-card-button{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto auto;padding:18px 3px;column-gap:10px;row-gap:8px;min-height:0}.history-card-meta{grid-column:1/-1;grid-row:1;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:9px}.history-card time{font-size:9px}.history-card h4{grid-column:1/-1;grid-row:2;font-size:14px;line-height:1.7}.history-org{grid-column:1/-1;grid-row:3;font-size:10px;white-space:normal}.history-card-bottom{grid-column:1/-1;grid-row:4;justify-content:space-between;margin-top:1px}.history-card-bottom .history-result{font-size:9px;text-align:left;padding:5px 8px}.history-open-arrow{height:20px}.history-year>h3{font-size:25px;margin-bottom:13px}}

/* A composed closing spread, rather than a message box. */
.recruiter-note{background:#e6e8dc;padding:95px 9% 28px;overflow:hidden}.closing-layout{display:grid;grid-template-columns:1fr 1.12fr;gap:9%;align-items:start;position:relative}.closing-eyebrow{display:flex;align-items:center;gap:9px;font:8px var(--display);letter-spacing:1.6px;color:#7c8b6d}.closing-eyebrow i{height:5px;width:5px;background:#8a9e76;border-radius:50%}.recruiter-intro h2{font-size:clamp(34px,3.6vw,58px);font-weight:500;line-height:1.5;letter-spacing:-2.4px;color:#35452e;margin:29px 0 20px;word-break:keep-all}.recruiter-intro h2>span:not(.closing-period){position:relative;display:inline-block;color:#758a60}.recruiter-intro h2>span:not(.closing-period):after{content:'';position:absolute;left:-5px;right:-9px;bottom:9px;height:14px;background:#ced8bb88;z-index:-1;transform:rotate(-3deg);border-radius:50%}.recruiter-intro h2 .closing-period{color:#cf9667}.recruiter-intro>p{font-size:11px;line-height:1.95;color:#839073;margin-top:20px}.closing-emblem{position:relative;width:180px;height:127px;margin-top:21px}.closing-emblem svg{width:180px;height:126px;fill:none;stroke:#a7b895;stroke-width:1.3}.closing-emblem svg path{stroke:#81966c;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.closing-emblem>span{position:absolute;right:4px;top:20px;font:43px var(--display);color:#c99d6b;background:#e6e8dc;padding:0 3px}.closing-emblem>small{position:absolute;bottom:1px;left:8px;font:5px var(--display);letter-spacing:1.6px;color:#91a180}.recruiter-letter{background:transparent;box-shadow:none;border-radius:0;margin:10px 0 0;padding:0 0 0 33px;max-width:none;border-left:1px solid #c4cfb6;position:relative}.recruiter-letter:before{content:'';height:29px;width:3px;background:#8ca274;position:absolute;left:-2px;top:0;border-radius:2px}.letter-top{margin-bottom:28px;gap:20px;align-items:center}.letter-top>span{font-size:12px;font-weight:500;color:#617752}.letter-top>button{font-size:8px;color:#8c9a7f;background:#d9e1ce;padding:6px 10px;border-radius:4px}.letter-message p{font-size:13px;line-height:2.05;color:#6d7b60;margin:0 0 22px;max-width:520px}.letter-message p:first-child{font-size:18px;font-weight:500;line-height:1.9;color:#425b34;letter-spacing:-.6px;margin-bottom:24px}.letter-message p:last-child{font-size:12px;margin-bottom:0;color:#7f8d71}.letter-sign{display:flex;align-items:center;gap:15px;justify-content:flex-end;border-top:1px solid #c8d2bb;padding-top:20px;margin-top:28px}.letter-sign>span{font-size:14px;color:#5f7550}.letter-sign>small{font:6px var(--display);letter-spacing:1.7px;margin:0;color:#8f9f80}.recruiter-links{max-width:none;margin-top:55px;padding-top:26px;border-top:1px solid #becbb0;gap:25px}.recruiter-links>a{font-size:18px;color:#526b43;letter-spacing:-.3px}.recruiter-links>div>a,.recruiter-links button{font-size:10px;color:#7a8c69}.recruiter-links>div>a{border:1px solid #b3c2a3;padding:10px 14px;border-radius:5px;background:#edf0e5}.recruiter-links>div>a:hover{background:#dce5cf}.recruiter-note .simple-footer{border:0;margin-top:24px;padding-top:10px}.letter-editor textarea{background:#f1f4e9;color:#526b43;border-color:#b4c3a4}.letter-editor label{color:#7b8f69}
@media(max-width:900px){.closing-layout{gap:6%}.recruiter-letter{padding-left:25px}.letter-message p{font-size:12px}.letter-message p:first-child{font-size:16px}.recruiter-intro h2{font-size:37px;letter-spacing:-1.7px}}
@media(max-width:650px){.recruiter-note{padding:52px 7% 24px}.closing-layout{display:block}.recruiter-intro{position:relative;padding-bottom:28px}.closing-eyebrow{font-size:7px}.recruiter-intro h2{font-size:35px;line-height:1.45;letter-spacing:-1.5px;margin:24px 0 15px}.recruiter-intro h2>span:not(.closing-period):after{bottom:7px;height:10px}.closing-emblem{position:absolute;right:0;top:89px;width:100px;height:88px;transform:rotate(-6deg);margin:0;opacity:.75}.closing-emblem svg{width:100px;height:80px}.closing-emblem>span{font-size:28px;top:11px;right:-2px}.closing-emblem>small{font-size:3px;letter-spacing:.7px;bottom:5px;left:3px}.recruiter-intro>p{font-size:10px;line-height:1.9;margin-top:18px}.recruiter-letter{margin:0;padding:24px 0 0;border:0;border-top:1px solid #c4cfb6}.recruiter-letter:before{left:0;top:-2px;width:32px;height:3px}.letter-top{margin-bottom:22px}.letter-top>span{font-size:11px}.letter-top>button{font-size:7px;padding:6px 9px}.letter-message p{font-size:12px;line-height:2;max-width:none;margin-bottom:19px}.letter-message p:first-child{font-size:15px;line-height:1.9}.letter-message p:last-child{font-size:11px}.letter-sign{margin-top:23px;padding-top:17px}.letter-sign>span{font-size:12px}.letter-sign>small{font-size:5px}.recruiter-links{margin-top:30px;padding-top:23px}.recruiter-links>a{font-size:18px}.recruiter-links>div{margin-top:18px;justify-content:space-between;gap:15px}.recruiter-links>div>a,.recruiter-links button{font-size:9px}.recruiter-note .simple-footer{margin-top:20px}}

/* Four clear entry points to the person's strongest stories. */
.hero-highlights{position:absolute;left:9%;bottom:5%;width:460px;max-width:40%;pointer-events:auto}.keyword-caption{font-size:9px;letter-spacing:.2px;color:#8e967e;display:flex;align-items:center;gap:12px;margin-bottom:13px}.keyword-caption>span{font-size:17px;color:#b1ac84}.keyword-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px}.keyword-buttons .keyword-badge{display:flex;align-items:center;gap:10px;text-align:left;min-height:60px;padding:11px 13px;background:#faf6eced;border:1px solid #d9decd;border-radius:9px;box-shadow:0 3px 10px #7b835008;transition:transform .22s,border-color .22s,background .22s}.keyword-no{font:8px var(--display);color:#a4ae92;align-self:flex-start;margin-top:4px}.keyword-buttons .keyword-badge>span:nth-child(2){flex:1;min-width:0}.keyword-buttons small{display:block;font-size:7px;color:#a0a48d;margin-bottom:6px}.keyword-buttons b{font-size:10px;line-height:1.5;font-weight:500;color:#637752;white-space:nowrap;letter-spacing:-.2px}.keyword-buttons i{font-size:14px;font-style:normal;color:#b1bd9e}.keyword-buttons .keyword-badge:nth-child(2){background:#ebefdfeb}.keyword-buttons .keyword-badge:nth-child(3){background:#f3eddfed}.keyword-buttons .keyword-badge:nth-child(4){background:#e9edebed}.keyword-buttons .keyword-badge:hover{transform:translateY(-3px);border-color:#9bad87;background:#f8faef}.keyword-buttons .keyword-badge:hover i{color:#758e60}
#keyword-dialog{width:min(560px,calc(100vw - 32px));max-height:88svh;margin:auto;padding:38px;border:1px solid #e4e7d8;border-radius:20px;background:#f6f3e9;color:#3e4c33;box-shadow:0 20px 80px #202c2526;overflow:auto}#keyword-dialog::backdrop{background:#28322466;backdrop-filter:blur(7px)}.keyword-close{position:absolute;right:18px;top:18px;width:29px;height:29px;display:grid;place-items:center;background:#e8ecde;border-radius:50%;color:#89977b;font-size:20px}.keyword-modal-top{display:flex;align-items:center;justify-content:space-between;margin:4px 26px 23px 0}.keyword-modal-top>span:first-child{font-size:9px;letter-spacing:1px;color:#8d9d7b}.keyword-modal-star{font-size:27px;color:#d2b075}#keyword-title{font-size:27px;font-weight:500;letter-spacing:-1px;line-height:1.6;margin:0 0 24px;word-break:keep-all}.keyword-modal-metric{display:inline-block;font:500 23px/1.6 var(--display);letter-spacing:-.7px;color:#5c7a46;background:#e3ead5;padding:10px 15px;border-radius:7px}.keyword-modal-name{font-size:12px;font-weight:500;display:block;margin-top:20px;color:#8a977b}.keyword-modal-body{font-size:12px;line-height:2;color:#7f8d6e;margin:15px 0 25px;word-break:keep-all}.keyword-modal-facts{padding:20px 0;margin:0;border-top:1px solid #d9dfcc;display:grid;gap:13px}.keyword-modal-facts>div{display:grid;grid-template-columns:90px 1fr;gap:15px;font-size:10px;line-height:1.9}.keyword-modal-facts dt{color:#a1ad91}.keyword-modal-facts dd{margin:0;color:#738763;word-break:keep-all}.keyword-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #d9dfcc;padding-top:20px}.keyword-modal-footer>span{font:6px var(--display);letter-spacing:1.3px;color:#b0b89e}.keyword-more{background:none;color:#85966f;font-size:10px;padding:6px 0}
@media(max-width:1000px) and (min-width:651px){.hero-highlights{width:420px;max-width:44%;left:7%;bottom:4%}.keyword-buttons .keyword-badge{padding:10px;gap:7px}.keyword-buttons b{font-size:9px}.keyword-no{font-size:7px}}
@media(max-width:650px){.hero-highlights{left:7%;right:7%;bottom:24px;width:auto;max-width:none}.keyword-caption{font-size:8px;margin-bottom:10px}.keyword-buttons{gap:7px}.keyword-buttons .keyword-badge{min-height:56px;padding:10px;gap:7px;background:#faf6edf2}.keyword-buttons small{font-size:6px;margin-bottom:5px}.keyword-buttons b{font-size:9px}.keyword-no{font-size:6px}.keyword-buttons i{font-size:12px}#keyword-dialog{padding:29px 24px;border-radius:15px}#keyword-title{font-size:23px}.keyword-modal-metric{font-size:20px;padding:9px 12px}.keyword-modal-body{font-size:11px}.keyword-modal-facts>div{grid-template-columns:72px 1fr;gap:9px;font-size:10px}.keyword-modal-footer>span{font-size:5px;letter-spacing:.5px}.keyword-more{font-size:9px}}

/* Character-side achievement badges, visible in the first composition. */
.hero-highlights{left:auto;right:3.8%;top:32%;bottom:auto;width:255px;max-width:none}.keyword-caption{color:#647655;font-size:11px;font-weight:600;margin-bottom:14px}.keyword-buttons{grid-template-columns:1fr;gap:10px}.keyword-buttons .keyword-badge{min-height:69px;padding:13px 15px;border-color:#c1cbb4;background:#fffaf2f5;box-shadow:0 6px 22px #4b543019;border-radius:13px;gap:10px}.keyword-buttons small{font-size:9px;color:#89957a;margin-bottom:5px}.keyword-buttons b{font-size:13px;color:#445b37;font-weight:600;white-space:normal}.keyword-no{font-size:9px}.keyword-buttons i{font-size:18px;color:#84966c}.keyword-buttons .keyword-badge:nth-child(2){transform:translateX(-10px)}.keyword-buttons .keyword-badge:nth-child(3){transform:translateX(-10px)}.keyword-buttons .keyword-badge:hover{transform:translateX(-5px) translateY(-3px);border-color:#8b9f75}.about-copy{margin-left:0;max-width:440px;padding-top:55px}.about{padding-top:85px}
@media(min-width:651px) and (max-width:1100px){.hero-highlights{right:2%;top:35%;width:212px;max-width:none}.keyword-buttons b{font-size:11px}.keyword-buttons .keyword-badge{min-height:63px;padding:11px}.about-copy{max-width:40%}}
@media(max-width:650px){.hero-highlights{left:auto;right:4%;top:43%;bottom:auto;width:184px;max-width:none}.keyword-caption{font-size:9px;gap:5px;margin-bottom:8px}.keyword-buttons{gap:7px}.keyword-buttons .keyword-badge{min-height:53px;padding:9px 10px;gap:7px;border-radius:10px}.keyword-buttons small{font-size:7px;margin-bottom:3px}.keyword-buttons b{font-size:10px;line-height:1.45}.keyword-no{font-size:7px}.keyword-buttons i{font-size:12px}.about-copy{max-width:none;padding-top:0}.about{padding-top:100px}}

@media(min-width:1101px){.about-copy{width:44vw;max-width:560px}.about h2{font-size:clamp(32px,2.65vw,44px)}}
@media(max-width:650px){.hero-copy{left:7%;right:7%;width:86%;max-width:none}.hero h1{font-size:clamp(42px,13vw,70px)}.hero h1>.name-main{letter-spacing:-2.5px}.hero-name{width:max-content;max-width:100%}}

/* Keep the about composition: character left, introduction right. */
@media(min-width:651px){.about-copy{margin-left:52%;width:auto;max-width:560px;padding-top:55px}}

/* Give the introduction more breathing room beside the workstation. */
@media(min-width:651px){.about-copy{margin-left:57%;max-width:560px}}

/* Shift both elements right, with a wider gap in the about composition. */
@media(min-width:651px){.about-copy{margin-left:64%;max-width:560px}}

/* Collectible achievement seals beside the character. */
.hero-highlights{right:2.8%;top:30%;width:284px;max-width:none}.keyword-caption{font:8px var(--display);letter-spacing:1.6px;gap:10px;color:#849074;margin:0 0 15px 12px}.keyword-caption>span{font-size:19px;color:#bc9b67;transform:rotate(12deg)}.keyword-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px 9px;align-items:center}.keyword-buttons .keyword-badge:nth-child(n){position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;height:136px;min-height:0;padding:19px 8px;border:0;box-shadow:none;gap:0;isolation:isolate;transition:transform .3s,filter .3s;background:none;transform:none;overflow:visible;color:#394d31}.keyword-buttons .keyword-badge:nth-child(1){transform:rotate(-8deg);filter:drop-shadow(0 4px 3px #a78d5415)}.badge-seal{position:absolute;inset:0;width:100%;height:100%;fill:#e7c889;z-index:-1}.keyword-buttons .badge-kicker{font:8px var(--display);letter-spacing:1px;color:inherit;opacity:.75}.keyword-buttons .badge-metric{font:600 43px/1.1 var(--display);letter-spacing:-2px;margin:5px 0 4px;display:block;color:inherit}.badge-metric>span:not(.badge-link){font:500 18px var(--font);letter-spacing:-1px;margin-left:2px}.keyword-buttons .badge-description{font-size:9px;line-height:1.4;color:inherit;opacity:.85;font-weight:500}.keyword-buttons .keyword-badge>i{position:absolute;right:24px;top:24px;color:inherit;font-size:12px}.keyword-buttons .keyword-badge:nth-child(2){height:113px;border-radius:60px;background:#dce5cb;transform:rotate(6deg);margin-top:15px}.keyword-buttons .keyword-badge:nth-child(2) .badge-metric{font-size:30px;letter-spacing:-1.7px;margin:9px 0 7px}.badge-link{font:18px var(--display);margin-left:4px;vertical-align:top;display:inline-block;transform:rotate(-5deg);color:#8e9f77}.keyword-buttons .keyword-badge:nth-child(2) .badge-description{font-size:8px}.keyword-buttons .keyword-badge:nth-child(3){height:123px;width:123px;justify-self:center;border:1px solid #b3bea2;border-radius:50%;background:#fbf7eceb;transform:rotate(5deg);margin-top:-4px}.keyword-buttons .keyword-badge:nth-child(3):after{content:'';position:absolute;inset:6px;border:1px dashed #c5ceb9;border-radius:50%;pointer-events:none}.keyword-buttons .keyword-badge:nth-child(3) .badge-kicker{font-size:7px;letter-spacing:.7px}.keyword-buttons .keyword-badge:nth-child(3)>i{top:auto;bottom:18px;right:22px;font-size:10px}.keyword-buttons .keyword-badge:nth-child(4){height:135px;background:#617653;color:#f4f0e4;border-radius:48% 43% 46% 41% / 43% 52% 40% 49%;transform:rotate(-5deg);margin-top:0}.keyword-buttons .badge-metric.badge-promotion{font:600 26px/1.17 var(--font);letter-spacing:-1.1px;text-align:left;position:relative;margin:7px 0 9px}.badge-promotion>span{position:absolute;right:-22px;top:15px;color:#e4c98e;font-size:24px!important}.keyword-buttons .keyword-badge:nth-child(4) .badge-kicker{font-size:8px;letter-spacing:.3px}.keyword-buttons .keyword-badge:nth-child(4) .badge-description{font-size:8px;color:#e8e9d9}.keyword-buttons .keyword-badge:nth-child(n):hover{transform:translateY(-5px) rotate(0);filter:drop-shadow(0 7px 5px #535c3920)}.keyword-buttons .keyword-badge:focus-visible{outline:2px solid #af8150;outline-offset:5px}
@media(min-width:651px) and (max-width:1100px){.hero-highlights{width:240px;right:2%;top:33%}.keyword-buttons{gap:7px}.keyword-buttons .keyword-badge:nth-child(n){height:116px}.keyword-buttons .keyword-badge:nth-child(2){height:102px}.keyword-buttons .keyword-badge:nth-child(3){height:108px;width:108px}.keyword-buttons .badge-metric{font-size:37px}.keyword-buttons .badge-kicker{font-size:7px}.keyword-buttons .badge-description{font-size:8px}.keyword-buttons .keyword-badge:nth-child(2) .badge-description{font-size:7px}}
@media(max-width:650px){.hero-highlights{width:185px;right:3%;top:43%}.keyword-caption{font-size:6px;letter-spacing:1.1px;margin:0 0 9px 5px}.keyword-caption>span{font-size:13px}.keyword-buttons{gap:7px 5px}.keyword-buttons .keyword-badge:nth-child(n){height:89px;padding:10px 4px}.keyword-buttons .badge-kicker{font-size:6px;letter-spacing:.4px}.keyword-buttons .badge-metric{font-size:30px;margin:3px 0}.badge-metric>span:not(.badge-link){font-size:13px}.keyword-buttons .badge-description{font-size:7px}.keyword-buttons .keyword-badge>i{right:16px;top:15px;font-size:9px}.keyword-buttons .keyword-badge:nth-child(2){height:81px;margin-top:8px}.keyword-buttons .keyword-badge:nth-child(2) .badge-metric{font-size:21px;margin:5px 0}.badge-link{font-size:12px}.keyword-buttons .keyword-badge:nth-child(2) .badge-description{font-size:6px;letter-spacing:-.3px}.keyword-buttons .keyword-badge:nth-child(3){height:84px;width:84px;margin-top:0}.keyword-buttons .keyword-badge:nth-child(3) .badge-kicker{font-size:5px}.keyword-buttons .keyword-badge:nth-child(3)>i{bottom:12px;right:16px;font-size:8px}.keyword-buttons .keyword-badge:nth-child(4) .badge-kicker{font-size:6px}.keyword-buttons .badge-metric.badge-promotion{font-size:18px;margin:4px 0 6px}.badge-promotion>span{right:-15px;top:9px;font-size:17px!important}.keyword-buttons .keyword-badge:nth-child(4) .badge-description{font-size:6px}}
.keyword-buttons .keyword-badge>span:nth-child(n){flex:0 0 auto;min-width:0}

/* A handwritten signature at the end of the letter. */
.letter-sign{flex-direction:column;align-items:flex-end;gap:7px;padding-top:23px}.personal-signature{display:block;width:205px;max-width:55%;height:auto;object-fit:contain}.letter-sign>span{font-size:10px;letter-spacing:1px;color:#869779}
@media(max-width:650px){.personal-signature{width:165px;max-width:55%}.letter-sign{gap:5px;padding-top:20px}.letter-sign>span{font-size:9px}}

/* Move the about composition right without narrowing the text column. */
@media(min-width:651px){.about-copy{position:relative;left:clamp(48px,6.4vw,155px)}}

/* Activity entries are static records rather than modal launchers. */
.history-card-button{cursor:default}.history-card:hover{transform:none;box-shadow:none}.history-card:hover h4{color:inherit}

/* One quiet column of stamps, outside the workstation silhouette. */
.hero-highlights{left:auto;right:2.8%;top:21%;bottom:auto;width:112px;max-width:none}.keyword-caption{display:none}.keyword-buttons{grid-template-columns:1fr;gap:17px;align-items:center}.keyword-buttons .keyword-badge:nth-child(n){width:112px;height:112px;min-height:0;justify-self:center;margin:0;padding:14px 7px;transform:none;filter:none;box-shadow:none}.keyword-buttons .keyword-badge:nth-child(2),.keyword-buttons .keyword-badge:nth-child(3),.keyword-buttons .keyword-badge:nth-child(4){border-radius:50%}.keyword-buttons .badge-kicker{font-size:7px;letter-spacing:.5px}.keyword-buttons .badge-metric{font-size:38px;margin:4px 0}.keyword-buttons .badge-description{font-size:8px}.keyword-buttons .keyword-badge:nth-child(2) .badge-metric{font-size:26px;margin:7px 0}.keyword-buttons .keyword-badge:nth-child(2) .badge-description{font-size:7px;letter-spacing:-.25px}.badge-link{font-size:15px;margin-left:2px}.keyword-buttons .keyword-badge:nth-child(3) .badge-kicker{font-size:7px}.keyword-buttons .badge-metric.badge-promotion{font-size:23px;margin:6px 0}.keyword-buttons .keyword-badge:nth-child(4) .badge-kicker,.keyword-buttons .keyword-badge:nth-child(4) .badge-description{font-size:7px}.badge-promotion>span{font-size:18px!important;right:-18px;top:14px}.keyword-buttons .keyword-badge>i{top:20px;right:20px;font-size:10px}.keyword-buttons .keyword-badge:nth-child(3)>i{bottom:17px;right:20px}.keyword-buttons .keyword-badge:nth-child(n):hover{transform:translateX(-3px);filter:none}
@media(min-width:651px) and (max-width:1100px){.hero-highlights{left:7%;right:7%;top:auto;bottom:28px;width:auto}.keyword-buttons{grid-template-columns:repeat(4,1fr);gap:12px}.keyword-buttons .keyword-badge:nth-child(n){width:100px;height:100px;padding:12px 5px}.keyword-buttons .badge-metric{font-size:34px}.keyword-buttons .badge-description{font-size:7px}.keyword-buttons .keyword-badge:nth-child(2) .badge-metric{font-size:24px}.keyword-buttons .keyword-badge:nth-child(3) .badge-kicker{font-size:6px}.keyword-buttons .badge-metric.badge-promotion{font-size:21px}}
@media(max-width:650px){.hero-highlights{left:auto;right:3%;top:38%;bottom:auto;width:88px}.keyword-buttons{grid-template-columns:1fr;gap:12px}.keyword-buttons .keyword-badge:nth-child(n){width:88px;height:88px;padding:10px 4px}.keyword-buttons .badge-kicker{font-size:6px}.keyword-buttons .badge-metric{font-size:30px}.keyword-buttons .badge-description{font-size:7px}.keyword-buttons .keyword-badge:nth-child(2) .badge-metric{font-size:21px;margin:5px 0}.keyword-buttons .keyword-badge:nth-child(2) .badge-description{font-size:5.8px}.keyword-buttons .keyword-badge:nth-child(3) .badge-kicker{font-size:6px}.keyword-buttons .keyword-badge:nth-child(4) .badge-kicker,.keyword-buttons .keyword-badge:nth-child(4) .badge-description{font-size:6px}.keyword-buttons .badge-metric.badge-promotion{font-size:18px;margin:4px 0}.badge-promotion>span{font-size:14px!important;right:-14px;top:10px}.badge-link{font-size:12px}.keyword-buttons .keyword-badge>i{top:16px;right:17px;font-size:8px}.keyword-buttons .keyword-badge:nth-child(3)>i{bottom:12px;right:16px}}

/* Geometric connection symbol and four consistent circular seals. */
.portfolio-logo .portfolio-mark{width:38px;height:38px;background:transparent;border-radius:0;transform:none}.portfolio-mark img{width:100%;height:100%;display:block}.portfolio-logo{gap:12px}.keyword-buttons .keyword-badge:nth-child(1){border-radius:50%;background:#e7c889}.keyword-buttons .keyword-badge:nth-child(n){aspect-ratio:1}
@media(max-width:650px){.portfolio-logo .portfolio-mark{width:30px;height:30px}.portfolio-logo{gap:8px}}

/* Resume title shares the hero's sage mark and hand-drawn curve. */
.history-heading{align-items:center;gap:40px;margin-bottom:35px}.resume-heading-kicker{display:flex;align-items:center;gap:15px}.history-eyebrow{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:2px;color:#627555}.history-eyebrow:before{content:'';height:5px;width:5px;display:inline-block;border-radius:50%;background:#8fa67a}.resume-heading-years{font:8px var(--display);color:#a5ad99;letter-spacing:1px;border-left:1px solid #c9d1be;padding-left:15px}.history-heading h2{display:flex;align-items:baseline;flex-wrap:wrap;gap:15px;font-size:clamp(38px,3.8vw,62px);font-weight:600;letter-spacing:-2.8px;line-height:1.35;margin:29px 0 24px;color:#303b2c}.resume-title-primary{white-space:nowrap}.resume-title-and{display:inline-block;font-size:.46em;font-weight:400;color:#8d9781;vertical-align:middle;margin-left:10px;letter-spacing:-1px}.resume-title-accent{display:inline-block;position:relative;isolation:isolate;color:#647b50;font-style:italic;padding:0 8px 10px;white-space:nowrap}.resume-title-accent:before{content:'';position:absolute;left:-4px;right:-9px;top:22%;bottom:7%;background:#dfe6d1;z-index:-1;transform:rotate(-3deg);border-radius:48% 36% 45% 40% / 44% 52% 35% 47%}.resume-title-accent>svg{position:absolute;bottom:0;left:3%;width:94%;height:18px;fill:none;stroke:#9dae88;stroke-width:1.5;stroke-linecap:round}.resume-title-star{position:absolute;right:-40px;top:-13px;font:36px/1 var(--display);color:#d5975c;transform:rotate(12deg)}.history-heading p{font-size:12px;line-height:1.8;color:#89947e;margin:0 0 0 2px}.history-download{display:flex;align-items:center;gap:16px;border:0;padding:0;margin-top:25px;font-size:11px;color:#5c7150}.history-download>span{display:flex;flex-direction:column;gap:7px}.history-download small{font:6px var(--display);letter-spacing:1.1px;color:#a2ad95}.history-download i{display:grid;place-items:center;width:43px;height:43px;border:1px solid #bbc8ac;border-radius:50%;font:21px var(--display);font-style:normal;background:#e8edde;transition:background .2s,transform .2s}.history-download:hover i{background:#dce5cf;transform:translateY(3px)}
@media(max-width:900px){.history-heading h2{font-size:38px;gap:10px}.resume-title-star{right:-26px;font-size:27px}.history-download{gap:10px;font-size:10px}}
@media(max-width:650px){.history-heading{margin-bottom:26px}.resume-heading-kicker{gap:11px}.history-eyebrow{font-size:8px;letter-spacing:1.5px}.resume-heading-years{font-size:7px;letter-spacing:.5px;padding-left:11px}.history-heading h2{font-size:clamp(29px,8vw,39px);letter-spacing:-1.8px;gap:8px;margin:24px 0 20px}.resume-title-and{margin-left:4px}.resume-title-accent{padding:0 5px 7px}.resume-title-star{font-size:22px;right:-22px;top:-11px}.resume-title-accent>svg{height:12px}.history-heading p{font-size:10px}.history-download{display:inline-flex;margin-top:23px;font-size:10px;gap:13px}.history-download i{width:33px;height:33px;font-size:18px}.history-download>span{gap:4px}.history-download small{font-size:5px}}

/* Match the quiet two-line typography of Think. Build. / Make it work. */
.life-history{background:#e2e7dc;color:#303b32}.history-heading{align-items:flex-end;margin-bottom:40px}.history-heading .mini-label{color:#7e896d}.history-heading h2{display:block;font:500 60px/1.25 var(--display);letter-spacing:-3px;color:#303b32;margin:24px 0 25px}.history-heading h2 em{font-family:Georgia,'Malgun Gothic',serif;font-style:italic;font-weight:400;color:#788361}.history-heading p{color:#727d6c;font-size:11px;line-height:1.9}.history-toolbar{background:#e2e7dcf2}.history-download{margin-top:0;margin-bottom:5px}
@media(max-width:650px){.history-heading{margin-bottom:28px}.history-heading h2{font-size:43px;line-height:1.28;letter-spacing:-2px;margin:20px 0}.history-heading p{font-size:10px}.history-download{margin-top:22px}}

/* Gentle chapter changes: sage tools, ivory resume, warm sand closing. */
.life-history{background:#f5f1e8;margin-top:-32px;padding-top:90px;border-radius:48px 48px 0 0;box-shadow:0 -9px 28px #59644b07;isolation:isolate}.history-toolbar{background:#f5f1e8f5}.recruiter-note{background:#e8e0cf;margin-top:-28px;border-radius:48px 48px 0 0;box-shadow:0 -8px 25px #6e665409;z-index:4}.closing-emblem>span{background:#e8e0cf}.recruiter-intro h2>span:not(.closing-period):after{background:#c9d0b388}.recruiter-letter{border-color:#c5c8b2}.letter-sign,.recruiter-links{border-color:#c8c9b5}.recruiter-note .letter-editor textarea{background:#f5f0e5}.life-history .history-card{background:transparent}
@media(max-width:650px){.life-history{margin-top:-20px;padding-top:55px;border-radius:28px 28px 0 0}.recruiter-note{margin-top:-18px;padding-top:57px;border-radius:28px 28px 0 0}}

/* Shared alignment for the content chapters at every breakpoint. */
:root{--section-gutter:9%}.toolbox,.life-history,.recruiter-note{padding-left:var(--section-gutter);padding-right:var(--section-gutter)}.history-heading h2{line-height:1.05;margin-top:20px}.history-heading p{margin-left:0}
@media(min-width:1700px){:root{--section-gutter:12%}}
@media(max-width:1100px){:root{--section-gutter:7%}}
@media(max-width:650px){.history-heading h2{line-height:1.05}}

/* A wind-swept final entrance, with the letter above the effect layer. */
.recruiter-note{isolation:isolate;perspective:1400px}.closing-wind{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.closing-layout,.recruiter-links,.recruiter-note .simple-footer{position:relative;z-index:1}.recruiter-intro h2>span.closing-line{display:inline-block;position:relative;color:#35452e;transform-origin:0 100%;padding:0}.recruiter-intro h2>span.closing-line:after{display:none}.closing-line em{font-family:inherit;font-style:normal;font-weight:inherit;position:relative;isolation:isolate;color:#758a60}.closing-line em:after{content:'';position:absolute;left:-5px;right:-9px;bottom:9px;height:14px;background:#c9d0b388;z-index:-1;transform:rotate(-3deg);border-radius:50%}.closing-in-flight .closing-line,.closing-in-flight .recruiter-letter{will-change:transform,opacity,filter}.closing-in-flight .personal-signature{will-change:clip-path}.closing-in-flight:before{content:'';position:absolute;width:70%;height:80%;left:-15%;top:-25%;background:radial-gradient(ellipse,#faf4cf88,transparent 65%);filter:blur(30px);z-index:0;pointer-events:none;animation:closing-light-sweep 3.8s cubic-bezier(.2,.6,.3,1) both}@keyframes closing-light-sweep{0%{opacity:0;transform:translateX(-35%) rotate(-20deg)}25%{opacity:1}100%{opacity:0;transform:translateX(150%) rotate(12deg)}}
@media(prefers-reduced-motion:reduce){.closing-wind,.closing-in-flight:before{display:none}.closing-in-flight .closing-line,.closing-in-flight .recruiter-letter{will-change:auto}}.reduced .closing-wind,.reduced .closing-in-flight:before{display:none}
@media(max-width:650px){.closing-line em:after{bottom:7px;height:10px}}
/* Editorial refinement: readable type, compact tools, and a consistent motion rhythm. */
:root{--ease-out:cubic-bezier(.2,.8,.2,1)}
.header nav{font-size:13px;gap:29px}.header nav a{color:#59624f}.header nav a:hover{color:#283d25}.header-tools button span{font-size:8px;letter-spacing:.7px}
.hero-copy>p strong{font-size:16px;font-weight:400;color:#626d56}.hero-actions .round-link{font-size:13px;gap:22px}.hero-profile-link{font-size:12px}.hero-actions .round-link>span,.history-download i{transition:translate .4s var(--ease-out),background .25s,transform .3s}.hero-name:after{border-color:#a8b792}.hero-spark{color:#d79a60}
.about-copy p{font-size:14px;line-height:2.1;color:#7b826e}.skill-stickers{gap:8px;margin-top:29px}.skill-stickers span{font-size:10px;padding:8px 12px}.about h2{line-height:1.5}
.toolbox h2,.history-heading h2{font-size:clamp(50px,4.35vw,74px);line-height:1.06;letter-spacing:-3.2px}.toolbox-heading{margin-bottom:52px}.toolbox-heading p{max-width:360px;font-size:13px;line-height:1.95;word-break:keep-all}.mini-label{font-size:9px;letter-spacing:1.8px}.tool-group{grid-template-columns:155px minmax(0,1fr);gap:30px;padding:30px 0}.tool-group>h3{font-size:9px;line-height:1.9;letter-spacing:1.15px;margin:14px 0;color:#748364}.tools-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.toolbox .skill-tile{position:relative;isolation:isolate;display:flex;align-items:center;gap:17px;min-height:108px;padding:22px 19px;background:#f6f3eb;border:1px solid #d0d8c74d;border-radius:16px;box-shadow:0 4px 16px #63765304;overflow:hidden;transition:transform .45s var(--ease-out),box-shadow .45s,border-color .3s}.skill-tile:before{content:'';position:absolute;inset:0;background:radial-gradient(160px circle at var(--light-x,50%) var(--light-y,50%),#ffffffbc,transparent 75%);opacity:0;transition:opacity .3s;z-index:-1;pointer-events:none}.toolbox .skill-tile:hover{background:#fbf8f0;transform:translateY(-5px);border-color:#afbf9e;box-shadow:0 12px 25px #66765312}.skill-tile:hover:before{opacity:1}.toolbox .skill-logo{width:40px;height:43px;margin:0;flex-shrink:0}.toolbox .skill-logo img{width:34px;height:34px;object-fit:contain}.toolbox .skill-logo img[alt="Figma 로고"]{width:25px;height:36px}.toolbox .skill-tile h4{font:500 18px var(--display);letter-spacing:-.45px;margin:0 0 8px;color:#34432e}.toolbox .skill-tile p{font-size:11px;line-height:1.65;word-break:keep-all;color:#839077;margin:0}.toolbox .skill-tile>div:last-child{min-width:0}
.history-heading{margin-bottom:38px}.history-filters{gap:5px}.history-filters button{font-size:12px;padding:10px 16px;transition:background .3s,color .3s;white-space:nowrap}.history-filters button[aria-pressed=true]{background:#647c52;color:#faf7ee}.history-sort{font-size:11px;color:#89967c}.history-toolbar{padding:18px 0;margin-bottom:42px;border-bottom-color:#ced6c34d}.history-download{font-size:12px;gap:17px}.history-download small{font-size:7px}.history-download i{width:47px;height:47px}.history-count{font-size:11px}.history-sidebar nav a{font-size:19px}.history-card-button{min-height:104px;padding:23px 12px;grid-template-columns:170px minmax(0,1fr) 170px;column-gap:25px;row-gap:8px}.history-card h4{font-size:16px;font-weight:500;letter-spacing:-.4px;line-height:1.7;color:#35452f}.history-card time{font-size:11px;color:#929d86}.history-category{font-size:9px;padding:4px 7px}.history-org{display:flex;align-items:center;gap:7px;font-size:12px;line-height:1.7;color:#95a08a}.history-org .adperson-symbol{display:block;width:14px;height:16px;overflow:hidden;flex-shrink:0}.history-org .adperson-symbol img{display:block;width:80px;height:16px;max-width:none}.history-org>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-card-bottom .history-result{font-size:11px;line-height:1.6;padding:6px 10px;font-weight:400}.history-year>h3{font-size:35px;letter-spacing:-1.5px;margin-bottom:19px}.history-year>h3>span{font-size:9px}.history-card{border-color:#d7ddcfb3}.history-card:hover{background:transparent}.history-layout{gap:40px}
#keyword-dialog{padding:40px}.keyword-modal-top>span:first-child{font-size:10px}#keyword-title{font-size:29px}.keyword-modal-body{font-size:14px;line-height:2}.keyword-modal-facts>div{font-size:12px;grid-template-columns:92px 1fr}.keyword-modal-name{font-size:13px}.keyword-more{font-size:12px}.keyword-buttons .keyword-badge:nth-child(n){transition:transform .45s var(--ease-out),filter .3s}.keyword-buttons .keyword-badge:nth-child(n):hover{transform:translateX(-4px) scale(1.025)}
.letter-message p{font-size:14px;line-height:2.15;color:#738064}.letter-message p:first-child{font-size:20px;line-height:1.95}.letter-message p:last-child{font-size:13px}.letter-top>span{font-size:13px}.letter-top>button{font-size:10px;padding:7px 11px}.letter-sign>span{font-size:11px}.recruiter-links>a{font-size:22px}.recruiter-links>div>a,.recruiter-links button{font-size:11px}.recruiter-intro>p{font-size:12px;line-height:2}.recruiter-letter{padding-left:35px}.history-heading .mini-label,.toolbox-heading .mini-label{margin-bottom:3px}
@media(max-width:1240px) and (min-width:651px){.tools-row{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-group{grid-template-columns:125px minmax(0,1fr);gap:22px}.toolbox .skill-tile{gap:12px;padding:19px 16px}.toolbox .skill-tile p{font-size:10px}.history-card-button{grid-template-columns:140px minmax(0,1fr) 130px;column-gap:17px}.history-card h4{font-size:14px}.history-card-bottom .history-result{font-size:10px}.history-layout{grid-template-columns:80px minmax(0,1fr);gap:24px}.history-filters button{font-size:11px;padding:9px 12px}}
@media(max-width:900px) and (min-width:651px){.letter-message p{font-size:12px}.letter-message p:first-child{font-size:17px}.header nav{gap:18px;font-size:12px}.about-copy p{font-size:12px}}
@media(max-width:650px){.header{padding:22px 5%}.header nav{font-size:10px;gap:12px}.header nav a:first-child{display:none}.header-tools{gap:4px}.header-tools button{padding:3px}.portfolio-logo{gap:7px}.portfolio-wordmark{font-size:13px}.portfolio-wordmark small{font-size:4px;letter-spacing:1px}.portfolio-logo .portfolio-mark{width:26px;height:26px}.hero-copy>p strong{font-size:12px}.hero-actions .round-link{font-size:11px;gap:12px}.hero-profile-link{font-size:10px}.about-copy p{font-size:12px;line-height:2}.skill-stickers span{font-size:9px;padding:7px 10px}.toolbox h2,.history-heading h2{font-size:43px;letter-spacing:-2px;line-height:1.08}.mini-label{font-size:8px;letter-spacing:1.5px}.toolbox-heading{margin-bottom:31px}.toolbox-heading p{font-size:12px;line-height:1.9;margin-top:22px;max-width:300px}.tool-group{grid-template-columns:1fr;gap:12px;padding:24px 0}.tool-group>h3{font-size:8px;letter-spacing:1px;margin:0 0 6px}.tools-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.toolbox .skill-tile{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:14px;min-height:150px;padding:19px 15px;border-radius:14px}.toolbox .skill-logo{height:34px;width:34px}.toolbox .skill-logo img{height:30px;width:30px}.toolbox .skill-logo img[alt="Figma 로고"]{width:20px;height:30px}.toolbox .skill-tile h4{font-size:16px;margin-bottom:7px}.toolbox .skill-tile p{font-size:10px;line-height:1.7;word-break:normal;overflow-wrap:anywhere}.history-heading{margin-bottom:28px}.history-download{font-size:11px;margin-top:23px}.history-download i{width:35px;height:35px}.history-download small{font-size:6px}.history-toolbar{padding:13px 0 12px;margin-bottom:27px}.history-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;overflow:visible}.history-filters button{font-size:11px;padding:9px 3px;min-height:36px}.history-sort{font-size:10px;margin-top:11px;padding:4px 0}.history-year{scroll-margin-top:155px}.history-layout{display:block}.history-count{font-size:10px;margin-bottom:15px}.history-sidebar{margin-bottom:25px}.history-sidebar nav a{font-size:16px}.history-year>h3{font-size:28px}.history-card-button{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto auto;padding:20px 2px;min-height:0;row-gap:9px;column-gap:10px}.history-card-meta{grid-column:1/-1;grid-row:1;flex-direction:row;gap:9px;justify-content:flex-start;align-items:center}.history-card time{font-size:10px}.history-category{font-size:9px}.history-card h4{font-size:15px;line-height:1.75;grid-column:1/-1;grid-row:2}.history-org{font-size:11px;grid-column:1/-1;grid-row:3;white-space:normal}.history-card-bottom{grid-column:1/-1;grid-row:4;justify-content:flex-start}.history-card-bottom .history-result{font-size:10px;text-align:left;padding:5px 8px}.history-org .adperson-symbol{width:12px;height:14px}.history-org .adperson-symbol img{width:70px;height:14px}#keyword-dialog{padding:32px 25px}#keyword-title{font-size:25px}.keyword-modal-body{font-size:13px;line-height:1.95}.keyword-modal-facts>div{font-size:11px;grid-template-columns:78px 1fr;gap:10px}.keyword-more{font-size:11px}.recruiter-intro>p{font-size:11px}.recruiter-letter{padding-left:0}.letter-message p{font-size:13px;line-height:2.1}.letter-message p:first-child{font-size:16px}.letter-message p:last-child{font-size:12px}.letter-top>span{font-size:12px}.letter-top>button{font-size:9px}.recruiter-links>a{font-size:20px}.recruiter-links>div>a,.recruiter-links button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.skill-tile:before{display:none}.toolbox .skill-tile:hover,.keyword-buttons .keyword-badge:nth-child(n):hover{transform:none}}.reduced .toolbox .skill-tile:hover,.reduced .keyword-buttons .keyword-badge:nth-child(n):hover{transform:none}

.skill-tile p{word-break:keep-all;overflow-wrap:break-word}

@media(max-width:650px){.hero-copy{top:15%}.hero .role-sticker{left:auto;right:auto;margin:12px 0 8px;transform:none}.hero-actions{justify-content:flex-start;gap:20px}.hero-actions .round-link{display:inline-flex;font-size:10px}.hero-profile-link{font-size:10px}}